@font-face {
    font-family: Copper;
    src: url(/Copperplate-Bold.ttf);
  }
  .blog-recent[data-style*=classic_enhanced] .article-content-wrap, .masonry.classic_enhanced .masonry-blog-item .article-content-wrap {
      padding: 20px 0px !important;
  }
  .comments-section{
      display:none !important;
  }
  body[data-button-style*="slightly_rounded"] .banner-home .swiper-slide .button a {
      padding: 13px 60px !important;
      font-family: roboto !important;
      letter-spacing: 0px !important;
      font-size: 16px;
      border-radius: 0px !important;
  }
  .conoce-1{
      padding-top:50px !important;
      padding-bottom:50px !important;
  }
  .conoce-1 p{
      font-size:24px !important;
      margin-bottom:30px !important;
  }
  .info-cada-servicio1 li{
      font-size: 26px;
      line-height: 28px;
      margin-bottom: 19px;
      font-weight: 200 !important;
  }
  .serviciosinfo-interior1 h2{
          color: #16375e!important
  }
  .serviciosinfo-interior1 .vc_col-sm-4{
      margin-top:50px !important;
  }
  .serviciosinfo-interior1 .vc_col-sm-4 .iwithtext h3{
      color:white !important;
  }
  .info-cada-servicio1{
      padding-top:50px !important;
      padding-bottom:50px !important;
  }
  
  .info-cada-servicio1  ul{
      margin-left:0px !important;
  }
  .info-cada-servicio1 li{
      list-style:none !important;
      padding-left:0px !important;
  }
  .info-cada-servicio1 h2{
      color: #16375e!important;
      font-size: 40px;
      margin-bottom: 40px !important;
  }
  .serviciosinfo-interior1  .iwithtext .iwt-text {
      padding-left: 130px;
      padding-top: 70px;
  }
  .serviciosinfo-interior1  .iwithtext{
      text-align: center;
  }
  .serviciosinfo-interior1 .vc_col-sm-4 .iwithtext img{
         width: 160px !important;
      left: 60px;
      position: relative;
  
  }
  .serviciosinfo-interior1 .vc_col-sm-4 .vc_column-inner{
      padding-top:450px !important;
      padding-bottom:50px !important;
  }
  .serviciosinfo-interior1{
      padding-top:70px !important;
      padding-bottom:70px !important;
  }
  .bolsadetrabajo h2{
      margin-bottom:30px !important;
  }
  .datos-contacto h3{
      font-size:28px !important;
  }
  .bolsadetrabajo p{
      width:70% !important;
  }
  .bolsadetrabajo .nectar-button[data-color-override="false"].regular-button{
      border:1px solid #16375e !important;
      color:#16375e!important;
      margin-top:30px !important;
      background-color:transparent !important;
  }
  .bolsadetrabajo img {
          position: absolute !important;
      width: 400px !important;
      top: -35px !important;
  }
  .bolsadetrabajo{
      padding-top:150px !important;
      padding-bottom:150px !important;
  }
  .blog-recent[data-style*=classic_enhanced] .inner-wrap, .masonry.classic_enhanced .masonry-blog-item .inner-wrap {
   
      box-shadow: none;
  }
  .blog-home{
      padding-top:50px !important;
      padding-bottom:50px !important;
  }
  .blog-home  h2{
     color: #16375e!important;
     margin-bottom:30px !important;
  }
  .blog-home .excerpt::after{
      content: "Leer artículo";
      color: #16375e!important;
      width: 100% !important;
      display: block;
      margin-top: 20px;
      font-family: roboto;
      font-size: 16px !important;
      text-align: right;
      background-image: url(/wp-content/uploads/2023/11/flecha1.png);
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: right;
      margin-left: -30px;
      padding-right: 22px;
  }
  .blog-recent[data-style*=classic_enhanced][data-color-scheme=light] h3.title {
      color: #16375e!important;
      font-size: 24px !important;
      line-height: 26px !important;
  }
  .full-width-content > .col.span_12.dark .swiper-slide[data-color-scheme="light"] .content h2{
      font-family: roboto !important;
      font-weight: bold !important;
      letter-spacing: 1px;
      line-height: 62px;
  }
  .contruccion h2{
          color: #16375e!important;
          margin-bottom:50px !important;
  }
  .contruccion .vc_col-sm-4 .vc_column-inner{
      padding-top:500px !important;
      padding-bottom:30px !important;
  }
  .contruccion h3{
      color:white !important;
  }
  .contruccion h2 strong{
      color:#f6b443!important;
  }
  .swiper-slide .content p {
      font-size: 20px;
      line-height: 28px;
      font-weight: 300;
      width: 50%;
      margin-top: 20px !important;
  }
  .procesos .vc_col-sm-4  h3{
      color:#16375e!important;
      font-size:24px !important;
      
  }
  .procesos .vc_col-sm-4 .vc_column-inner{
      padding:50px !important;
      padding-top:250px !important;
  }
  .container {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0px 40px !important;
  }
  .nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide .content {
      padding: 0 45px !important;
  }
  #search-btn{
      display:none !important;
  }
  .nectar-button.small, 
  body[data-button-style*="slightly_rounded"] .nectar-button{
      font-family: roboto !important;
      font-size: 18px !important;
      padding: 13px 60px !important;
      border-radius: 0px !important;
  }
  .quienes-somos-home{
      padding-top:90px !important;
      padding-bottom:90px !important;
  }
  .quienes-somos-home .nectar-button.small{
     margin-top:40px !important;
  }
  body[data-button-style*="slightly_rounded"] .quienes-somos-home .nectar-button{
      padding: 13px 90px !important;
  }
  .quienes-somos-home .vc_col-sm-6:nth-child(2){
      padding-left:50px !important;
  }
  .quienes-somos-home h2{
      color:#16375e!important;
      margin-bottom:30px !important;
  }
  .wpb_wrapper>div{
      margin-bottom:0px !important;
  }
  .valores{
      padding-top:100px !important;
      padding-bottom:100px !important;
  }
  .valores .vc_col-sm-6{
      padding-bottom:50px !important;
  }
  .nectar-button.regular-button.extra-color-2{
      
      background-color: transparent !important;
      border: 1px solid white;
      padding: 13px 75px !important;
  
  }
  .valores h3{
      margin-bottom:20px !important;
  }
  .procesos {
      padding-top:70px !important;
      padding-bottom:70px !important;
  }
  .procesos h2{
      margin-bottom:30px !important;
  }
  .procesos .vc_col-sm-4{
      margin-bottom:30px !important;
      margin-top:30px !important;
  }
  .procesos .column-image-bg-wrap .column-image-bg{
          background-repeat: no-repeat;
      background-size: 100% 100% !important;
      border-radius: 30px !important;
  }
  .procesos h3::after{
      content: "";
      font-size: 16px !important;
      color: white !important;
      display: block;
      opacity: .0 !important;
      position: absolute;
  
  }
  .procesos .vc_col-sm-4:hover  h3{
         color:white !important;
  }
  .procesos .vc_col-sm-4:nth-child(1):hover .column-image-bg{
      background-image:url("/wp-content/uploads/2023/11/Img-proceso-gray-1.jpg") !important;
  }
  .procesos .vc_col-sm-4:nth-child(2):hover .column-image-bg{
      background-image:url("/wp-content/uploads/2023/11/Img-proceso-gray-2.jpg") !important;
  }
  .procesos .vc_col-sm-4:nth-child(3):hover .column-image-bg{
      background-image:url("/wp-content/uploads/2023/11/Img-proceso-gray-3.jpg") !important;
  }
  .procesos .row2 .vc_col-sm-4:nth-child(1):hover .column-image-bg{
      background-image:url("/wp-content/uploads/2023/11/Img-proceso-gray-4.jpg") !important;
  }
  .procesos .row2 .vc_col-sm-4:nth-child(2):hover .column-image-bg{
      background-image:url("/wp-content/uploads/2023/11/Img-proceso-gray-5.jpg") !important;
  }
  .procesos .row2 .vc_col-sm-4:nth-child(3):hover .column-image-bg{
      background-image:url("/wp-content/uploads/2023/11/Img-proceso-gray-6.jpg") !important;
  }
  .procesos .vc_col-sm-4:hover h3::after{
      opacity:1 !important;
  }
  .procesos .vc_col-sm-4:hover .wpb_text_column{
   transform: translate(-0px, -120px);
  }
  .procesos .vc_col-sm-4 .wpb_text_column {
      transition: transform .8s;
  }
  .procesos h3 strong{
    
      font-size: 50px !important;
      top: 10px;
      position: relative;
  }
  .valores img{
      height: 100px !important;
      width: auto !important;
      margin-bottom: 30px !important;
      margin-top: 50px !important;
  }
  .toggles-info .toggle.open{
      width:90% !important;
  }
  .proyectos-home .work-info a:nth-child(1){
      display:none !important;
  }
  .proyectos-home .portfolio-items .col .work-item .work-info .default-link{
      font-size: 0px !important;
      padding: 25px 15px !important;
      padding-bottom: 15px !important;
  }
  .proyectos-home .portfolio-items .col .work-item .work-info .default-link::after{
      content:"Ver detalles";
      font-size:16px !important;
  }
  #author-bio,
  #single-below-header .meta-comment-count,
  #single-below-header .meta-author{
      display:none !important;
  }
  .wpb_gallery_slidesimage_grid .portfolio-items .col img {
      width: 80% !important;
      margin-left: 10% !important;
  }
  .portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg, .portfolio-items[data-ps="8"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
      background-color: transparent !important;
  }
  .toggles-info .toggle-title{
       width: 60px !important;
      float: left;
      border-left: 1px solid #e1e1e1 !important;
      
  }
  .toggles-info .toggle {
      
      width:5% !important;
      float:left;
      margin-bottom:0px !important;
  }
  .toggles-info .tabbed>ul li {
      width:33.33% !important;
  }
  .toggles-info .tabbed>ul li a::after{
      color: #f6b443!important;
      font-family: roboto !important;
      font-weight: bold !important;
      font-family: roboto !important;
      font-size: 26px;
      position: absolute;
      right: 0px;
  }
  .toggles-info .wpb_text_column p{
          font-size: 24px !important;
      line-height: 52px;
      font-weight: 200 !important;
  }
  .toggles-info h3{
          color: #16375e!important;
      text-transform: uppercase;
  }
  .toggles-info .tabbed>ul li:nth-child(1) a::after{
      content:"01";
  }
  .toggles-info .tabbed>ul li:nth-child(2) a::after{
      content:"02";
  }
  
  .toggles-info .tabbed>ul li:nth-child(3) a::after{
      content:"03";
  }
  .toggles-info .tabbed>ul li a {
      color: #16375e!important;
      text-transform: uppercase;
      border-color: transparent !important;
      border: 0px !important;
      font-size: 20px !important;
      background-color: transparent !important;
  }
  .toggles-info .toggle > div h3{
      color: #16375e!important;
      text-transform:uppercase;
  }
  .toggles-info .toggle > div p{
      font-size: 24px !important;
      line-height: 52px;
  
      font-weight: 200 !important;
  }
  .toggles-info .toggle-title, .toggles-info .toggle > div{
     height:700px !important; 
     max-height:800px !important;
  }
  .toggles-info .toggle-title a i{
      display:none !important;
  }
  .toggles-info .toggle .toggle-title a::after{
      content: "01";
      transform: rotate(90deg);
      color: #f6b443!important;
      display: block;
      margin-left: 606px;
      font-family: roboto;
      font-weight: bold !important;
      font-family: roboto !important;
      font-size: 26px;
  }
  .toggles-info .toggle:nth-child(1) .toggle-title a::after{
      content:"01";
  }
  .toggles-info .toggle:nth-child(2) .toggle-title a::after{
      content:"02";
  }
  .toggles-info .toggle:nth-child(3) .toggle-title a::after{
      content:"03";
  }
  .toggles-info, .galeria {
      padding-top:70px !important;
      padding-bottom:70px !important;
  }
  .toggles-info .vc_col-sm-12.wpb_column.column_container{
      overflow:hidden !important;
      border:1px solid #e1e1e1 !important;
      padding:0px !important;
      border-left:0px !important;
  }
  .proyectos-home .vc_col-sm-6 img{
      width:250px;
  }
  .proyectos-home .nectar-button.regular-button.extra-color-2{
      color:black !important;
      border:1px solid black !important;
      margin-top:50px !important;
  }
  .datos-contacto h2, .datos-contacto h3{
      color: #16375e!important;
  }
  .datos-contacto .iwithtext{
      min-height:50px !important;
      margin-bottom:30px !important;
  }
  .datos-contacto{
      padding-top:100px !important;
      padding-bottom:100px !important;
  }
  .datos-contacto form{
      margin-top:50px !important;
  }
  .datos-contacto label{
      color: #16375e!important;
      font-size:18px !important;
    
  }
  .datos-contacto .vc_col-sm-6:nth-child(2){
      padding-left:80px !important;
  }
  .datos-contacto p{
      padding-bottom:15px !important;
  }
  .datos-contacto input, .datos-contacto textarea{
      border: 1px solid #a1a1a1;
      background-color: transparent !important;
      border-radius: 0px !important;
      margin-top: 5px !important;
  }
  body[data-form-submit=regular] .container-wrap input[type=submit] {
      padding: 15px 80px!important;
      background-color: #16375e!important;
      font-family: roboto !important;
      text-transform: uppercase;
      font-weight: 400 !important;
      font-size: 18px !important;
      border-radius: 0px !important;
      margin: auto;
      display: block;
  }
  .datos-contacto textarea{
      height:110px !important;
  }
  #footer-outer .widget h4{
   color: #676767;
   font-size:18px !important;
  }
  #footer-outer, #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap {
      color: #676767;
      
      background-color: white !important;
  }
  #footer-outer .datos-contacto{
      padding-top:0px !important;
      padding-bottom:0px !important;
  }
  #footer-outer .datos-contacto .iwithtext {
      min-height: 50px !important;
      margin-bottom: 5px !important;
  }
  #footer-outer .datos-contacto .iwithtext .iwt-text{
      font-size:16px !important;
  }
  #footer-outer .textwidget  a{
      color: #000d1f !important;
  }
  #footer-outer .textwidget .fa{
          background-color: #000d1f !important;
      color: white !important;
      height: 35px;
      width: 35px !important;
      border-radius: 100% !important;
      padding: 8px !important;
      margin-bottom: 10px !important;
      margin-right:10px !important;
  }
  #copyright .span_5{
      width:100% !important;
  }
  #header-outer #top nav > ul > li > a{
      opacity: 1 !important;
      font-family: roboto !important;
      text-transform: uppercase;
      font-size: 18px;
      padding: 0px 3px !important;
      font-weight: 600;
  }
  body #footer-outer #copyright {
      font-size: 15px;
      background-color: #F4F6F7;
       color: #676767 !important;
  }
  body #footer-outer #copyright  a{
    color: #676767 !important;
      text-decoration: underline;
  }
  body #footer-outer .row {
      padding: 45px 0;
  }
  .uno{
      float:left !important;
      width:50% !important;
  }
  .dos{
      float:left !important;
      width:50% !important;
      text-align:right;
  }
  #footer-outer .col.span_3{
      margin:0px !important;
  }
  #footer-outer .col.span_3:nth-child(1) img{
      width:70% !important;
  }
  #footer-outer .col.span_3:nth-child(1){
      width:50% !important;
  }
  #footer-outer .col.span_3:nth-child(2){
      width:25% !important;
      padding-right:50px !important;
  }
  #footer-outer .col.span_3:nth-child(3){
      width:12.5% !important;
  }
  #footer-outer .col.span_3:nth-child(4){
      width:12.5% !important;
  }
  #footer-outer .datos-contacto .row-bg{
      background-image:none !important;
  }
  .datos-contacto h3{
      margin-bottom:40px !important;
  }
  .datos-contacto .row-bg {
      background-size: cover;
      background-position: center !important;
  }
  .datos-contacto .iwithtext .iwt-text {
      padding-left: 40px;
      font-size: 18px !important;
      padding-top: 4px;
  
  }
  .datos-contacto .iwt-icon img{
      width:30px !important;
  }
  .galeria .wpb_gallery_slidesimage_grid{
      margin-top:50px !important;
  }
  .galeria .span_6:nth-child(1){
      width:50% !important;
  }
  .galeria .span_6{
      width:25% !important;
      float:left;
  }
  .proyectos-home {
      padding-top:70px !important;
      padding-bottom:70px !important;
  }
  .portfolio-items .work-meta{
      width:100% !important;
  }
  .proyectos-home .work-meta p{
      font-size:16px !important;
  }
  .proyectos-home .title{
      color: #16375e!important;
      font-family: roboto !important;
      font-size: 24px !important;
      line-height: 30px !important;
  }
  .proyectos-home .row-bg{
      background-position:top !important;
  }
  .proyectos-home .vc_col-sm-6{
      margin-bottom:50px !important;
  }
  .clientes {
      padding-top:70px !important;
      padding-bottom:70px !important;
  }
  .nectar-love-wrap{
      display:none !important;
  }
  .clientes .wpb_gallery_slidesimage_grid{
      width:90% !important;
      margin-left:5% !important;
  }
  .clientes h2{
      color:black !important;
      margin-bottom:30px !important;
  }
  .clientes .col.span_3 {
      width:20% !important;
      float:left !important;
  }
  .toggles-info .toggle-title a{
         transform: rotate(-90deg);
      width: 700px;
      margin-left: -320px;
      height: 60px;
      padding: 22px !important;
      text-transform: uppercase;
      font-size: 22px !important;
      font-weight: 400 !important;
      background-color: transparent !important;
      color: #323232 !important;
      margin-top: 320px;
      background-color:white !important;
  
  }
  .toggles-info .toggle > div{
      padding:50px !important;
      float: left !important;
      width: 100%;
      padding-left: 60px !important;
      margin-top: -700px !important;
          
              box-shadow: none !important;
      
  }
  .valores-nosotros .vc_col-sm-6  strong{
      font-size:28px !important;
  }
  .valores-nosotros .vc_col-sm-6 {
      padding-right:50px !important;
  }
  .valores-nosotros .vc_col-sm-6 img{
          height: 140px;
      width: auto;
      margin-top: 50px !important;
      margin-bottom:50px !important;
  }
  
  .nuestros-valores .row-nosotros-0{
      position:absolute !important;
  }
  .valores-nosotros .vc_col-sm-12  .nectar-button.small{
      
      background-color: transparent !important;
      border: 1px solid white;
      margin-top: 50px !important;
  }
  .valores-nosotros h3{
          font-weight: 400 !important;
      font-size: 18px !important;
      line-height: 20px;
  }
  .valores-nosotros{
      padding-top:70px !important;
      padding-bottom:70px !important;
  }
  .quienes-somos-info img{
      width:90% !important;
  }
  .quienes-somos-info h2{
      color:#16375e!important;
      margin-bottom:30px !important;
  }
  .quienes-somos-info .vc_col-sm-9{
      padding-right:50px !important;
  }
  .quienes-somos-info .nectar-button{
      margin-top:50px !important;
  }
  .nuestros-valores{
      padding-top:250px !important;
      padding-bottom:250px !important;
  }
  .nuestros-valores .iwithtext .iwt-icon img:not([srcset]){
          width: 90px !important;
      margin: auto !important;
      margin-bottom: 20px !important;
  
  }
  .nuestros-valores .iwithtext .iwt-text{
      padding-left:0px !important;
      text-align:center ;
  }
  .nuestros-valores .iwithtext .iwt-icon{
      position:relative !important;
  }
  .quienes-somos-info{
      padding-top:70px !important;
      padding-bottom:70px !important;
  }
  .bannernosotros h1{
      text-transform:uppercase !important;
  }
  .bannernosotros{
      padding-top:300px !important;
      padding-bottom:70px !important;
  }
  .nuestros-valores .row-nosotros-1{
      top: -60px;
      left: 10%;
  }
  .nuestros-valores .row-nosotros-2{
      top: -180px;
      left: 26%;
  }
  .nuestros-valores .row-nosotros-3{
      top: -180px;
      left: 43%;
  }
  .nuestros-valores .row-nosotros-4{
      top: -180px;
      left: 61%;
  }
  .nuestros-valores .row-nosotros-5{
      top: -60px;
      left: 72%;
  }
  .nuestros-valores .row-nosotros-6{
      top: 105px;
      left: 27%;
  }
  .nuestros-valores .row-nosotros-7{
      top: 105px;
      left: 51%;
  }
  .nuestros-valores H2{
      color: #16375e!important;
  }
  .img-valores-absolute{
          position: absolute !important;
      width: 400px;
      right: -40px;
      bottom: -250px;
  }
  .bolsadetrabajo img.nosotros-bolsa{
         position: relative !important;
      width: 100% !important;
      top: 0px !important;
  }
  .proyectos-portafolio{
      padding-top:50px !important;
      padding-bottom:50px !important;
  }
  .proyectos-portafolio h2{
      margin-bottom:50px !important;
      color:black !important;
  }
  .proyectos-portafolio .post-heading{
      font-size:20px !important;
          color: #16375e!important;
  }
  .proyectos-portafolio .post-heading a span{
      
          color: #16375e!important;
  }
  .galeria-cliente h2{
        color: #16375e!important;
        margin-top:50px !important;
  }
  #page-header-bg h1{
      text-transform:uppercase !important;
  }
  #sidebar .widget{
          margin-bottom: 20px;
      padding-bottom: 30px;
      border-bottom: 1px solid #16375e33;
  }
  #sidebar .widget ul{
      margin-bottom:0px !important;
  }
  #sidebar h4{
             color: #16375e!important;
      font-family: Roboto;
      font-size: 24px !important;
      opacity: 1 !important;
  }
  .formulario-contacto iframe{
      width:100%;
      height:400px ;
  }
  .mobile-search{
      display:none !important;
  }
  .cel{
      display:none !important;
  }
  @media only screen and (max-width: 800px) {
      .toggles-info .wpb_tab{
          border: 1px solid #eee;
      }
      .toggles-info .tabbed>ul li {
      width: 100% !important;
  }
  .toggles-info .wpb_text_column p {
      font-size: 20px !important;
      line-height: 28px;
  }
  .toggles-info .vc_col-sm-5, .toggles-info .vc_col-sm-7{
      width:50% !important;
  }
  .toggles-info h3 {
     
      font-size: 24px !important;
  }
  .toggles-info .tabbed>ul li a::after {
    
      right: 10px;
  }
  
  .toggles-info .tabbed>ul li a{
  border: 1px solid #d0d0d0 !important;
      border-top: 0px !important;
      padding: 15px 10px !important;
  }
  .toggles-info .tabbed>ul li.active-tab a{
      background-color: #16375e !important;
      color:white !important;
  }
      .cel{
          display:block !important;
      }
      .compu{
          display:none !important;
      }
      .clientes .portfolio-items .col.span_3{
          width:33.33% !important;
      }
      .toggles-info .toggle-title, .toggles-info .toggle > div {
      height: auto !important;
      
  }
  #footer-outer .col.span_3:nth-child(1){
      width:100% !important;
  }
  #footer-widgets .container .col {
      margin-left: 0px !important;
      width: 100% !important;
  }
  #footer-outer .col.span_3:nth-child(2) {
       width: 40% !important;
  }
   #footer-outer .col.span_3:nth-child(3),
  #footer-outer .col.span_3:nth-child(4){
     width: 30% !important;
      padding-right: 0px !important;
      margin: 0px !important;
      float: left;
      clear: initial !important;
  }
  body #footer-outer .row{
      padding-bottom:0px !important;
  }
  .blog-recent[data-style*=classic_enhanced] .post-featured-img img{
      width:100% !important;
  }
  .toggles-info .toggle {
      width: 7% !important;
  }
  .toggles-info .toggle-title a {
      
      height: 50px;
      padding: 16px !important;
  }
      .toggles-info .toggle > div{
          margin-top:0px !important;
      }
      .valores img {
      height: 60px !important;
      }
       .toggles-info .toggle > div{
           width:80% !important;
       }
      .toggles-info .toggle > div {
      padding: 15px !important;
      padding-left: 60px !important;
  }
      .toggles-info .toggle > div p {
      font-size: 18px !important;
      line-height: 26px;
      }
      .toggles-info .toggle > div h3{
          font-size:24px !important;
      }
      .contruccion .vc_col-sm-4{
          width:33.33% !important;
      }
      .contruccion .vc_col-sm-4 .vc_column-inner {
      padding-top: 370px !important;
      padding-bottom: 30px !important;
  }
      .procesos h3 strong {
      font-size: 25px !important;
      top: 0px;
      }
      .procesos h3::after {
      font-size: 14px !important;
      bottom: -40px;
  }
      .procesos .vc_col-sm-4 h3 {
      font-size: 18px !important;
      line-height: 20px;
  }
      .procesos .vc_col-sm-4 .vc_column-inner {
      padding: 10px !important;
      padding-top: 150px !important;
  }
      .procesos .vc_col-sm-4{
          width:33.33% !important;
      }
      .valores h3 {
      margin-bottom: 5px !important;
      font-size: 22px !important;
  }
      .valores .vc_col-sm-6{
          width:50% !important;
      }
      .quienes-somos-home img{
          width:100% !important;
      }
      .quienes-somos-home .vc_col-sm-6:nth-child(2) {
      padding-left: 0px !important;
  }
      body[data-button-style*="slightly_rounded"] .banner-home .swiper-slide .button a{
          padding:13px 25px !important;
      }
      .swiper-slide .content p {
      font-size: 16px !important;
      line-height: 19px !important;
      font-weight: 300;
      width: 100%;
      margin-top: 5px !important;
      margin-bottom: 20px !important;
  }
      .full-width-content > .col.span_12.dark .swiper-slide[data-color-scheme="light"] .content h2{
          font-size: 30px;
      line-height: 36px;
      }
    body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
      height: 60px!important;
  }
  .nuestros-valores .row-nosotros-1 {
      top: -45px;
      left: -5%;
  }
  .serviciosinfo-interior1 .vc_col-sm-4{
      width:33.33% !important;
      float:left;
  }
  .conoce-1 p {
      font-size: 20px !important;
  }
  .toggles-info .toggle.open {
      width: 86% !important;
  }
  
  .conoce-1 .vc_col-sm-6{
      width:50% !important;
      float:left;
  }
  .info-cada-servicio1 li {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 10px;
  }
  .info-cada-servicio1 h2 {
      font-size: 22px;
      margin-bottom: 24px !important;
  }
  .info-cada-servicio1 .vc_col-sm-5{
      width:45% !important;
  }
  .info-cada-servicio1 .vc_col-sm-7{
      width:55% !important;
  }
  .serviciosinfo-interior1 .vc_col-sm-4 .vc_column-inner {
      padding-top: 280px !important;
      padding-bottom: 30px !important;
  }
  .serviciosinfo-interior1 .iwithtext .iwt-text {
      padding-left: 90px;
  }
  .serviciosinfo-interior1 .vc_col-sm-4 .iwithtext img {
      width: 80px !important;
      left: 20px;
      position: relative;
      top: 45px;
  }
  .serviciosinfo-interior1 h2 {
    
      text-align: center;
      font-size: 30px !important;
  }
  .img-valores-absolute {
     
      width: 330px;
      right: -40px;
      bottom: -300px;
  }
  .nuestros-valores {
      padding-top: 260px !important;
      padding-bottom: 300px !important;
  }
  .nuestros-valores .row-nosotros-6 {
      left: 17%;
  }
  .nuestros-valores .row-nosotros-5 {
      top: -45px;
      left: 80%;
  }
  .nuestros-valores .iwithtext .iwt-icon img:not([srcset]) {
      width: 65px !important;
    
      margin-bottom: 15px !important;
  }
  .quienes-somos-info img{
      display:none  !important;
  }
  .bannernosotros {
      padding-top: 150px !important;
      padding-bottom: 30px !important;
  }
  #slide-out-widget-area.fullscreen .off-canvas-menu-container li a{
          font-family: Roboto !important;
      font-size: 24px !important;
      line-height: 26px !important;
  
  }
  #header-outer.scrolled-down{
      background-color:#16375e !important;
  }
  body #header-outer.scrolled-down #logo img{
          height: 40px!important;
  }
  }
  @media only screen and (max-width: 480px) {
         .toggles-info .wpb_tab{
          border: 1px solid #eee;
          
          padding:10px !important;
      }
      
  .toggles-info .wpb_text_column p {
      font-size:18px !important;
      line-height: 26px;
  }
  .toggles-info .vc_col-sm-5, .toggles-info .vc_col-sm-7{
      width:100% !important;
  }
      .valores .vc_col-sm-6 {
      width: 100% !important;
      height: auto !important;
  }
  .procesos .vc_col-sm-4 .vc_column-inner {
      padding: 10px !important;
      padding-top: 220px !important;
  }
  .contruccion .vc_col-sm-4 {
      width: 100% !important;
  }
  .clientes .portfolio-items .col.span_3 {
      width: 50% !important;
  }
  .galeria .span_6:nth-child(1) {
      width: 100% !important;
  }
  .wpb_gallery_slidesimage_grid .portfolio-items .col img {
      width: 100% !important;
      margin-left: 0px !important;
  }
  .datos-contacto .vc_col-sm-6:nth-child(2) {
      padding-left: 0px !important;
  }
  #footer-outer .col.span_3:nth-child(2) {
      width: 100% !important;
      margin-top: 10px !important;
  }
  .nuestros-valores .row-nosotros-0 {
      position: relative !important;
      top: 0px !important;
      left: 0px !important;
      width: 50%;
      float: left;
      margin-bottom: 10px !important;
      height: 130px;
  }
  .nuestros-valores h2{
      margin-bottom:30px !important;
  }
  .nuestros-valores {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
  }
  .serviciosinfo-interior1 {
      padding-top: 40px !important;
      padding-bottom: 40px !important;
  }
  .serviciosinfo-interior1 .vc_col-sm-4 {
      width: 100% !important;
      margin-top:0px !important;
  }
  .serviciosinfo-interior1 .vc_col-sm-4 .vc_column-inner {
      padding-top: 210px !important;
  }
  .info-cada-servicio1 .vc_col-sm-5, .info-cada-servicio1 .vc_col-sm-7{
      width:100% !important;
  }
  .conoce-1 .vc_col-sm-6  h2{
      font-size:24px !important;
  }
  .formulario-contacto iframe {
      height: 290px;
  }
  .valores h2{
      margin-bottom:40px !important;
  }
  .conoce-1 .vc_col-sm-6 {
      width: 100% !important;
  }
  .serviciosinfo-interior1 .vc_col-sm-4 .iwithtext img {
     
      left: 90px;
  }
  .serviciosinfo-interior1 h2 {
     margin-bottom:40px !important;
      font-size: 24px !important;
      line-height: 28px;
  }
  .img-valores-absolute{
      display:none !important;
  }
  .bolsadetrabajo p {
      width: 100% !important;
  }
  .bannernosotros .row-bg{
      
  }
  #footer-outer .col.span_3:nth-child(3){
      margin-top:-30px !important;
      margin-bottom:30px !important;
  }
  #footer-outer .col.span_3:nth-child(3), #footer-outer .col.span_3:nth-child(4) {
      width: 100% !important;
      margin-bottom:10px !important;
  }
  .galeria .span_6 {
      width: 50% !important;
  }
  .clientes .portfolio-items .col.span_3  img{
      width:100% !important;
  }
  .galeria .span_6{
      padding:5px !important;
  }
  .contruccion h2{
      font-size:26px !important;
      line-height:30px !important;
  }
  .procesos .vc_col-sm-4 {
      width: 100% !important;
      margin-bottom: 0px !important;
  }
  .valores img {
      
      margin-bottom: 0px !important;
      margin-top: 0px !important;
  }
      .valores {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
  }
      .full-width-content > .col.span_12.dark .swiper-slide[data-color-scheme="light"] .content h2{
          font-size:20px !important;
      }
  }

  .texto-justificado{
    text-align: justify;
    }

