/* Fuentes */
.poppi{font-family: 'Poppins' , sans-serif !important;}
.poppi-400{font-family: 'Poppins' , sans-serif !important;}
.poppi-600{font-family: 'Poppins' , sans-serif !important;font-weight: 600;}
.poppi-700{font-family: 'Poppins' , sans-serif !important;font-weight: 700;}
.poppi-b{font-family: 'Poppins' , sans-serif !important;font-weight: 800;}

.monset{ font-family: 'montserratregular' !important; }
.circular_pro{ font-family: 'circular_problack' !important; }


::-webkit-scrollbar{width:9px;color:#29ABE2 ;}
::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #29ABE2 ;outline: 1px solid #29ABE2 ;}

body{  font-family: 'Poppins', sans-serif;color:#333;background:#fff;height:100%!important;top:0!important;margin: 0;}
h1,h2,h3,h4,h5,h6,blockquote{  font-family: 'Poppins', sans-serif;margin:0 !important;padding:0;}
blockquote{ border:0;}
button, input, optgroup, select, textarea{  font-family: 'Poppins', sans-serif;}
h1{font-size:40px!important;letter-spacing:0px;line-height:44px;}
h2{font-size:20px!important;line-height:30px;letter-spacing:0px;margin:7px 0!important;}
h3{font-size:20px!important;letter-spacing:0px;line-height: 30px;}
h4{font-size:22px!important;letter-spacing:0px;line-height:27px;}
h5{font-size:40px!important;line-height:45px;}
h6{font-size:11px!important;}
p,li{color:#333;}
a{text-decoration: none;}

label,
li{font-size:15px;}
p{font-size:16px;line-height:23px;margin-bottom:0;}
a {color:currentColor;}
/* h2 a:hover, h2 a:focus, p a:hover, p a:focus{color:#43d9b0;} */

html {scroll-behavior: smooth;} /* para scrol suave */
.row{max-width: 1250px;margin: auto;}

header{padding: 10px 0 10px;top: 0;width: 100%;z-index: 99999999;background: #FFFFFF;position: relative;transition: box-shadow 0.3s ease;}
header.inicio{position: absolute;background:transparent;background: #fff;padding: 10px 0;}
header.inicio._m_cronometro{margin-top:56px;}
header.flota{position: fixed;   margin-top:0 !important; background: #fff;padding: 10px 0;-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);}
/* Cuando el menú está abierto */
body.offcanvas-open header {
  box-shadow: 0 6px 18px rgba(0, 190, 213, 0.45); /* sombra celeste elegante */
}


.shadow_celeste{  box-shadow: 0 6px 18px rgba(0, 190, 213, 0.45); /* sombra celeste elegante */}
.conFondo{background:#EAEAE9 !important;}
.conFondo nav > ul > li > a{ color:#1d69a2;}
.solhelp {padding:14px 28px;background:#FF9100;border-radius:4px;color: #fff;font-weight: bold;font-size: 16px;line-height: 22px;cursor: pointer;margin-left: 30px;}
.solhelp:hover {padding:14px 28px;background:#FF9100;border-radius: 20px;color: #fff;font-weight: bold;font-size: 16px;line-height: 22px;cursor: pointer;margin-left: 30px;}
.solhelp_flota{z-index:9999;padding:14px 28px;background:#FF9100;border-radius:4px;color: #fff;font-weight: bold;font-size: 16px;line-height: 22px;cursor: pointer;margin-left: 30px;display:none;width:100%;border-radius:0;margin:0;position:fixed;bottom: 0;}
.solhelp_flota:hover{width:100%;border-radius:0;margin:0;position:absolute;bottom: 0;}


header .logo{display:inline-block;}
header .logoshort {display: none;}
header .float-right a.login{color:#1d69a2;padding:0 10px;display:inline-block;Font-size:18px;padding-bottom:4PX;}
header .float-right a.login:hover{color:#43d9b0;}


.off-canvas-absolute h2, .off-canvas-absolute h3{font-size: 16px!important;line-height: 16px;letter-spacing: 0;border-bottom: 5px solid #fff;    padding-bottom: 0px!important;padding-left: 23px;}
.off-canvas-absolute h2:hover, .off-canvas-absolute h3:hover{border-bottom: 0px solid #43d9b0 ;font-weight: 600;color: #1d69a2;}
.off-canvas-absolute h2 span{position: absolute;left: 0;top:0;
                              /* background: url(../img/iconos/isologo.png); */
                              width: 13px;height: 20px}


nav > ul{ margin:0; }
nav > ul > li{ position:relative;display:inline-block;vertical-align:top;padding: 0px 10px;}
nav > ul > li > a{ font-size: 16px;color: #333;position: relative;line-height: 22px;text-decoration:none;color:#1d69a2;}
nav > ul > li > a span._etiqueta_mkt{ border-radius: 10px;
    font-size: 10px;
    color: #fff;
    background: #511373;
    position: absolute;
    line-height: 10px;
    padding: 4px 5px;
    max-width: 100%;
    width: auto;
    right: -20px;
    top: -18px;
    font-weight: 600;}


nav > ul > li > a:focus{ color:#1d69a2;}
nav > ul > li:hover > a,
nav > ul > li.active-menu > a{ color:#1d69a2; border-bottom:0;font-weight: 600; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;border-bottom:2px solid #1d69a2; }
nav > ul > li > img{margin-top:0! important;}

nav > ul > li > a.btn{border:1px solid #333; line-height: 1;font-size: 14px;padding: 10px 15px;margin-top: -20px;color:#333;background:transparent;}
nav > ul > li > a.btn:hover{border-bottom: 0 solid #1d69a2; -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}


/*Sub Menu*/
/* nav li ul{display:none;position:absolute;}
nav > ul > li > ul{margin:0;}
nav li:hover > ul,
nav li:hover > ul a{display:block; color:#333;background:#fff;border-left:0px;min-width:100%;}
nav > ul > li > ul > li > a{ display:block;font-family:'OpenSans';font-size:13px;color:#fff;position:relative;padding:0; letter-spacing:1px;padding:5px 10px 5px 15px;white-space:nowrap;border-left:none;}
nav  ul > li > ul > li:hover > a,
nav  ul > li > ul > li.active-menu > a{color:#fff;background-color:#950205;} */



/* === Selector de Idioma === */
/* Contenedor del menú + idioma */
.menu-wrapper {  margin-top: 10px;display: flex;align-items: center;justify-content: space-between; /* Menú a la izquierda, idioma a la derecha */gap: 10px;}


.lang-selector {position: relative;cursor: pointer; list-style: none;}
.lang-selector .current-lang {display: flex;align-items: center;gap: 6px;padding: 1px 2px;border: 1px solid rgba(255,255,255,0.2);border-radius: 6px;color: #333;font-weight: 600;transition: background 0.3s;}
.lang-selector img {width: 20px;height: auto;}
.lang-dropdown {position: absolute;top: 30px;margin-left:0;right: 0;background: #fff;color:#333;border-radius: 6px;list-style: none;    padding: 8px 0;width: 120px;box-shadow: 0 4px 10px rgba(0,0,0,0.3);display: none;z-index: 9999;}

.lang-dropdown li {padding: 6px 10px;display: flex;align-items: center;gap: 6px;color: #333;font-weight: 500;}
.lang-dropdown li:hover {background: #f1f1f1;}
.lang-selector.open .lang-dropdown {display: block;}

/* Oculta la barra superior de Google Traductor */
.goog-te-banner-frame.skiptranslate {display: none !important;visibility: hidden !important;}
/* Elimina el espacio que deja Google en el top */
body {top: 0px !important;}
/* Oculta el aviso inferior de Google */
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{display:none !important;}
.goog-logo-link, 
.goog-te-gadget span, 
.goog-te-balloon-frame, 
#goog-gt-tt {display: none !important;}

/* Evitar flash blanco del overlay */
iframe[id^=":"] {display: none !important;}
/* Quitar la sombra flotante del traductor */
.goog-te-banner-frame {display: none !important;}
.goog-te-balloon-frame {display: none !important;}

/* Elimina el tooltip azul de Google Translate que aparece al pasar el mouse */
/* body * {pointer-events: auto !important;}
.goog-text-highlight, 
.goog-te-menu-value, 
.goog-te-menu-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight:hover {display: none !important;visibility: hidden !important;box-shadow: none !important;background: none !important;border: none !important;} */


/* Google agrega estilo hover al traducir: lo neutralizamos */
.goog-text-highlight, .goog-te-menu-value span {background: none !important;color: inherit !important;}



/* end idiomas */

figure{margin:0;}
label{ margin:10px 0 4px;color:#4A4A4A;font-size:13px !important;line-height:15px; }
label.error{ float:none;font-size:12px !important;margin:9px 0 0 !important;padding:5px 10px;width:auto;min-height:auto;background:#ff0000;color:#fff; }
label.error.valid{ display:none !important; }
input[type="text"],
input[type="email"],
input[type="number"],
textarea,
select{box-shadow:none !important;padding:0;padding-left:11px;margin:0 !important;color:#333;font-size:13.5px;outline:0;border-radius:5px;height: 2.1rem;}
textarea{padding:11px 10px;height:65px;line-height:15px;}

/*From*/
form label {margin: 19px 0 8px;color: #1d69a2;font-size: 18px !important;line-height: 25px; }
form label.error{ float:none;font-size:10px !important;line-height: 12px;margin: -1.1rem 0 0.4rem !important;padding: 5px 10px 5px;width:auto;min-height:auto;background:#ff0000;color:#fff;border-radius: 0 0 10px 10px; }
form label.error.valid{ display:none !important; }
form input[type="text"], 
form input[type="email"], 
form input[type="number"], 
form input[type="password"], 
form input[type="date"], 
form textarea, 
form select {
    background-color: #fff !important;border: 1px solid #CFD1D8;box-shadow: none !important;
    height: 36px;line-height: 36px;position:relative;
    padding: 15px;margin: 0 0 1rem !important;padding-left: 16px;color: #333;font-size: 13px;outline: 0;
}

form textarea{height: 84px;width: 100%;padding: 15px;margin-bottom: 1rem !important;line-height: 20px;}
select {
          /* background-image: url(../img/iconos/expand_more.svg); */
          background-position: right 0 center;background-size: 32px 32px;}
form button{ width:139px;font-size:18px !important;background:transparent;padding:10px 0;margin:12px 0 0 !important;text-align:center;color:#333;cursor:pointer; }
/* form button:hover {background:transparent;} */
form .callout{ font-size:13px; }
iframe{ display:block; }
select{ background-position: right 0 center;background-size: 32px 32px;}


.formulario_solicitar{ max-width: 350px; margin: 0 auto 70px; border-radius: 12px ; 
    -webkit-border-radius: 12px ; -moz-border-radius: 12px ; -ms-border-radius: 12px ; -o-border-radius: 12px ;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.06); transition: box-shadow 0.3s ease;  }

.formulario_solicitar ._encabezado{ background: #00bed5; border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0;  padding: 10px 15px;   display: flex; gap: 1rem;align-items: center;
}
.formulario_solicitar ._encabezado figure {margin: 0;width: 60px;height: 60px;flex-shrink: 0;}
._encabezado img {width: 100%;height: auto;border-radius: 50%;  }
._data_encabezado h4 {font-size: 1rem !important;letter-spacing: .7px;}
.formulario_solicitar ._encabezado p{ font-size: 12px !important ;line-height: 14px !important;letter-spacing: 0; padding: 0 !important;}
.formulario_solicitar ._cuerpo{padding: 20px 25px;background-color: #fff;}
.formulario input:focus {border-color: #0078d4;outline: none;}

/* Botón Foundation adaptado */
.formulario_solicitar .btn img {margin-top: -5px; padding-left: 5px;}
.formulario_solicitar .btn { margin-top:0 !important;
  background: #00bed5;font-weight:400;    font-size: 16px !important;
    line-height: 16px;
    padding: 12px 9px;max-width: 230px;
  border-radius: 12px;    
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.fa-whatsapp{color: #25D366;}


/* Línea separadora elegante */
.contact-info {
  border-top: 1px solid #e6e6e6;
  margin-top: 1rem;
  padding-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  color: #00bed5;  
}

.online-status {display: flex;align-items: center;gap: 8px; /* espacio entre el punto y el texto */}
.dot {width: 10px;height: 10px;background-color: #28a745;border-radius: 50%;display: inline-block;box-shadow: 0 0 4px rgba(40, 167, 69, 0.7);}


/* Cada item (WhatsApp / Teléfono) */
.contact-item {display: flex;align-items: center;gap: 0.4rem;font-weight: 600;}
/* Estilo de íconos */
.contact-item i {font-size: 1.1rem;color: #00bed5;}
.contact-item:first-child i {color: #25D366;}

.input-error {border: 1px solid red !important;  color: red;}
.input-error::placeholder {color: red;}
input::placeholder { color: var(--ph-color, #999); }
textarea::placeholder { color: var(--ph-color, #999); }





.menu_bar{ display:none; }
._mostrar_solo_pc{display:block !important;}
._mostrar_solo_movil{display:none !important;}
._mostrar_solo_movil_inline{display:none !important;}

.pb{padding-bottom:35px;}
.ocultarwsp{display:none;}
.lleva_call_to_action{position: absolute;bottom:0;z-index:999;letter-spacing:1px;font-size:15px;text-align:center;background:#f1f1f1;padding:6px 0;color:white;bottom: 0;
    height: 40px;width: 100%;position: fixed;z-index: 9999;left: 0;}
.lleva_call_to_action figure img { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.call_to_action{float: left;z-index: 999;}

.btn_call_to_action_fixed {position:fixed;bottom:0;left:0;z-index:999;letter-spacing:1px;font-size:15px;text-align:center;width:100%;background:#1d69a2;padding:10px;color:#1b2b59;margin:6px 0 0;display:none;font-weight: 800;color: #fff;}
/* .margin-interno{padding-top: 84px;}  */



/* Config */
.rel{ position:relative; }
.abs{ position:absolute;top:0;left:0; }

.columns{ padding-left:15px;padding-right:15px; }
.callout{margin:0; padding:0;border:0;}
.mascara{ width:100%;height:100%;background:transparent;zoom:1 !important; }
.banners{ border:0;margin:0;padding:0; background:transparent;}
.verticalalignmiddle{ position:absolute;top:0;left:0;bottom:0;right:0;margin:auto; }
.fullwidth{ width:100%; }
.tbl{ display:table;}
.tbl > *{ display:table-cell;vertical-align:middle; }
.en-linea > *{ display:inline-block;vertical-align:middle; }
.inlineb {display:inline-block;}
.block-line{ display:inline-block; }/*para generales  desaperece en movil*/
.block-b{ display:block; }/*para generales  desaperece en movil*/
.block-n{ display:none; }/*para mostrar el correo en movil*/
.hidden {display: none;}
.align-items{display: flex;justify-content: space-between;}
._label_mas_vendido{background: #28a745;padding: 8px 12px !important;position: absolute;right: 0;top:-40px;color: #fff;font-size: 12px !important;line-height: 12px !important;border-radius: 20px;font-weight: 800;}


.fondo { background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;}
.fondo .tbl{ height:100%; }
.fondo .tbl > *{ height:100%; }
.pagination {margin-top:25px;}
/* .pagination li{padding: .5rem 1rem;} */
.pagination a:hover,
.pagination .current{ background:#E5E5E5 !important;color:#333; padding: .5rem 1rem;}


.menu_bar{cursor:pointer;}
.color-1{color:#1d69a2!important;}
.color-2{color:#00bed5!important;}
.color-3{color:#5E5E5E!important;}
.color-4{color:#43d9b0!important;}
.color-5{color:#e8e8e8!important;}

.texto{color:#333!important;}
.link{color: #2a70a8!important; text-decoration: underline;}
.blanco{color:#fff!important;}
.red{color:red!important;}
.color-deg{color:transparent!important;background: -webkit-linear-gradient(50deg, #1d69a2 23%, #00bed5 100%);-webkit-background-clip: text;}
.bold {font-weight: bold;line-height:inherit;}
.em {font-style:italic;}
.active{color:#FF000!important;}
.pad-0{padding:0!important;}
.zoom-1:hover{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(1.1);transform:scale(1.1);}


.boton-llamar{display:none;}/*para llamar en movil*/
.cero{padding-left:0;padding-right:0;}
.padibuton{padding-top:10px;}
.fondoproduct, .fondoint { background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center; }
.redes-sociales{z-index:3;}


/* .lleva_imagen_fondo {min-height: 600px;} */
.banners .row{position: absolute; top: 0;left: 0;right: 0;margin: 0 auto;max-width: 1200px;z-index: 2;}
/* .lleva_imagen_fondo figure._contiene_imagen_fondo{height: 600px;position: absolute;top: 0;} */

/* .banners ._mostrar_solo_pc {height: auto;} */
.banners ._mostrar_solo_pc {height: auto;width: 100%;}
.banners .p_top{padding: 120px 0 100px;    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);}
.banners h2{font-size: 55px !important;line-height: 55px;    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);}
.banners blockquote{font-size: 20px !important;line-height: 30px;  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);}

.banners .tbl > *{ float:none; position:relative;z-index:2;}
.banners .abajo{ margin-top:20px;}
.banners .mascara{ background:rgba(108,183,9,0.02);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#56002437',EndColorStr='#56002437')";filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#56002437',EndColorStr='#56002437');z-index:1; }
.banners .fondo{ height:240px;}/*altura en firework 1900px*641px*/
.banners .fondoint{height:250px;}
.banners p{font-size:20px;padding-top:10px;line-height:25px;    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);}
.banners .btn_titu{ font-size:18px;  margin:0; margin-top:20px; padding:7px 20px; position:relative; z-index:2; background:transparent; border:2px solid #00bed5; color:#fff; }
.banners .btn_titu:hover{ background:#00bed5; color:#fff; }
.banners .redes-sociales{margin-top:-70px;z-index:3;position:absolute;right:20px;}
.banners a img {    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);}
.banners a img {margin-top: -8px;padding-right: 15px;}


.medium-6:hover h1, .medium-6:hover h3{animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    -ms-animation: fadeIn ease 2s;}


/*btn */
.btn{ display:inline-block;  max-width:max-content;min-width: 200px;border-radius: 20px;   margin:0;  font-size:14px;  letter-spacing:1px;  text-align:center;  color:#fff;  padding: 7px 12px;  border: none;  letter-spacing: 1px;
  transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;
    /* background: linear-gradient(to bottom right, #29ABE2, #0071BC);
    background: -webkit-linear-gradient(to bottom right, #29ABE2, #0071BC);
    background: -moz-linear-gradient(to bottom right, #29ABE2, #0071BC);
    background: -o-linear-gradient(to bottom right, #29ABE2, #0071BC);
    background: -ms-linear-gradient(to bottom right, #29ABE2, #0071BC); */
    
}
.btn_1{background:#1d69a2;color:#fff;}
.btn_1:hover{background:#00bed5;color:#fff;font-weight: 800}

.btn_2{background:#00bed5;color:#fff;}
.btn_2:hover{background:#1d69a2;color:#fff;border:1px solid #fff;font-weight: 800}

.botones:hover{background: #1d69a2;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-weight: 800}

.btn_pulse{-webkit-transition:;transition: all 0.5s;-webkit-animation: pulsegreenCases 2s infinite;animation: pulsegreenCases 2s infinite;visibility: visible;animation-name: pulse;}


.btnwsp{background:#fff;color:#54CC61;border:1px solid #54CC61;max-width: 190px;margin-left:15px;padding:9.5px 15px;min-height:22px;filter: grayscale(0);}
.btnwsp:hover{background:#54CC61;color:#fff;}
.btnwsp:focus{color:#54CC61!important;}
.btnwsp img{margin-top: -6px;}
.btn-flecha{padding:0px 10px 3px 0px; }


/* BACK TOP*/
#back-top {display:none;position:fixed;bottom:80px;right: 12px;z-index:2;} /*flecha flotante*/
#back-top a {width: 32px;display: block;text-align: center;font: 11px/100% Arial,Helvetica,sans-serif;text-transform: uppercase;					text-decoration: none;color: #666666;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top span {width: 32px;height: 32px;display: block;margin-bottom: 0;background-color:#1d69a2;
                  background-image: url(../img/iconos/up-arrow.png);
                  background-repeat:no-repeat;background-position:center;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover span {background-color:#29ABE2;}


/* #videofondo,
.banners .lSSlideOuter,
.banners .lSSlideWrapper,
.banners .lSSlideWrapper ul,
.banners.solo-portada,
.banners.solo-portada .fondo{height:100%;} */


.banners.solo-portada .abajo{padding-top:45px;}


/* .carousel{
  display: block;
  width: 100%;
  overflow: hidden;
}
.carousel li {
  list-style: none;
  min-height: 280px;
} */

.lSSlideOuter, .lSSlideWrapper {
  width: 100% !important;
  /* overflow: visible; */
}


/* .lSAction > a{display:inline-block;position:relative;} */
.lSAction > a{position:absolute;display:block;width:14px;height:23px;z-index:2;}
.lSAction > .lSPrev{background:url(../img/iconos/flecha_izquierda.svg) no-repeat;left:10px;width:45px;height:45px;}
.lSAction > .lSNext{background:url(../img/iconos/flecha_derecha.svg) no-repeat;right: 10px; width:45px;height:45px;}
/* .banners .lSAction > a{display:block; position:absolute;top:50%;width:27px; height:48px;z-index:1;}
.banners  .lSAction > .lSPrev{ background:url(../img/iconos/prev-banner.png) no-repeat;left:30px;}
.banners .lSAction > .lSNext{background:url(../img/iconos/next-banner.png) no-repeat;right:30px;} */


.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {background-color:#e8e8e8;}
.lSSlideOuter .lSPager.lSpg>li a {background:rgba(250,250,250,0.8);width:19px;height:16px;z-index:2;}
.lSSlideOuter .lSPager.lSpg {position: absolute;top:90%;left:0;right:0;margin-top: 40px;}
.banners .lSSlideOuter .lSPager.lSpg {left: 0;right: 0;}
.lSSlideOuter .lSPager.lSpg>li{padding: 0 8px;}


/* Portada */
.zoom:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); -webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out; }
.rayita-script{background: #ccc;padding: 2px;margin-left: 20px;}


.callout-n {padding: 60px 0 20px;}
.callout-n .subta {padding-left: 50px;}

.callout-script h1{font-size: 95px!important;letter-spacing: -1px;line-height:170px;font-weight:900;padding:260px 0 70px;}
.callout-script h1 img{margin-top: -34px;}
/* .callout-script h1 a{font-size:20px!important;letter-spacing: -1px;line-height:20px;max-width:200px;display:block;color:#fff;background:#0262A2;} */


/* servicios */
._canadian{position: absolute;right: 0;top: 0;width: 250px;height: auto;z-index: 2;}
.callout-servicios {padding: 50px 0 100px;}
.callout-servicios ._intro p{font-size:30px;line-height: 40px;margin-bottom: 50px;}

._service {position: relative;display: inline-block;margin-top:20px;}
._service figure {margin: 0;position: relative;overflow: hidden;border-radius: 20px;}
._service .lleva_data {position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));color: #fff;display: flex;
    height: 30%; /* ocupa 30% de la imagen */
    justify-content: space-between; /* izquierda y derecha */
    align-items: center; /* centra verticalmente */
    padding: 10px 15px 20px;box-sizing: border-box;border-radius: 20px;}

._service .left-content {display: flex;flex-direction: column;align-items: flex-start;height: 100%;padding-right: 10px;
  flex: 1; /* ocupa todo el espacio disponible */
  justify-content: flex-end; /* botón abajo */
}

._service .left-content h2 {margin: 0 0 10px !important;font-size: 18px;transition: transform 0.4s ease;/* mueve título al aparecer p */-webkit-transition: transform 0.4s ease;-moz-transition: transform 0.4s ease;-ms-transition: transform 0.4s ease;-o-transition: transform 0.4s ease;}
._service .left-content ._contiene_text { padding-left: 22px;}

._service .left-content p {margin: 5px 0 10px;opacity: 0;transform: translateY(20px);transition: all 0.4s ease;font-size: 14px;line-height: 20px;display: none;}
._service .left-content .service-btn {padding: 10px 15px;font-size: 14px;border: none;color: #fff;cursor: pointer;min-width: 150px;}
._service .right-icon {display: flex;justify-content: center;align-items: center;margin-left: 10px;flex-shrink: 0; /* evita que se reduzca */}

._service:hover .left-content p {opacity: 1;transform: translateY(0);display: block;}
._service:hover .left-content h2 { transform: translateY(10px); /*mueveligeramentehaciaarriba*/-webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); -webkit-transform: translateY(10px); }


/* Staff */
.callout-staff {padding: 50px 0 120px;}
.callout-staff ._intro p{font-size:30px;line-height: 40px;margin-bottom: 50px;}

.callout-staff .carousel-3 {width: 100%;display: block;}
._staff {position: relative;overflow: hidden;border-radius: 10px;}
._staff figure.rel {margin: 0;position: relative;}
._staff figure.rel img {display: block;object-fit: cover; }

/* Degradado sobre la imagen */
._staff figure.rel::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0) 100%);pointer-events: none;z-index: 1;}

/* Contenedor de texto */
._staff .lleva_data {position: absolute;bottom: 60px;left: 0;right: 0; width: auto;max-width: 320px;margin: 0 auto;color: #fff;text-align: center;z-index: 2;
  display: flex; flex-direction: column;
  align-items: center; /* centra el texto */
}
._staff .lleva_data h2 {  margin: 7px 0 0 !important;}
._staff .lleva_data p{margin: 0;font-weight: 400;}



.callout-services-2 {background: #1d69a2;padding: 60px 0;color:#fff;}
.callout-services-2 h3 {font-size: 35px !important;line-height: 45px;padding-bottom: 10px;}
.callout-services-2 p {font-size: 18px;line-height: 28px;padding-bottom: 20px;}
.callout-services-2 .btn_2 {background: #fff;color:#1d69a2;}

.callout-services-3 {background: #fff;padding: 60px 0 80px;color:#1d69a2;}
.callout-services-3 h3 {font-size: 35px !important;line-height: 45px;padding-bottom: 20px;}
.callout-services-3 p {font-size: 16px;line-height: 25px;margin-top:15px;    min-height: 125px;}
.callout-services-3 ._choose {padding: 25px 20px 40px;background: #1d69a2;border-radius: 10px; margin-top: 30px;}

.callout-services-3 .lSSlideOuter .lSPager.lSpg {margin-top:25px !important;}
.callout-services-3 .lSSlideOuter .lSPager.lSpg>li a {background-color: #FFFFFF;border: 1px solid #1d69a2;}
.callout-services-3 .lSSlideOuter .lSPager.lSpg>li.active a, 
.callout-services-3 .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #1d69a2;border: 1px solid #1d69a2;
}




/*  callout-testimonios */
.callout-testimonios_action {padding: 40px 0 0;background: #1d69a2;}
.callout-testimonios {padding: 50px 0 60px;}

.call-to-action {display: flex;justify-content: space-between;align-items: center; text-align: left;flex-wrap: wrap;gap: 10px;}
.call-to-action h3 {margin: 0;color: #fff; font-size: 35px !important;line-height: 45px;    padding-bottom: 40px;}
.call-to-action img{margin-top:-115px;}
.call-to-action .btn {  margin-BOTTOM: 40px;padding-top: 12px;}
.call-to-action div{    display: flex;}


@media (max-width: 640px) {  
  .call-to-action .btn {  margin-top: 10px;}
} 










.lleva_testimonios{padding:60px 0;}
._testimonios{background: #fff;padding: 100px 40px 50px;max-width: 450px;background: #fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;  transition: box-shadow 0.3s ease; 
  box-shadow: 4px 6px 18px rgba(0, 190, 213, 0.25),   0px 2px 4px rgba(0, 0, 0, 0.05);}
._testimonios:hover {box-shadow:  6px 8px 22px rgba(0, 190, 213, 0.35),  0px 4px 8px rgba(0, 0, 0, 0.08);}
._testimonios figure{ margin: -145px auto 10px;  }
._testimonios figure img{ width: 90px;height: 90px;padding: 3px;background: #fff;  border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
._testimonios h3{font-size: 20px;line-height: 30px;margin-bottom: 25px;}
._testimonios  p{font-size: 18px;line-height: 28px;margin-bottom: 30px;text-align: center;}
._testimonios ._estrellas  {display:  none;}
._testimonios ._estrellas li{display: inline-block;}
._testimonios ._estrellas li+li{margin-left: 10px;}


/* contaco */
._linea_contacto{width: 100%;}
.callout-contacto {padding: 30px 0 50px;}
.callout-contacto ._intro p{font-size:30px;line-height: 40px;margin-bottom: 50px;}

.contact-section {position: relative;width: 100%;height: 600px;overflow: hidden;border-radius: 16px;}

.mapa-fondo {position: relative;width: 100%;height: 100%;}
.mapa-fondo iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;filter:brightness(75%);-webkit-filter:brightness(75%);}

.formulario-contacto {position: absolute;top: 50%;right: 5%;transform: translateY(-50%);background: #fff;padding: 25px 30px;border-radius: 16px;max-width: 380px;width: 100%;  box-shadow: 4px 6px 20px rgba(0, 190, 213, 0.25);backdrop-filter: blur(6px);}
.formulario-contacto h3 {margin-bottom: 10px !important ;font-size: 20px;color: #1d69a2;}


.formulario-contacto-become {background: #fff;padding: 25px 30px;border-radius: 16px;max-width: 600px;margin:0 auto  70px;box-shadow: 4px 6px 20px rgba(0, 190, 213, 0.25);backdrop-filter: blur(6px);}
.formulario-contacto-become h3 {margin-bottom: 10px;font-size: 20px;color: #1d69a2;}


/* Campos del formulario */
.formulario input,
.formulario select,
.formulario textarea {width: 100%;padding: 15px 12px;border: 1px solid #ccc;border-radius: 8px;margin-bottom: 10px;font-size: 14px;outline: none;}
.formulario textarea {resize: none;height: 100px;}
.formulario blockquote{ font-size: 10px;line-height: 10px;margin-bottom: 10px !important;}
.btn-enviar { background-color: #1d69a2; color: #fff; border: none; padding: 12px 15px; border-radius: 20px; cursor: pointer; width: 100%; transition: all 0.3s ease; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; font-weight: 700;}
.btn-enviar:hover {background-color: #00bed5;}
.mensaje-exito {color: green;margin-top: 5px;}
.mensaje-error {color: red;margin-top: 5px;}




/* ============================= */
/* SELCET */
/* ============================= */

.formulario input,
.formulario select{ box-sizing: border-box;height: 52px;line-height: 20px;   }
.select-wrapper {position: relative;}
.formulario select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url("../img/iconos/flecha_select.svg");background-repeat: no-repeat;  background-position: right 14px center;background-size: 14px;padding-right: 10px;cursor: pointer;}
.formulario select:invalid {color: #999;}
.formulario select:valid {color: #000;   }
.formulario input:focus,
.formulario select:focus,
.formulario textarea:focus { border-color: #000;}




/* ============================= */
/* AVAILABILITY CHECKLIST */
/* ============================= */

.availability-title {font-size: 14px;margin: 5px 0 8px;font-weight: 500;    color: #8a8a8a;}
.availability-group {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-bottom: 25px;}
.availability-group label {display: flex;gap: 8px;font-size: 14px !important;  line-height: 1 !important;cursor: pointer;color: #8a8a8a;margin: 0;}
.availability-group input[type="checkbox"] {width: 16px;height: 16px;cursor: pointer;    margin: 0;}


/* Contenedor del checkbox */
.formulario .checkbox-container {display: flex;align-items: center;gap: 8px;font-size: 13.5px;color: #444;  margin: 12px 0;line-height: 1.4;}
/* Checkbox estilo moderno */
.formulario .checkbox-input {appearance: none;width: 20px;height: 20px;padding: 0;border: 2px solid #1d69a2;  border-radius: 50%;cursor: pointer;position: relative;transition: all 0.2s ease;-webkit-border-radius: 50%;-moz-border-radius: 50%;  -ms-border-radius: 50%;-o-border-radius: 50%; margin: 0;}
.formulario .checkbox-input:checked {background-color: #1d69a2;border-color: #1d69a2;}
.formulario .checkbox-input:checked::after {content: "✔";position: absolute;top: 0px;left: 3px;  color: #fff;font-size: 13px;}

/* Texto y enlaces */
.formulario .checkbox-label {cursor: pointer;}
.formulario .checkbox-label {    font-size: 12px !important;  line-height: 12px;  margin: 0;}
.formulario .checkbox-label a {color: #1d69a2;font-weight: 500;text-decoration: none;transition: color 0.2s ease;}
.formulario .checkbox-label a:hover {color: #00bed5;text-decoration: underline;}



/* ============================= */
/* FILE INPUT CV */
/* ============================= */

.file-upload-wrapper {width: 100%;margin-bottom: 15px;}
.file-upload-label {width: 100%;padding: 11.5px 12px;border: 2px dotted #bbb;border-radius: 8px;display: flex;align-items: center;gap: 10px;cursor: pointer;font-size: 14px !important;color: #777;}
.file-upload-label:hover {border-color: #00bcd4;}
.file-upload-label input {display: none;}
.file-icon {width: 18px;height: 18px;}
.file-preview {font-size: 13px;margin-top: 5px;color: green;}







.contacto-item {display: flex;justify-content: center;align-items: center;}
.contacto-contenido {display: flex;  gap: 15px;  
  align-items: center;          /* Alinea verticalmente */
  justify-content: center;      /* Centra horizontalmente */
}
.contacto-contenido img._linea_contacto {width: 70px;height: auto;}
.contacto-contenido .texto {  text-align: left; }
.contacto-contenido .texto h3 {margin: 0;font-size: 16px !important;line-height: 1.2 !important;text-transform: uppercase;}
.contacto-contenido .texto p {margin: 4px 0 0 0;font-size: 16px;color: #1d69a2; font-weight: 600;}

/* Responsivo (móvil) */
@media (max-width: 640px) {
  .contacto-contenido { justify-content: left;}
  .contacto-contenido .texto {  text-align: left;}
  .contacto-item {justify-content: left;margin-top: 20px;}
}

@media (max-width: 768px) {
  .contact-section {height: auto;}
  .formulario-contacto {position: relative;  top: 0;  right: 0;  transform: none;  margin: 20px auto;}
  .mapa-fondo iframe {  position: relative;  height: 300px;  filter: brightness(80%);}
}





/* embe ig */
.test_video { height: 470px;} 
.Embed  .HoverCard, 
.Embed  .Feedback, 
.Embed  .SocialProof, 
.Embed  .Footer {display: none !important;}


.callout-testimonio-videos {padding:50px 0 55px;}


.grecaptcha-badge{visibility: hidden !important; right: 0!important;}
.rpta_msm{ 
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 5px;
    border-radius: 6px;
    margin-top: 5px;}

#registroInfo{background: #666}
#registroSuccess{background:#009966;}
#registroError{background: red;}
#registroRecaptcha{background: red;}


/*App*/
.show{display:block!important;}
/* #buttonAdd_movil{display:none;}
.prompt{position: fixed;max-width: 315px;
    bottom: 30px; margin: auto;background: #fff;border-radius: 8px;padding: 15px 20px;
    z-index: 999;left: inherit;right: 20px;-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .8);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .8);}

.prompt .tii{text-align: center;font-size:15.5px;line-height:17px;}
.prompt p{text-align: center;padding: 10px 0 0;font-size:11px !important;line-height:13px;margin: 0 !important;}
.prompt ._lleva_botones_promp{margin-top: 9px;}
.prompt button{text-align: center;max-width: 95px;font-size:11.5px;padding: 8px 9px;cursor:pointer;}
.prompt button.cancell{background:#333;}
.prompt button + button{margin-left: 8px;}
#buttonAdd_movil { max-width: 100%; border-radius: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } */



._titulo_ban_interno{font-size:40px !important;line-height:50px !important;}
._intro p {font-size: 30px;line-height: 40px;margin-bottom: 50px;}
 ._intro ._contenido_intro   {max-width: 600px;margin: 60px 0 0 ;}
 ._intro ._contenido_intro  h1 {padding-bottom: 20px;}
 ._intro ._contenido_intro p {font-size: 16px;line-height: 26px;margin-bottom: 15px;}



._linea_about{padding: 20px 0 50px;width: 100%;}
.callout_nosotros_1{background: #1C69A2;padding: 70px 0 10px;}
.callout_nosotros_1 h3{font-size: 80px !important;line-height: 100px;}
.callout_nosotros_1 h3 span{color:#00BDD3;padding-left: 5px;} 
.callout_nosotros_1 p{font-size: 22px;line-height: 32px;}
.callout_nosotros_1 .medium-6{padding-bottom: 80px;}
.callout_nosotros_1 ._img_nosotros{ margin-bottom: -180px;z-index: 2;position: relative;border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }


.callout_nosotros_2 {background: #fff;padding: 0px 0 100px;}
.callout_nosotros_2 p{font-size: 20px;line-height: 30px;}
.callout_nosotros_2 h3{font-size: 30px !important;line-height: 30px; text-align: left;;color: #1C69A2;font-weight: 600;display: flex;  gap: 20px;  align-content: center;  align-items: center;  max-width: 270px;  margin: 0 auto 20px !important;}
.callout_nosotros_2 h3 span{color:#D2E1EC;padding-left: 5px;font-size: 80px !important;line-height: 90px;font-weight: 800;} 
.callout_nosotros_2 .medium-6 p{font-size: 17px;line-height: 26px; text-align: justify;}
.callout_nosotros_2 .shadow_celeste{margin-top: 80px; padding: 35px 40px; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ;   box-shadow: 4px 6px 16px rgba(0, 190, 213, 0.25);}

.callout_nosotros_3{background: #E9EFF4;padding: 70px 0 ;}
.callout_nosotros_3 h2{font-size: 22px !important;line-height: 30px;margin: 20px 0 25px !important;text-align: left;}
.callout_nosotros_3 ._contiene{ padding: 30px 40px;    padding-left: 0;}
.callout_nosotros_3 ._contiene img{height: 50px;width: 50px;}
.callout_nosotros_3 ._contiene p{font-size: 18px;line-height: 28px;text-align: justify;}
.callout_nosotros_3 #carousel-3 {    display: block;}
.callout_nosotros_3 #carousel-3 li {min-height: 300px;}

.img_absolute{position:absolute;top:0;right: 0;width: 50%;height: 100%;}
._img_izquierda .img_absolute{left: 0;right: inherit;}
.callout_nosotros_3._img_izquierda ._contiene{ padding: 30px 40px;  padding-left: 25px;}


.callout_nosotros_4{background: #fff;padding: 20px 0 70px ;}
.callout_nosotros_4 h3{font-size: 22px !important;line-height: 30px;margin: 20px 0 35px !important;text-align: center;}
.callout_nosotros_4 .botones_nos {  display: inline-flex;  align-items: center;  gap: 8px;  padding: 10px 18px;  margin: 8px;  background: #fff;  border: 2px solid #00BDD3;  border-radius: 20px;  box-shadow: 0 3px 6px rgba(0,0,0,0.08);  font-size: 15px;  color: #333;  cursor: pointer;  text-decoration: none;    transition: all .25s ease;}
.callout_nosotros_4 .botones_nos img {  width: 25px;  height: 25px;  object-fit: contain;}
.callout_nosotros_4 .botones_nos:hover {border-color: #0099ad;  background: #f9feff;  box-shadow: 0 4px 10px rgba(0,0,0,0.12);  transform: translateY(-2px); }
.callout_nosotros_4 ._intro div {  display: flex;  justify-content: center;  flex-wrap: wrap;  gap: 10px;}



#servicio_des .callout-testimonios_action {display: none;}
#servicio_des ._lleva_carousel{max-width: 500px;margin: -130px auto 0;position: relative;z-index: 2;padding-bottom: 70px;}
#servicio_des ._lleva_carousel ._contiene{ padding: 30px 40px; background-color: #fff;display: flex;margin:20px;
  flex-direction: column; /*colocaelcírculoarribayeltítuloabajo*/align-items: center; /*centrahorizontalmenteambos*/text-align: center; /*aseguraqueeltextotambiénquedecentrado*/
   border-radius: 20px;  -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
}


.callout-servicios-des {background: #fff;padding: 40px 0 10px;}
.callout-servicios-des ._contiene h2 {margin:25px 0  20px !important;   }
.callout-servicios-des ._contiene p { font-size: 16px;line-height: 26px;}
.callout-servicios-des ._subservices_listado{padding: 80px 0 10px;} 
.callout-servicios-des ._subservices_listado .large-4{margin-bottom:30px;} 
.callout-servicios-des ._subservices_listado h2{font-size: 16px !important;line-height: 26px;    min-height: 130px;} 
.callout-servicios-des ._subservices_listado figure img{ border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; } 
.callout-servicios-des ._subservices_listado figcaption{ background:#00bed5; position:absolute; top:15px; right: 15px; font-size: 14px; color:#fff; padding: 8px 15px ; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; } 
.callout-servicios-des ._subservices_listado .service-btn{  position:absolute; bottom:15px; left: 15px;  } 



.callout-servicios-des ._skill{padding: 80px 0 0;} 
.callout-servicios-des ._icon_service{ padding: 20px ; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-shadow: 4px 6px 16px rgba(0, 190, 213, 0.25); width: 100px;height: 100px; margin: 0 auto;display: flex;    margin-bottom: -50px;z-index: 3;position: relative;} 
.callout-servicios-des ._img_ban_servicio{width: 100%;z-index: 2;position: relative;border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }


 ._lleva_carousel ._contiene p { font-size: 18px;line-height: 28px;padding-bottom: 25px; }
 ._lleva_carousel ._contiene ._round { margin-top: -50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;      /* hace el círculo perfecto */
  background-color: #1C69A2; /* color de fondo (ajusta a gusto) */
  color: #fff;             /* color del texto/número */
  display: flex;
  justify-content: center; /* centra horizontalmente el número */
  align-items: center;     /* centra verticalmente el número */
  font-size: 20px;         /* tamaño del número */
}



.btn_wsp_flota{position: fixed;bottom: 15px;left: 0;right: 0;z-index: 999;border-radius: 50%;background: #54CC61;padding: 10px;margin: 0 auto;max-width: 50px;box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07); }
.btn_wsp_flota_2025{position: fixed;bottom: 0px;left: 0;right: 0;z-index: 9999;max-width: 165px;margin:0 auto;}
.btn_wsp_flota_2025 img{object-fit: contain;height: auto;width: 100%;}

#twete{margin-top: 30px;}
.icon_redes_share img{width:32px !important;height:32px !important;}

.formFooter.f6.branding21 {display: none!important;}


.btn_categoria{ background: #e0fafe; color:#1d69a2; padding: 10px 20px; min-width: 100px;margin-bottom: 20px; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.btn_categoria:hover{ background: #1d69a2 !important; color:#fff;}
.btn_categoria + .btn_categoria {margin-left: 15px;}


.callout-blog{padding: 30px 0 50px;}
.callout-blog h3{padding:10px 0 30px;}
.callout-blog ._lleva_categorias_blog{margin-bottom: 50px;padding-bottom: 20px;border-bottom: 1px solid #1d69a2;}
._blog{padding: 10px;margin-bottom: 25px;}
._blog figure{position: relative;}
._blog figure img{ border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ;min-height: 366px; }
._blog figure figcaption{position: absolute;bottom: 20px;left:20px;background: rgba(0, 0, 0, .4);color:#fff;border:1px solid #fff;padding: 8px 25px;border-radius: 6px;}
._blog h2{font-size: 18px !important;line-height: 28px !important; min-height: 56px;}
._blog p{font-size: 15px;line-height: 25px;margin-bottom:10px;}
._blog .lleva_data{padding: 10px 20px;min-height: 175px;}



#blog_des ._lleva_carousel{margin: 60px auto 0 ;position: relative;z-index: 2;padding-bottom: 70px;}

.callout-blog-des {padding: 60px 0;}
.callout-blog-des ._contiene h2 {margin:25px 0  20px !important;   }
.callout-blog-des ._contiene p { font-size: 18px;line-height: 28px;}
.callout-blog-des ._skill{padding: 5px 0 40px;} 
.callout-blog-des ._icon_service{ padding: 20px ; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-shadow: 4px 6px 16px rgba(0, 190, 213, 0.25); width: 100px;height: 100px; margin: 0 auto;display: flex;    margin-bottom: -50px;z-index: 3;position: relative;} 
.callout-blog-des ._img_ban_servicio{width: 100%;z-index: 2;position: relative;border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }

._share_redes {padding: 50px 0;}
._share_redes ul,
._share_redes p{display: inline-block;padding-right: 20px;}
._share_redes ul li{display: inline-block;}
._share_redes ul li + li{padding-left: 20px;}


.btn_faq{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin:0;padding: 0.8rem .7rem 0.5rem;}
.floating-faq-button {position: fixed;bottom: 20px;right: 10px;z-index: 99999;}
.floating-faq.callout{ position: fixed;bottom: 80px;right: 20px;  max-width: 800px;z-index: 99999999;width: 100%; }
.floating-faq.callout p{font-size: 12px;line-height: 20px;}
.floating-faq.callout .button.expanded{font-size: 14px; line-height: 26px;padding: 6px 20px; text-align: left;margin-bottom: 0.7px;}
.floating-faq.callout .faq-item {margin-top: 0;}
.floating-faq.callout .faq-item .callout.small{padding: 15px 20px;}




/* === Selector de Idioma === */
/* Contenedor del menú + idioma */
.menu-wrapper {display: flex;align-items: center;justify-content: space-between; /* Menú a la izquierda, idioma a la derecha */gap: 10px;}


.lang-selector {position: relative;cursor: pointer; list-style: none;}
.lang-selector .current-lang {display: flex;align-items: center;gap: 6px;padding: 1px 2px;border: 1px solid rgba(255,255,255,0.2);border-radius: 6px;color: #333;font-weight: 600;transition: background 0.3s;}
.lang-selector img {width: 20px;height: auto;}
.lang-dropdown {position: absolute;top: 30px;margin-left:0;right: 0;background: #fff;color:#333;border-radius: 6px;list-style: none;    padding: 8px 0;width: 120px;box-shadow: 0 4px 10px rgba(0,0,0,0.3);display: none;z-index: 9999;}

.lang-dropdown li {padding: 6px 10px;display: flex;align-items: center;gap: 6px;color: #333;font-weight: 500;}
.lang-dropdown li:hover {background: #f1f1f1;}
.lang-selector.open .lang-dropdown {display: block;}

/* Oculta la barra superior de Google Traductor */
.goog-te-banner-frame.skiptranslate {display: none !important;visibility: hidden !important;}
/* Elimina el espacio que deja Google en el top */
body {top: 0px !important;}
/* Oculta el aviso inferior de Google */
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{display:none !important;}
.goog-logo-link, 
.goog-te-gadget span, 
.goog-te-balloon-frame, 
#goog-gt-tt {display: none !important;}

/* Evitar flash blanco del overlay */
iframe[id^=":"] {display: none !important;}
/* Quitar la sombra flotante del traductor */
.goog-te-banner-frame {display: none !important;}
.goog-te-balloon-frame {display: none !important;}

/* Elimina el tooltip azul de Google Translate que aparece al pasar el mouse */
/* body * {pointer-events: auto !important;}
.goog-text-highlight, 
.goog-te-menu-value, 
.goog-te-menu-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight:hover {display: none !important;visibility: hidden !important;box-shadow: none !important;background: none !important;border: none !important;} */


/* Google agrega estilo hover al traducir: lo neutralizamos */
.goog-text-highlight, .goog-te-menu-value span {background: none !important;color: inherit !important;}



/* end idiomas */




/* pie PAGINA  */
.redes-item{display: inline-flex;background: #fff;padding: .25rem;border-radius: 100%;transition: .5s;}
.redes-item + .redes-item{margin-left: 20px;}
.redes-item:hover{ transform: translateY(-5px); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; }
footer {padding:70px 0 10px;}
footer h4{ font-size:20px !important;line-height:30px;margin-bottom: 20px !important;}
footer li { display: block;color: #000;font-size: 16px;line-height: 25px; }
footer p{ color:#000;font-size:16px !important;line-height:21px;margin-bottom: 10px;}
footer p a{ color:#000;}
footer ._data_footer{ max-width: 300px;margin: 0 auto;}
footer ._other_links{ padding:20px 0;}
footer .plus img{ margin-top: -5px; }
footer .row{ padding-bottom:1px;}
footer .pd { padding:30px 0 4px; }
footer ._creditos {padding-top:30px;}
footer ._creditos p{font-size: 12px !important;}
footer ._creditos span{padding-right:30px;}
footer .contacto-item {display: flex;justify-content: left;align-items: left;margin-bottom: 20px;}
footer .contacto-contenido img._linea_contacto {width: 50px;height: auto;}

.menu_mas_servicios{margin-bottom:15px;}

/* Menu desplegable left*/

#offCanvasLeftSplit1 {position: fixed;top: 70px;left: 0;width: 0;height: calc(100vh - 70px);background: rgba(255, 255, 255, 0.98);  overflow-x: hidden;overflow-y: auto;transition: width 0.35s ease;z-index: 9999;}
#offCanvasLeftSplit1 .child {padding: 22px 15px;opacity: 0;transform: translateX(-20px);transition: all 0.3s ease;}
#offCanvasLeftSplit1 .head-bottom {border-bottom: 1px solid;padding-bottom: 16px;margin-bottom: 20px;}
#offCanvasLeftSplit1 ul {padding-bottom:8px;}
#offCanvasLeftSplit1 ul > li{display:block;padding: 2px 0}
#offCanvasLeftSplit1 ul > li >a{padding:10px 2px;display:block;font-size:20px;color:#1d69a2;line-height: 27px;}
#offCanvasLeftSplit1 ul > li:focus{border:1px solid red!important;}
#offCanvasLeftSplit1 .fondo{height:100px;}
#offCanvasLeftSplit1 .menu_perfil{background:#1d69a2;border-top:1px solid #ccc;padding-top:8px;padding-left:20px;}
#offCanvasLeftSplit1 .menuperfil_items p{background:#1d69a2;color:#fff;}
#offCanvasLeftSplit1 .img-perfil{display:none;}
#offCanvasLeftSplit1 .img-perfil-movi{margin:8px 15px 5px;max-height:50px;width:50px;border-radius:50%}
#offCanvasLeftSplit1 .name_perfil{color:#fff;font-size:14px;line-height:14px;margin:0 15px;}
.position-left {top:70px;left:0;width:0%;height:100%;overflow-y:hidden;}
.off-canvas-absolute {position: fixed;z-index:5;transition: transform 0.5s ease;-webkit-backface-visibility: hidden;backface-visibility: hidden;background:#fff; transform: none;  transition: width 2s, height 4s;}
.off-canvas-absolute.is-open {-ms-transform: translate(0, 0);transform: translate(0, 0);  transition: width 2s, height 4s;}
._aa4c .Header{display: none !important;}


/* ===== OFFCANVAS ===== */
/* #offCanvasLeftSplit1.open {width: 100%;}
#offCanvasLeftSplit1.open .child {opacity: 1;transform: translateX(0);}
body.offcanvas-open {overflow: hidden;}
#offCanvasLeftSplit1.open {backdrop-filter: blur(3px);} */

body.offcanvas-open header {
    box-shadow: 0 6px 18px rgba(0, 190, 213, 0.45);
}
#offCanvasLeftSplit1.is-open {width: 100% !important;}
#offCanvasLeftSplit1.is-open .child {opacity: 1;transform: translateX(0);}
body.is-open-left #offCanvasLeftSplit1 { width: 100%; }














/* --- Fix para mostrar Google Translate --- */
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}
body {
  top: 0px !important;
}

#google_translate_element {
  display: block !important;
  position: relative;
  z-index: 9999;
}

.goog-te-gadget {
  font-size: 0 !important;
}

.goog-te-combo {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #000 !important;
  background: #fff !important;
  border: 1px solid #ccc !important;
  padding: 4px 6px !important;
  font-size: 14px !important;
  cursor: pointer;
  z-index: 999999 !important;
}

/* 🔒 Oculta completamente el widget nativo de Google Translate */
.goog-te-banner-frame.skiptranslate,
.goog-te-gadget-icon,
.goog-te-gadget-simple,
.goog-te-gadget span,
.goog-te-menu-value,
.goog-te-combo {
  display: none !important;
}

body {
  top: 0 !important;
}

/* Evita espacio en blanco superior */
#google_translate_element {
  display: none !important;
}

.lang-flags {
  display: flex;
  align-items: center;
  gap: 10px; /* separa las banderas */
}

.lang-flags button {
  border: none;
  background: transparent;
  padding: 2px;
  cursor: pointer;
  border-radius: 4px;
}

.lang-flags button.is-active {
  outline: 2px solid #1779ba; /* azul Foundation */
  outline-offset: 2px;
}








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


@media only screen and (max-width:1310px){
	.callout-script h1{font-size: 45px!important;line-height:80px;padding:260px 0 70px;}
}

@media only screen and (max-width: 60em){
    header nav > ul > li > a{padding:10px;}
}

@media only screen and (min-width: 1400px){
    .callout-script h1{font-size: 105px!important;letter-spacing: -1px;line-height:150px;font-weight:900;padding:300px 0 70px;}
}

@media only screen and (max-width: 1140px){ 
    nav > ul > li > a.btn{display: none;}
    nav.hide {padding: 15px 2px 10px;background: #fff;}
}




@media only screen and (max-width:999px){    
    .hidden {display: inline-block;}
    .search-mov img{background-color: #F0F0F0;padding: 10px;border-radius: 100%;cursor: pointer;}

    #messages .form-busca{display:none;}
    .form-busca.apa{display:block;margin:20px auto;}
    .form-busca.apa .container2 {margin:9px 5px;}
    .form-busca.apa .container2 .checkmark2 {border:0.5px solid #1A162C;}
    .form-busca.apa .container2 input:checked ~ .checkmark2 {border: 0.5px solid #f3f3f4;}
  

    h1{ font-size:37px !important;line-height:40px;}
    h2{ font-size:18px !important;line-height:26px;}
    h3 {font-size: 22px !important;line-height:30px;}
    p {font-size:16px;line-height:26px;}

    header {padding: 10px 0;position: fixed;}
    main{padding-top: 91px;}
    header .logoshort {display: inline-block;margin-right: 8px;padding-top: 10px;}
    header  nav{ width:100%;height:calc(100% - 80px);position:absolute;left:0;margin:0;overflow:inherit; }
    header  nav.hide{display: none!important;}
    header .float-right .block-line{display:none;}
    footer .row > div{ padding-bottom:20px; }
    .img-sesion-movi{height:25px;width:25px;margin-top:-8px;margin-right:5px;}

    /* Menu desplegable left*/
    .menu_bar{display: block;border:0 !important;margin: 0; padding: 10px 0;}
    .menu-wrapper {margin-top: 0;}

    .formulario_solicitar ._cuerpo {padding: 20px 20px;}
    ._data_encabezado h4 {font-size: .85rem !important;letter-spacing: .7px;}

    .block-n{display:inline-block;}
    .block-b{display:none;}
    .ocultarwsp{
        /* display:block; */
        bottom:0;height:52px;width:100%;position:fixed;z-index:9999;left:0;}

    #buttonAdd_movil{display:block;}
    .callout-sobre-mi h3._subtitulo {font-size: 20px !important;line-height: 30px;  padding: 40px 0 20px;}
    .callout-sobre-mi ._info {padding: 0px 0 30px;}
    .callout-sobre-mi ._lleva_notas {padding: 20px 0 30px;}  
    
    .banners .lSSlideOuter .lSPager.lSpg{top: 93%;}
    .banners h2 { font-size: 50px !important;  line-height: 60px;}

    ._service .left-content h2{font-weight: 600;}
    .callout-servicios ._intro p {font-size: 24px;  line-height: 32px;  margin-bottom: 40px;}
    .callout-staff ._intro p {font-size: 24px;  line-height: 32px;  margin-bottom: 40px;}
    
    ._intro p {font-size: 24px;  line-height: 32px;  margin-bottom: 40px;}
    .call-to-action h3 {font-size: 25px !important;line-height: 35px;}
    #contact {padding: 0 0 40px;}

}

@media only screen and (max-width: 800px){ /*tableta-movil*/
	.banners ._mostrar_solo_pc {min-height: auto;}
	.banners .texto {display: none;}
  .btn_call_to_action_fixed{display: block;}
}

@media only screen and (max-width:40em){
    main{padding-top: 70px;}
    .menu_bar img{height: 30px;}
    .position-left ._lleva_redes {border-top: 1px solid #1ea7dd;margin-top: 30px;}    
    .position-left ._lleva_redes .redes-item{margin-top: 10px;}    

    header{padding: 10px 0 ;}
    header .logoshort { padding-top: 7px;}
    header .logo {width: 180px;}    
    p {font-size: 15px;line-height:25px;}
    footer h4 {  font-size: 17px !important;  line-height: 25px;    margin: 20px !important;}

    ._canadian {width: 100px;}

    /* .chauwsp{display: none !important;} */
    .chauwsp{bottom:0;right: 60px;left: inherit;}
    .callout-script h1{font-size: 35px!important;line-height: 70px;padding: 310px 0 70px;}

    .menu_mas_servicios{display:none;}
    .menu_mas_servicios li{padding-bottom:10px;font-size:15px;}
    .brn{font-size:13px;}

    ._mostrar_solo_pc{display:none !important;}
    ._mostrar_solo_movil{display:block !important;}
    ._mostrar_solo_movil_inline{display:inline-block !important;}

    .ocultar{display:none !important;}
    .mostrar_movil{display:block !important;}

    .banners h2 {font-size: 30px !important;line-height: 40px;max-width:300px;    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);}
    .banners h3 {padding-bottom: 5px;    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);}
    .banners blockquote {  font-size: 14px !important;  line-height: 20px;        max-width: 110px;}
    .banners .p_left {padding:0 7px;}
    .banners .imagen_banner_fondo._mostrar_solo_movil { height: 500px;min-height: 450px; }

    .banners a   {    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);}
    .banners a img {padding-right: 8px;}
    .banners .row .btn_titu {font-size: 15px;padding: 7px 10px;}
    .banners ._lleva_img_banner{padding-top: 20px;}

    .banners .fondo {height: 700px!important;}
    .banners h1 {margin-top: 0px !important;font-size: 30px !important; line-height:34px;}    
    .banners .p_top {padding: 140px 0 120px;}
    .cero-registro{padding:90px 0;} 


    .call-to-action .btn {  width: auto;      margin-top: 10px;      min-width: auto;  }
    .call-to-action h3 {max-width: 150px;        line-height: 30px;}


    .call-to-action {max-width: 270px;margin: 0 auto;}
    .callout-servicios ._intro p {font-size: 14px; line-height: 22px;  margin-bottom: 10px;  }
    .callout-servicios { padding: 50px 0 20px;}
    .callout-staff { padding: 50px 0 20px;}
    .callout-testimonios {padding: 50px 0 40px;}
    .callout-contacto ._intro p {  font-size: 17px;  line-height: 27px;  margin-bottom: 30px;}
    
    ._intro ._contenido_intro {max-width: 600px;margin: 10px 0 40px;}
    ._subservices_listado  .large-4{margin-bottom: 30px;}

    .callout_nosotros_3 {padding: 0;}
    ._img_izquierda .img_absolute{margin-bottom: 30px;}

    ._titulo_ban_interno {font-size: 30px !important;  line-height: 40px !important;    }
    .callout_nosotros_1 h3 {  font-size: 50px !important;  line-height: 65px;}
    .callout_nosotros_1 p {  font-size: 16px;  line-height: 22px;}
    .callout_nosotros_1 .medium-6 {padding-bottom: 40px;}
    .callout_nosotros_2 p {font-size: 18px;  line-height: 28px;}
    .callout_nosotros_2 h3 span {font-size: 50px !important;line-height: 60px;font-weight: 700;}     
    .callout_nosotros_2 .shadow_celeste {  margin-top: 60px;padding: 25px 20px;}
    .callout_nosotros_2 h3 {font-size: 20px !important;line-height: 20px;}  
    .callout_nosotros_2 .medium-6 p {font-size: 15px;line-height: 24px;}
    .callout_nosotros_3 ._contiene p {font-size: 16px;line-height: 26px;}
    .callout_nosotros_3 ._contiene {padding: 20px 20px;}

    .img_absolute {position: relative;top: 30px;width: 100%;height: 100%;}

    .callout-servicios-des h3 {font-size: 16px !important;line-height: 26px;}


    .test p._texto_comentario {min-height: 270px;}    
    .callout-testimonio-videos {padding:20px 0 35px;}
    ._texto_testimonios {padding: 30px 0;}
    .lleva_testimonio_texto ._encabezado {display: block;}
    .lleva_testimonio_texto figure {width: 100px;height: 100px;}
    
    .prompt{ max-width: 305px;padding: 15px 10px;bottom: 35px;left: 0;right: 0; }
    .prompt .tii {font-size: 14px;line-height: 15px;}


    #back-top {bottom: 70px;}
    .floating-faq-button {bottom: 10px;}
    .floating-faq.callout {bottom: 70px;right: 0px;}
    .floating-faq.callout .button.expanded {font-size: 12px;line-height: 22px;padding: 4px 10px;text-align: left;margin-bottom: 0.7px;}
    .floating-faq.callout .faq-item .callout.small {padding: 12px 10px;}
    .floating-faq.callout p {font-size: 11px;line-height: 17px;}



    ._encabezado {text-align: center;}
    ._data_encabezado {margin-top: 0.5rem;}

    ._contiene_video_testimonios{padding-top:10px;}
    .pb {padding-bottom: 25px;}
    .btnwsp{margin-left: 0;}
    .large-1-9{width: 25%;}
    .callout-n {padding: 20px 0 5px;}
    .callout-n .subta{padding-left: 15px;}
    .callout-cli{display:none;}

    ._m_cronometro{margin: 0;}
    .halloween-web {width: 60px;height: 100px;opacity: .12;}
    footer{padding: 70px 0 20px;}
    footer p.dere{ margin-bottom: 10px;}

}

@media only screen and (max-width:340px){
    .callout-sobre-mi ._data_diario{max-width: 310px;margin: 0 auto;}
}
@media only screen and (max-width:330px){
    .menu_bar small{display:none;}
}


@media only screen and (max-width: 25em){
    header .logo{text-align:left;}
}



/* min widt*/
@media only screen and (min-width:963px) {
nav.hide{display: flex !important;padding: 0;align-items: center;}
nav > ul{line-height:normal;margin:0;}
}



@media only screen and (min-width: 1000px){  

    nav.hide{ display:block !important; padding: 5px 5px 10px; /*background: #e8e8e8;*/ border-radius: 30px; -webkit-border-radius: 10px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
    .ocultar nav.hide{padding:0 0 1px;padding-top:9px;}
    
    /* .flota nav.hide{ -webkit-box-shadow: 0 10px 20px 0 rgba(237, 242, 255, .5);box-shadow: 0 10px 20px 0 rgba(220, 226, 244, .5)} */
    nav > ul > li > a{ padding:5px 11px;}
    nav > ul > li > a{padding: 0;font-size: 16px; letter-spacing: 0.7px; }
    
    /*Sub Menu*/
    /*
    nav li ul{display:none;position:absolute;} 
    nav li:hover > ul{display:block;}
    nav li.sub_personal:hover > ul{display:block;    width: auto; padding: 5px 20px;}
    nav li:hover > ul a{display:block;}
    
    header nav li > ul{position: absolute!important;	z-index: 9999;left: -100px!important;width: 720px;	padding:20px 0 30px;	background: #fff;}
    header nav li > ul.lleva_nos{width: auto;	padding:20px 15px 30px;}    
    header nav li > ul{-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
    header nav > ul >li.submenu {position: relative;}
    nav li.submenu > ul  li +li  {background:none;} 
    nav li.submenu ul  li p {color:#333;font-weight:800;font-size: 16px;margin:10px 0;} 
    nav li.submenu ul  li a {color:#002f34;font-size: 14px;margin: 8px 0;font-weight:400;} 
    nav li.submenu ul  li:hover a {color:#C51440;} 
    */
    
}

