br:before { content: "\A"; white-space: pre-line }
.pagina{display: none;}
h1{margin:0px;}
h2{margin:0px;}
h3{margin:0px;}
h4{margin:0px;}
h5{margin:0px;}
textarea:focus, input:focus{
    outline: none;
}
p{margin: 0px;color:#5B5559;font-weight: 400;}
p u{text-decoration: none;}
a{text-decoration:none !important;outline:0;}
a:focus {outline:none !important;text-decoration: none !important;    -webkit-appearance: none;border:0px;  }
*:focus {
    outline: none !important;
}
a:active {outline:none !important;text-decoration: none !important}

svg{min-height: 1px;min-width: 1px;}
.blanco{color: #fff;}
.azul{color: #1E427B;}
.gris{color:#5B5559;}
body{font-family: 'Roboto', sans-serif !important;}

.boton{padding: 10px 25px;border-radius: 20px;font-size: 12px;text-transform: uppercase;text-align: center;font-size: 14px;border:0px;}
.boton.amarillo{background-color:#FDC400;text-transform: uppercase;color:#1E427B;transition: all 0.5s ease-in-out;display: inline-block; position: relative;border-radius: 20px;padding: 10px 25px;}
.boton.amarillo:hover{background-color:#1E427B;color:#fff;}
.boton.transparente{background-color:transparent;text-transform: uppercase;color:#fff;transition: all 0.5s ease-in-out;border:1px solid #fff;}
.boton.transparente:hover{background-color:#FDC400;color:#1E427B;}
.boton.celeste{background-color:transparent;text-transform: uppercase;color:#1E427B;transition: all 0.5s ease-in-out;border:1px solid #1E427B;display: inline-block;}
.boton.celeste:hover{background-color:#1E427B;color:#fff;}

.fullwidth{width: 100%;text-align: center;}
h3{font-size: 12px;text-transform: uppercase;}
h3 p{font-size: 12px;text-transform: uppercase;}
h4{font-size: 25px;font-weight: 500;color:#1E427B;}
h4 p{font-size: 25px;font-weight: 500;color:#1E427B;}
h4.regular{font-size: 28px;font-weight: 400;}
h4.regular p{font-size: 28px;font-weight: 400;}
p{font-size: 18px;}
h2{font-size: 38px;line-height: 48px;font-weight: 500;color:#fff;}
h2 p{font-size: 38px;line-height: 48px;font-weight: 500;color:#fff;}
h2.portada{font-weight: 900;line-height: 42px;font-size: 38px;color:#fff;}
h2.portada p{font-weight: 900;line-height: 42px;font-size: 38px;color:#fff;}
h2.azul p{color:#1E427B;}
.p38{font-size: 38px;}
.mt20{margin-top: 20px;}
.mt50{margin-top: 50px;}
.pdb100{padding-bottom: 100px !important;}

.covid{background-color:#FDC400;padding: 7px 0px;}
.covid a{color:#5B5559;font-size: 14px;}
.covid a:hover{color:#1E427B;}

.section{width: 100%;position: relative;overflow: hidden;}
.section.home{position: relative;}
.section.home.contacto{background-image: url("../img/portada-contacto.jpg");}
.section .video{width: 100%;}
.section .video.vh100{height: 100vh}
.section .video.hauto{height: auto;}
.section .video .overlay{background-color: rgba(30,66,123,0.4);width: 100%;height: 100vh;position: absolute;left: 0px;top:0px;}
.section .video .overlay.nofilter{background-color: transparent;}
.section .video .overlay .tophome{/*background-image: url("../img/bg-top.png");background-repeat: repeat-x;width: 100%;*/}
.section .video .overlay .tophome{}
.section .botonera{position: fixed;top: 0px;width: 100%;left: 0px;border-top:2px solid #FFC600;z-index: 1000;transition: all 0.5s ease-in-out;}
.section .video video{width: 100%;position: absolute;left: 0px;top:0px;}
.section .logo{padding: 40px 0px;}
.section .menu{width: 100%;text-align: right;display: inline-block;padding: 40px 0px;}
.section .menu .item{display: inline-block;font-size: 14px;text-transform: uppercase;margin-left: 17px;position: relative;}
.section .menu .item a{color:#fff;transition: all 0.5s ease-in-out;}
.section .menu .item .bullet{width: 4px;height: 4px;background-color: #FFC600;border-radius: 50%;position: absolute;right: 0px;top:-8px;transition: all 0.5s ease-in-out;opacity: 0}
.section .menu .item.active{}
.section .menu .item.active a{color:#FFC600;}
.section .menu .item.active .bullet{opacity: 1;}
.section .menu .item:hover .bullet{opacity: 1;}
.section .menu .item a:hover{color:#FFC600;}
.section .menu .item .idioma{width: 40px;height: 40px;text-align: center;border-radius: 50%;border:1px solid #fff;position: relative;top:15px;transition: all 0.5s ease-in-out;font-size: 12px}
.section .menu .item .idioma span{position: absolute;top:10px;left: 7px;}
.section .menu .item .idioma span.esp{left: 8px;}
.section .menu .item .idioma:hover{background-color:#FDC400;color:#1E427B;border:1px solid #FDC400;}
.section .menu .item.agencia{position: relative;z-index: 4}
.section .menu .item.agencia .submenu{position: absolute;width: 100%; text-align: left;left: 0px;background-color: rgba(0,0,0,0.5);border-radius: 0 0 10px 10px;margin-top: -10px;z-index: -1;padding: 10px;opacity: 0;transition: opacity 0.5s ease-in-out;top:-1500px !important;}
.section .menu .item.agencia .submenu .subitem.primero{margin-top: 30px;}
.section .menu .item.agencia .submenu .subitem{border:1px solid #fff;padding:7px 4px;border-radius: 20px;font-size: 11px;text-align: center;margin-bottom: 10px;}
.section .menu .item.agencia .submenu .subitem:hover{background-color: #1E427B}
.section .menu .item.agencia .submenu .subitem:hover a{color:#fff;}
.section .menu .item.agencia.travel:hover .submenu { display: block; top: 45px !important; opacity: 1; }
.section .menu .item.agencia.sport:hover .submenu {display: block;top: 15px !important;opacity: 1;}
.section .menu .item.agencia.corporate:hover .submenu { display: block; top: 45px !important; opacity: 1; }
.section .menu .item.agencia.crew:hover .submenu {
  display: block;
  top: 45px !important;
  opacity: 1;
}
/* Corporate submenu: que no quede alto (solo 1 opción) */
.section .menu .item.agencia.corporate .submenu .subitem.primero{
  margin-top: 10px;   /* antes 30px */
}
/* Crew submenu compacto (1 sola opción) */
.section .menu .item.agencia.crew:hover .submenu {
  display: block;
  top: 45px !important;
  opacity: 1;
}

.section .menu .item.agencia.crew .submenu .subitem.primero{
  margin-top: 10px;   /* antes 30px */
}

.section .menu .item.agencia.crew .submenu{
  padding-top: 8px;
  padding-bottom: 8px;
}

.section .menu .item.agencia.crew .submenu{
  top: -1500px !important;
  opacity: 0;
}

.section .menu .item.agencia.crew:hover .submenu{
  top: 45px !important;
  opacity: 1;
}

.section .menu .item.agencia.corporate .submenu{
  padding-top: 8px;
  padding-bottom: 8px;
}
.section .menu .item.herramientas{position: relative;z-index: 4}
.section .menu .item.herramientas .submenu{position: absolute;width: 150px;text-align: left;left: 0px;background-color: rgba(0,0,0,0.5);border-radius: 0px 0px 10px 10px;z-index: -1;padding: 10px;opacity: 0;transition: opacity 0.5s ease-in-out;top:-1500px !important;}
.section .menu .item.herramientas .submenu .subitem.primero{margin-top: 10px;}
.section .menu .item.herramientas .submenu .subitem{border:1px solid #fff;padding:7px 4px;border-radius: 20px;font-size: 11px;text-align: center;margin-bottom: 10px;}
.section .menu .item.herramientas .submenu .subitem:hover{background-color: #1E427B}
.section .menu .item.herramientas .submenu .subitem:hover a{color:#fff;}
.section .menu .item.herramientas:hover .submenu{display: block;top:20px !important;opacity: 1}

.section.home .frase{margin-top: 300px;position: relative;z-index: 100}
.section.home .frase.agencia{margin-top: 250px !important;}
.section.home h2{margin-bottom: 30px;margin-top: 10px;}


.section.servicios{background-color: #F5F5F5;}
.section.servicios.interna{background-color: #fff;}
.section .contenido{z-index: 100;position: relative;padding: 75px 0px;}
.section.herramientas .contenido{padding:75px 0px;}
.section.servicios .contenido{padding:75px 0px 0px 0px;}
.section.herramientas .contenido{padding:75px 0px;}
.section.bggris{background-color: #F5F5F5;}
.section.nosotros .contenido{padding:75px 0px 0px 0px;}


.section.servicios .sli{position: relative;}
.section.servicios .sli .slick-list{padding: 0px 20% !important}
.section.servicios .sli .slick-list .slick-slide{opacity: 0.2}
.section.servicios .sli .slick-list .slick-current{opacity: 1}
.section.servicios .sli .content_servicios{}
.section.servicios .sli .content_servicios .item{}
.section.servicios .sli .content_servicios .item.pd{padding: 0px 80px}
.section.servicios .sli .content_servicios .item .foto{text-align: center;position: relative;width: 100%;display: inline-block;border: 1px solid #1E427B;border-radius: 50%;padding: 13px;}
.section.servicios .sli .content_servicios .item .foto img{max-width: 100%;margin:0 auto;border-radius: 50%}
.section.servicios .sli .content_servicios .item .foto .nro{position: absolute;left: 40px;bottom: 10px;width: 60px;height: 60px;border-radius: 50%;background-color: #FDC400;text-align: center;}
.section.servicios .sli .content_servicios .item .foto span{font-size: 30px;font-weight: 700;position: relative;top:8px;}
.section.servicios .sli .content_servicios .item h4{margin-bottom: 10px;}
.section.servicios .sli .controles{margin-top: -20px;}
.section.servicios .sli .controles.interno{margin-top: -40px;}
.section.servicios .sli .controles .flechas{display: inline-block;}
.section.servicios .sli .controles .fle{width: 40px;height: 40px;border-radius: 50%;border:1px solid #B6B6B6;text-align: center;color:#1E427B;display: inline-block;margin-right: 15px;}
.section.servicios .sli .controles .fle i{font-size: 16px;position: relative;top:10px;left: -1px;margin-top: 1px;}
.section.servicios .sli .controles .fle.atras i{left: -1px;margin-top: 1px;}
.section.servicios .sli .controles .fle.sig i{left: 1px;margin-top: 1px;}
.section.servicios .sli .controles .nrositems{display: inline-block;position: relative;top: 3px;float: right;}
.section.servicios .sli .controles .nroi{width: 40px;height: 40px;border-radius: 50%;border:1px solid #B6B6B6;text-align: center;color:#1E427B;display: inline-block;margin-right: 15px;}
.section.servicios .sli .controles .nroi span{font-size: 18px;position: relative;top:4px;font-weight: 700;left: -1px;}
.section.servicios .sli .controles .nroi.active{background-color: #1E427B;color:#fff;border:1px solid #1E427B;}


.section.herramientas h2{margin-bottom: 5px;}
.section.herramientas .slyh{}
.section.herramientas .slyh .content_herramientas{margin-top: 100px;}
.section.herramientas .slyh .content_herramientas .itemh{}
.section.herramientas .slyh .content_herramientas .itemh .foto{display: inline-block;border: 1px solid #1E427B;border-radius: 50%;padding: 13px;position: relative;width: 340px;height: 340px;margin:0 auto;}
.section.herramientas .slyh .content_herramientas .itemh .foto .nro{position: absolute;left: 40px;bottom: 10px;width: 60px;height: 60px;border-radius: 50%;background-color: #FDC400;text-align: center;}
.section.herramientas .slyh .content_herramientas .itemh .foto span{font-size: 30px;font-weight: 700;position: relative;top:8px;}
.section.herramientas .slyh .content_herramientas .itemh .foto .punto{position: absolute;width: 12px;height: 12px;background-color: #FDC400;border-radius: 50%; }
.section.herramientas .slyh .content_herramientas .itemh .foto .punto1{left: 83px;}
.section.herramientas .slyh .content_herramientas .itemh .foto .punto2{left:83px;bottom:14px;}
.section.herramientas .slyh .content_herramientas .itemh .foto .punto3{right: 83px;}
.section.herramientas .slyh .content_herramientas .itemh .foto .punto4{right: 83px;bottom:14px;}
.section.herramientas .slyh .content_herramientas .itemh .foto img{width: 100%;margin:0 auto;border-radius: 50%;}
.section.herramientas .slyh .content_herramientas .itemh h4{margin-bottom: 8px;}
.section.herramientas .slyh .content_herramientas .itemh p{margin-right: 15px;font-weight: 300;}
.section.herramientas .slyh .content_herramientas .itemh p strong{font-weight: 700;}
.section.herramientas .slyh .content_herramientas .itemh u{font-weight: 700;text-decoration: none;color:#1E427B;}
.section.herramientas .slyh .content_herramientas .itemh .boton{margin-top: 20px;}
.section.herramientas .slyh .slick-list{padding: 0px 15% !important}
.section.herramientas .slyh.agencia .slick-list{padding: 0px 33% !important}
.section.herramientas .slyh.serv .slick-list{padding: 0px 20% !important}
.section.herramientas .slyh .slick-list .slick-slide{opacity: 0.2}
.section.herramientas .slyh .slick-list .slick-current{opacity: 1}
.section.herramientas .slyh .controles{margin-top: 20px;}
.section.herramientas .slyh .controles.mn{margin-top: -10px;}
.section.herramientas .slyh .controles .flechas{display: inline-block;}
.section.herramientas .slyh .controles .fle{width: 40px;height: 40px;border-radius: 50%;border:1px solid #B6B6B6;text-align: center;color:#1E427B;display: inline-block;margin-right: 15px;}
.section.herramientas .slyh .controles .fle i{font-size: 16px;position: relative;top:10px;}
.section.herramientas .slyh .controles .fle.atras i{left: -1px;margin-top: 1px;}
.section.herramientas .slyh .controles .fle.sig i{left: 1px;margin-top: 1px;}
.section.herramientas .slyh .solu{position: relative;margin:0px 30px 30px 30px;background-color: #fff}
.section.herramientas .slyh .solu .numero{width: 60px;height: 60px;border-radius: 50%;background-color: #FDC400;text-align: center;margin-bottom: 15px;}
.section.herramientas .slyh .solu .numero span{font-size: 30px;font-weight: 700;position: relative;top:8px;}


.section.contacto{background-color: #1E427B;position: relative;overflow: hidden;}
.section.contacto .contenido{padding: 50px 0px;margin: 0px;height: auto !important;}
.section.contacto .foto{}
.section.contacto .foto img{width: 95%;} 
.section.contacto .boton{margin-top: 15px;}


.section.aereolineas{position: relative;}
.section.aereolineas .contenido{padding: 75px 0px;margin: 0px;height: auto !important;}
.section.aereolineas .content_aereo{margin-top: 50px;}
.section.aereolineas .slick-dots{width: 100%;list-style: none;text-align: center;}
.section.aereolineas .content_aereo{}
.section.aereolineas .content_aereo .aereo{vertical-align: middle;padding: 0px 10px;}
.section.aereolineas .content_aereo .aereo img{width: 100%;}
.section.aereolineas .slick-dots li{width: 10px;height: 10px;border-radius: 50%;background-color: #B6B6B6;display: inline-block;position: relative;margin: 0px 5px;cursor: pointer}
.section.aereolineas .slick-dots li.slick-active{background-color: #1E427B;}
.section.aereolineas .slick-dots li button{left: 0px;top: 0px;position: absolute;display: none;}


.animacion{position: absolute;left:0px;top:200px;width: 100%}
.animacion path {stroke-dasharray: 3000;animation: draw 10s linear infinite alternate ;}

.animacionserv{position: absolute;left:0px;top:55px;width: 100%}
.section.servicios .lineaserv{fill:none;stroke:#1e427b;stroke-miterlimit:10;stroke-width:2px;}
.section.servicios .animacionserv path {stroke-dasharray: 2800;display: none;}
.section.servicios .animacionserv.interna{}
.section.servicios .animacionserv.interna path {stroke-dasharray: 2100;display: none;}
.section.servicios .animacionserv.animado path{animation: drawserv 10s linear infinite alternate;display: block;}

.section.herramientas .animacionherra{position: absolute;left:-80px;top:200px;width: 100%}
.section.herramientas .animacionherra path {stroke-dasharray: 2000;display: none;}
.section.herramientas .lineaherra{fill:none;stroke:#1e427b;stroke-miterlimit:10;stroke-width:2px;}

.section.herramientas .animacionherra.animado path{animation: drawserv 10s linear infinite alternate;display: block;}

.section.contacto .animacionconta{position: absolute;left:150px;top:0px;width: 100%}
.section.contacto .animacionconta path {stroke-dasharray: 2000;display: none;}
.section.contacto .lineaherra{fill:none;stroke:#1e427b;stroke-miterlimit:10;stroke-width:2px;}
.section.contacto .lineaherra.blanca{stroke:#fff;}
.section.contacto .animacionconta.animado path{animation: drawserv 10s linear infinite alternate;display: block;}

.section.herramientas .container-fluid{padding:0px;}
.section.herramientas .slide_servicios{margin-top:50px;}
.section.herramientas .slide_servicios .item{padding: 40px 0px 0px 0px}
.section.herramientas .slide_servicios .solucion{margin:0 40px;min-height: 312px;position: relative;}
.section.herramientas .slide_servicios .solucion .foto{position: relative;display: inline-block;border: 1px solid #1E427B;border-radius: 50%;padding: 13px;}
.section.herramientas .slide_servicios .solucion .foto img{width: 100%;border-radius: 50%;}
.section.herramientas .slide_servicios .solucion .foto .icono{position: absolute;left: 29px;top:5px;}
.section.herramientas .slide_servicios .solucion .foto .icono img{width: 60px}
.section.herramientas .slide_servicios .solucion h4{margin-bottom: 10px;}
.section.herramientas .slide_servicios .solucion .info b{color:#5B5559;font-size: 18px;}
.section.herramientas .animacionherra.interna{left:50px;top:0px;}

.section .nosotros{}
.section .nosotros .impacto{margin-bottom: 75px;padding: 0px 40px;}
.section .nosotros .impacto .foto{margin-bottom: 30px;display: inline-block;border: 1px solid #1E427B;border-radius: 50%;padding: 13px;position: relative;}
.section .nosotros .impacto .foto .punto{position: absolute;width: 12px;height: 12px;background-color: #FDC400;border-radius: 50%; }
.section .nosotros .impacto .foto .punto1{left: 60px;}
.section .nosotros .impacto .foto .punto2{left:60px;bottom:14px;}
.section .nosotros .impacto .foto .punto3{right: 60px;}
.section .nosotros .impacto .foto .punto4{right: 60px;bottom:14px;}
.section .nosotros .impacto .foto img{border-radius: 50%;max-width: 250px;}
.section .nosotros .impacto .desc p{color:#5B5559;font-weight: 300;}
.section .nosotros .impacto .desc p strong{font-weight: 700;}
.section .nosotros .impacto .desc p u{text-decoration: none;}
.section .nosotros .impacto h4{margin-bottom:8px;}
.section.nosotros .lineaherra{fill:none;stroke:#1e427b;stroke-miterlimit:10;stroke-width:2px;}
.section.nosotros .animacionnosotros{position: absolute;left:0px;top:150px;width: 100%}
.section.nosotros .animacionnosotros path {stroke-dasharray: 3500;display: none;}
.section.nosotros .animacionnosotros.animado path{animation: drawnosotros 10s linear infinite alternate;display: block;}

.section .formulario{background-color: #fff;border-radius: 20px;padding: 50px 100px;margin-top: 190px;position: relative;z-index: 999;margin-bottom: 100px;}
.section .formulario.mini{margin-top: -110px;padding: 35px}
.section .formulario h4{margin-bottom: 10px;}
.section .formulario p{margin-bottom: 30px;font-size: 20px}
.section .formulario .campo{margin-bottom: 20px;}
.section .formulario .campo.mbnone{margin-bottom: 0px;}
.section .formulario .campo .txt{width: 100%;border-radius: 20px;border:1px solid #1E427B;padding: 10px 15px;font-size: 13px;} 
.section .formulario .campo textarea.txt{height: 150px;}
.section .formulario .campo .radio{display: inline-block;}
.section .formulario .campo label{font-size: 11px;display: inline-block;}

.slideragencia{}
.slideragencia .item{background-size: cover;} 
.slideragencia .contenido{padding: 180px 0px}
.slideragencia .contenido .logo{width: 100%;margin-top: 50px;}
.slideragencia .contenido .logo img{margin:0 auto;}
.slideragencia .slick-dots{width: 100%;list-style: none;text-align: center;position: absolute;text-align: center;bottom:50px;display: block;padding: 0px;margin:0px;}
.slideragencia .slick-dots li{width: 10px;height: 10px;border-radius: 50%;background-color: #B6B6B6;display: inline-block;position: relative;margin: 0px 5px;cursor: pointer}
.slideragencia .slick-dots li.slick-active{background-color: #1E427B;}
.slideragencia .slick-dots li button{left: 0px;top: 0px;position: absolute;display: none;}
.slideragencia .item{min-height: 625px;}
.portada img{width: 100%;}

.section.intranet{}
.section.intranet .formulario.mini{margin-top: 0px !important;}
.section.intranet .panel-heading{background-color: #fff;border-color: transparent;}
.section.intranet .panel-heading .panel-title{color:#1E427B;font-size: 24px;font-weight: 500;}
.section.intranet .input-group span{display: none}
.section.intranet .campo{width: 100%;}
.section.intranet .campo .txt{height: auto;}
.section.intranet .campo .txt:focus{box-shadow: none;}
.nt-login-background {background: url(../intranet/images/background_travel_request_nueva.jpg) no-repeat center -200px fixed;background-size: cover;}
.nt-login-background.ereporter{background: url(../intranet/images/background_ereporte.jpg) no-repeat center center fixed;background-size: cover;}
.nt-login-background.agencias{background: url(../intranet/images/background_agencia.jpg) no-repeat center center fixed;background-size: cover;}
footer{background-color: #D8D8D8;padding: 50px 0px;color:#5B5559;}
footer .logo{margin-bottom: 20px;}
footer .ico{margin-bottom: 20px;}
footer p{font-size: 12px;}
footer p a{color:#5B5559;}
footer .social{width: 100%;text-align: right;margin-bottom: 20px;}
footer .social .red{display: inline-block;width: 40px;margin-left: 10px;}
footer .social .red:hover img{animation-name: bounce-4;animation-timing-function: ease;animation-duration: 2s; animation-iteration-count: infinite;}
footer .menu{text-align: right;width: 100%;}
footer .menu .item{display: inline-block;font-size: 12px;margin-left: 10px;}
footer .menu .item a{color:#5B5559;}
footer .menu .item.nomargin{margin-left: 0px;}
footer .menu .item span{margin:0 3px;}


  @keyframes bounce-4 {
      0%   { transform: translateY(0); }
      30%  { transform: translateY(-20px); }
      50%  { transform: translateY(0); }
      100% { transform: translateY(0); }
}

@keyframes drawserv {
  from {
    stroke-dashoffset: 2000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes drawnosotros {
  from {
    stroke-dashoffset: 3500;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes draw {
  from {
    stroke-dashoffset: 2800;
  }
  to {
    stroke-dashoffset: 0;
  }
}



@media (max-width:1366px) {
  
.animacion{left: -30px;}
}

@media (max-width:1024px) {
.section .menu .item{font-size: 13px;}	
.animacion{display: none;}	
.section .video{height: 70vh}
.section .video .overlay{height: 70vh;}
.section .formulario.mini{margin-top: -150px}
.section .video.vh100{height: 50vh !important}
.section.herramientas .slyh .content_herramientas .itemh .foto{width: 250px;height: 250px;}
.animacionserv{display: none}
.animacionherra{display: none}
.animacionconta{display: none}
}
  
}

@media (max-width:960px) {
  


}

@media (max-width:768px) {
  .covid a{font-size: 10px;}
  body{overflow-x: hidden;}

  h2.portada{font-size: 32px;line-height: 36px;}
  h2 p{font-size: 28px;line-height: 38px;}
  h4.p38{font-size: 32px;line-height: 36px;}
  .section .formulario p{font-size: 16px;}
  h2{font-size: 28px;line-height: 38px;}
  h4.textanimado p{font-size: 22px !important;}
  .section .logo img{max-width: 150px;}
  .section .video.vh100{height: 70vh !important}
  .section .video video{width: auto;height: 70vh}
  .section .video .overlay.video{height: 70vh !important}
  .section .contenido{padding:100px 0px;}
  .section.herramientas .container-fluid{padding: 0px 15px;}
  .mham{text-align: right;}
  .mham a{font-size: 20px;color: #fff;}
  .menu{position: absolute;width: 100%;text-align: left !important;}
  .section .logo{padding:20px 0px;}
  .menumobile{width: 100%;padding:10px 0px !important;position: absolute;top:-500px;opacity: 0;background-color: rgb(30, 66, 123);transition: opacity 0.5s ease-in-out;}
  .menumobile.open{position: relative;top:0px;opacity: 1}
  
  .menumobile .item{width: 100%;margin-bottom: 10px;}
  .menumobile .item.lang{width: auto;top:-10px;}
  .menumobile .item .idioma{display: inline-block;}
  .animacion{display: none;}
  .boton.fullwidth{margin-bottom: 10px;}
  .animacionserv{display: none}
  .animacionherra{display: none}
  .animacionconta{display: none}
  .section.servicios .sli .content_servicios .item .foto{margin-bottom: 50px;}
  .section.servicios .sli .controles .nrositems{display: none}
  .section.servicios .sli .controles .flechas{}
  .section.servicios .sli .controles .fle{position: absolute;top:-415px;}
  .section.servicios .sli .controles .fle.atras{left: 15px;}
  .section.servicios .sli .controles .fle.sig{right: 0px;}
  .section.servicios .sli .content_servicios .item{}
  .section.servicios .sli .content_servicios .item .foto{width: 300px;height: 300px;overflow: hidden;}
  .section.servicios .sli .content_servicios .item .foto .nro{display: none;}
  .section.servicios .sli .content_servicios .item .foto img{max-width: 100%;}
  .section.herramientas .slyh .content_herramientas{margin-top: 50px;}
  .section.herramientas .slyh.serv .slick-list{padding: 0px 10px !important }
  .section.herramientas .slyh .slick-list{padding:0px 0px !important;}
  .section.herramientas .slyh .slick-list .slick-slide{width: 100%;}
  .section.herramientas .slyh .content_herramientas .itemh{width: 100%;padding: 0px 15px;}
  .section.herramientas .slyh .content_herramientas .itemh .foto{margin-bottom: 50px;width: 300px;height: 300px;}
  .section.herramientas .slyh .content_herramientas .itemh .boton{width: 100%;text-align: center;}
  .section.herramientas .slyh .content_herramientas .itemh .foto .punto1{left: 70px !important;}
  .section.herramientas .slyh .content_herramientas .itemh .foto .punto2{left:70px !important;bottom:14px;}
  .section.herramientas .slyh .content_herramientas .itemh .foto .punto3{right: 70px !important;}
  .section.herramientas .slyh .content_herramientas .itemh .foto .punto4{right: 70px !important;bottom:14px;}
  .section.herramientas .slide_servicios .solucion .foto{margin-bottom: 50px;}
  .section.herramientas .slyh .controles .fle{position: absolute;top:-55px;}
  .section.herramientas .slyh .controles .fle.atras{left: 15px;}
  .section.herramientas .slyh .controles .fle.sig{right: 0px;}

  .section .nosotros .impacto{padding: 0px !important;margin-bottom: 50px;}
  .section.herramientas .slide_servicios{margin-top: 30px;}
  .section.herramientas .slyh.interno .controles .fle{top:-500px !important;position: absolute;}
  .section.herramientas .slide_servicios .solucion{margin: 0px;padding: 0px 10px 40px 10px;margin-bottom: -20px;}
  .section.herramientas.serv .contenido{padding-bottom: 0px; }
  .section.servicios.interna .contenido{padding:0px !important;}
  .section.contacto{text-align: center;}
  .section.contacto .foto{text-align: center;margin-bottom: 20px;}
  .section.contacto .foto img{width: 75%}
  .section.home.contacto{overflow: visible;}
  .section .formulario{padding:20px;}
  .section .video .overlay{height: auto;}
  footer .ico{margin-bottom: 10px;}
  footer .social{text-align: left !important;margin-top: 10px;}
  footer .menu{display: none}
  footer .social .red.primero{margin-left: 0px;}
  footer .social .red img{width: 35px;}


  .section .video{height: 70vh}
  .portada img{width: auto;height: 70vh}
  .section.home .frase{margin-top: 125px;}

  .section .formulario.mini{margin-top: 0px;padding: 0px;margin-bottom: 0px;margin-top: 100px;}
  .section.herramientas .slyh .solu{margin:0px;}
  .section.herramientas .slyh.agencia .slick-list{padding: 0px !important;}
  .section.herramientas .slyh.agencia .controles .fle{top: 20px;}
  .slideragencia .contenido{padding: 140px 0px;}
  .menumobile .item .boton.amarillo {
  background-color: #FDC400 !important;
  color: #1E427B !important;
  border-radius: 20px !important;
  padding: 12px 20px !important;
  display: block !important;
  text-align: left !important;
  font-weight: bold;
  cursor: pointer;
}

.menumobile .item.boton.amarillo a {
  color: white !important;
  font-size: 16px !important;
  padding: 0 !important;
  display: block;
}
}

@media (max-width:480px) {
    
  
}

@media (max-width:360px) {
	
	.section.servicios .sli .content_servicios .item .foto .nro{left: 45px;}
}

@media print { 
	
}
.submenu-mobile {
  display: none;
  padding-left: 15px;
  margin-top: 10px;
}

.submenu-mobile.open {
  display: block;
}
.section .menu .item.agencia .boton {
    z-index: 5;
    position: relative;
}
/* ===== Desktop header: centrar contenido entre logo e idiomas ===== */
@media (min-width: 769px){

  .section .menu.menu-desktop{
    display: block !important;
    text-align: right !important;
    padding: 40px 0px;
  }

  /* Fila 1 */
  .section .menu.menu-desktop .menu-top{
    display: flex;
    align-items: center;
    width: 100%;
    gap: 17px;
  }

  .section .menu.menu-desktop .menu-links{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 17px;
    flex-wrap: nowrap;

    /* Ajuste fino SOLO de la fila 1 (links) */
    padding-right: 235px;  /* prueba 220 / 240 / 260 / 280 */
  }

  .section .menu.menu-desktop .menu-langs{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
    flex-wrap: nowrap;
  }

  /* Fila 2 (botones amarillos) */
  .section .menu.menu-desktop .menu-bottom{
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;

    /* Ajuste fino SOLO de la fila 2 (botones) */
    padding-right: 170px;  /* NO TOCAR si ya estaba bien */
  }

  .section .menu.menu-desktop .menu-bottom > .item{
    margin-left: 0 !important;
    display: inline-flex;
  }

  .section .menu.menu-desktop .menu-bottom .boton.amarillo{
    padding: 10px 22px;
    white-space: nowrap;
  }
}
/* ===== FIX: Dropdown TOOLS por encima de botones amarillos ===== */

/* Asegura que la botonera tenga stacking context */
.botonera{
  position: relative;
  z-index: 1000;
}

/* La fila superior (links + Tools) por encima de la fila de botones */
.menu-desktop .menu-top{
  position: relative;
  z-index: 3000;
}

/* Importante: el item herramientas debe ser "ancla" del submenu */
.menu-desktop .item.herramientas{
  position: relative;
  z-index: 3001;
}

/* El submenu de Tools por encima de TODO */
.menu-desktop .item.herramientas .submenu{
  position: absolute;   /* normalmente ya lo tienes, pero lo forzamos */
  z-index: 9999;
}

/* La fila inferior de botones amarillos por debajo del dropdown */
.menu-desktop .menu-bottom{
  position: relative;
  z-index: 2000;
}
/* =========================================================
   FIX MENU ES/PT: evitar descoloque por textos largos
   Requiere: <div class="botonera lang-ESP|lang-POR|lang-ING">
   ========================================================= */

/* Asegura que nada corte dropdowns */
.menu-desktop,
.menu-desktop .menu-top{
  overflow: visible !important;
}

/* Fila 2 (botones amarillos): centrado estable y permite 2 filas si hace falta */
.menu-desktop .menu-bottom{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;      /* CLAVE: permite que no se rompa el layout */
  gap: 12px;
}

/* Cada botón de la fila 2 */
.menu-desktop .menu-bottom .item.agencia{
  flex: 0 1 auto;
}

/* Evita que el texto del botón salte a 2 líneas dentro del mismo botón */
.menu-desktop .menu-bottom .boton.amarillo a{
  white-space: nowrap;
  display: inline-block;
}

/* ---------- Ajustes SOLO para Español y Portugués ---------- */
.botonera.lang-ESP .menu-desktop .menu-bottom .boton.amarillo a,
.botonera.lang-POR .menu-desktop .menu-bottom .boton.amarillo a{
  font-size: 12px;      /* un pelín más pequeño */
  letter-spacing: .2px;
}

/* Reduce padding horizontal del botón en ES/PT para que quepa mejor */
.botonera.lang-ESP .menu-desktop .menu-bottom .boton.amarillo,
.botonera.lang-POR .menu-desktop .menu-bottom .boton.amarillo{
  padding-left: 14px;
  padding-right: 14px;
}

/* Compacta un poco los links superiores en ES/PT */
.botonera.lang-ESP .menu-desktop .menu-top .menu-links a,
.botonera.lang-POR .menu-desktop .menu-top .menu-links a{
  font-size: 12px;
}
/* =========================================
   FIX PORTUGUÉS - fila superior compacta
   ========================================= */

.botonera.lang-POR .menu-desktop .menu-top .menu-links{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;           /* menos separación */
  flex-wrap: nowrap;   /* NO permitir salto */
}

.botonera.lang-POR .menu-desktop .menu-top .menu-links .item{
  white-space: nowrap; /* que nunca parta el texto */
}

.botonera.lang-POR .menu-desktop .menu-top .menu-links a{
  font-size: 11px;     /* ligeramente más pequeño solo en PT */
  letter-spacing: 0.2px;
}
/* Hero buttons auto-size */
.section.home .boton.fullwidth {
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 12px 26px !important;
  box-sizing: border-box;
}
/* Mostrar submenu al hacer hover en botones amarillos */
.menu-bottom .item.agencia:hover .submenu {
  display: block;
  opacity: 1;
  visibility: visible;
}
/* ===== HERO: corregir separación entre botones sin romper Bootstrap ===== */
.section.home .frase > .row:nth-of-type(2){
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;              /* ajusta: 12 / 16 / 18 */
  flex-wrap: wrap;
}

/* Quitar el offset SOLO en esa fila (no afecta a otras secciones) */
.section.home .frase > .row:nth-of-type(2) .offset-md-3{
  margin-left: 0 !important;
}

/* Hacer que las columnas no fuercen ancho fijo y se comporten como botones */
.section.home .frase > .row:nth-of-type(2) > [class*="col-"]{
  flex: 0 0 auto;
  width: auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* ===== Centrar botones exactamente debajo del título ===== */
.section.home .frase{
  text-align: center;
}

.section.home .frase > .row:nth-of-type(2){
  margin-left: auto !important;
  margin-right: auto !important;
}