.texto-justificado p {
    text-align: justify;
}



/* sliderhome */
.logos {
    padding: 100px 0;
    background-color:  white;
}

.logos-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logos-slider .swiper-slide img {
    max-width: 100%;
    height: auto;
    max-height: 100px; /* Adjust as needed */
}


/* iconosfooter */
.iwithtext {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.iwithtext .iwt-icon {
    font-size: 20px;
    color: #16375e; /* Adjust the color as needed */
    margin-right: 10px;
}

.iwithtext .iwt-text {
    font-size: 16px;
    color: #676767; /* Adjust the color as needed */
}


img {
    max-width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    .col {
        flex: 1 1 calc(50% - 20px); /* 2 columns for tablets */
    }
}

@media (max-width: 480px) {
    .col {
        flex: 1 1 100%; /* 1 column for mobile */
    }
}


.social {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    color: white;
}



/* estilos para bolsa de trabajo */

.bolsa-trabajo {
    padding: 70px 20px;
    background-color: white;
    text-align: center;
  }
  
  .bolsa-trabajo .section-title {
    font-size: 32px;
    color: #16375e;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
  }
  
  .bolsa-trabajo .section-description {
    font-size: 18px;
    color: #676767;
    margin-bottom: 40px;
  }
  
  .bolsa-trabajo .job-listings {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  
  .bolsa-trabajo .job-card {
    background: white;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 20px;
    width: 300px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: left;
  }
  
  .bolsa-trabajo .job-title {
    font-size: 20px;
    color: #16375e;
    margin-bottom: 10px;
  }
  
  .bolsa-trabajo .job-location {
    font-size: 16px;
    color: #676767;
    margin-bottom: 10px;
  }
  
  .bolsa-trabajo .job-description {
    font-size: 14px;
    color: #676767;
    margin-bottom: 20px;
  }
  
  .bolsa-trabajo .nectar-button {
    font-size: 16px;
    padding: 10px 20px;
    border: 1px solid #16375e;
    color: #16375e;
    background-color: transparent;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
  }
  
  .bolsa-trabajo .nectar-button:hover {
    background-color: #16375e;
    color: white;
  }
  
  /* Responsivo */
  @media (max-width: 800px) {
    .bolsa-trabajo .job-listings {
      flex-direction: column;
      align-items: center;
    }
  
    .bolsa-trabajo .job-card {
      width: 90%;
    }
  }


  /* responsive section .valores */

/* Estilo para el menú desplegable en móviles */
.off-canvas-menu-container {
    background-color: #16375e; /* Fondo azul */
    padding: 20px;
    position: fixed; /* Fija el menú en la parte superior */
    top: 0; /* Posición en la parte superior */
    left: 0; /* Alineado a la izquierda */
    width: 100%; /* Ocupa todo el ancho */
    z-index: 1000; /* Asegura que esté sobre otros elementos */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para destacar */
}

.off-canvas-menu-container ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.off-canvas-menu-container ul.menu li a {
    color: #ffffff; /* Texto blanco */
    font-size: 16px; /* Tamaño de fuente */
    text-decoration: none;
    display: block;
    padding: 10px 20px; /* Espaciado interno */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* Línea divisoria */
}

.off-canvas-menu-container ul.menu li a:hover {
    color: yellow; /* Color de texto al pasar el cursor */
}

/* Ajustes responsivos */
@media (max-width: 768px) {
    .off-canvas-menu-container ul.menu li a {
        font-size: 14px; /* Ajustar tamaño de fuente para tablets */
    }
}

@media (max-width: 480px) {
    .off-canvas-menu-container ul.menu li a {
        font-size: 12px; /* Ajustar tamaño de fuente para móviles */
    }
}

