/*
 * TECNOYDES V10.20 — COMPONENTES CORPORATIVOS COMPARTIDOS.
 * Una sola fuente visual para header/footer/CTA en todas las plantillas.
 * Base desktop de 1024px; chrome-v20.js escala los tres componentes juntos.
 * Home conserva su propio .site para el contenido y NO vuelve a escalar el chrome.
 */
.tec20-chrome-shell,.tec20-chrome-shell *{box-sizing:border-box}
.tec20-chrome-shell{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;position:relative;overflow:visible!important;isolation:auto}
.tec20-chrome-shell[data-tec20-chrome=header]{z-index:1000}
.tec20-chrome-canvas{width:1024px;max-width:none!important;transform-origin:0 0;will-change:auto;position:relative;margin:0!important}
.wp-site-blocks>header.wp-block-template-part:has(.tec20-chrome-shell),
.wp-site-blocks>footer.wp-block-template-part:has(.tec20-chrome-shell){display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0!important}
.wp-site-blocks>.tec20-chrome-shell{margin:0!important}
.tec20-chrome-shell a:focus-visible{outline:2px solid #0058bf;outline-offset:3px}
/* CABECERA: las medidas 1024px son constantes en cualquier pagina. */
.tec20-chrome-shell .tec17-header{
 width:1024px!important;max-width:1024px!important;min-width:1024px;
 height:51px;min-height:51px;position:relative;z-index:30;
 background:#fff;color:#17283c;border-bottom:1px solid #e7edf2;
 font-family:Inter,Arial,sans-serif;margin:0!important;padding:0!important
}
.tec20-chrome-shell .tec17-header-inner{
 width:1024px!important;max-width:none!important;min-width:0;
 height:51px;min-height:51px;display:grid;align-items:center;
 grid-template-columns:190px minmax(0,1fr) 145px;gap:0;
 margin:0!important;padding:0 42px 0 65px!important
}
.tec20-chrome-shell .tec17-brand{display:flex;align-items:center;line-height:0;min-width:0}
.tec20-chrome-shell .tec17-brand img{display:block;width:145px!important;max-width:100%;height:auto;object-fit:contain}
.tec20-chrome-shell .tec17-nav{display:flex;align-items:center;justify-content:flex-start;gap:22px;height:100%;white-space:nowrap;margin:0!important}
.tec20-chrome-shell .tec17-navitem{display:flex;align-items:center;height:100%}
.tec20-chrome-shell .tec17-nav>a,
.tec20-chrome-shell .tec17-navitem>a{
 display:inline-flex;align-items:center;gap:6px;
 height:100%;padding:3px 0 0;border-bottom:3px solid transparent;
 font-size:9.5px!important;font-weight:560;line-height:1.25;
 white-space:nowrap;text-decoration:none!important;color:#0e2846!important
}
.tec20-chrome-shell .tec17-nav>a:hover,
.tec20-chrome-shell .tec17-navitem>a:hover,
.tec20-chrome-shell .tec17-nav>a:focus-visible,
.tec20-chrome-shell .tec17-navitem>a:focus-visible{color:#ed111b!important;border-bottom-color:#ed111b}
.tec20-chrome-shell .tec17-menu-chevron{
 width:5px;height:5px;display:inline-block;flex:none;
 border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;
 transform:rotate(45deg);margin-left:1px;margin-top:-3px
}
.tec20-chrome-shell .tec17-header-cta{
 display:inline-flex;align-items:center;justify-content:center;justify-self:end;
 min-height:30px;min-width:0;gap:7px;padding:7px;
 border-radius:5px;border:0;background:#ed111b!important;color:#fff!important;
 font-size:9.5px!important;font-weight:750;line-height:1.2;white-space:nowrap;text-decoration:none!important
}
.tec20-chrome-shell .tec17-header-cta:hover{background:#c20e19!important;color:#fff!important}
.tec20-chrome-shell .tec17-mobile-menu{display:none}
/* El mismo menu desplegable amplio de dos columnas en todas las paginas. */
.tec20-chrome-shell .tec17-mega{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
 visibility:hidden;opacity:0;pointer-events:none;
 position:absolute;top:100%;left:50%;translate:-50% 0;transform:translateY(-4px);
 width:820px;max-width:none;padding:14px;border-radius:7px;
 border:1px solid #e5edf3;background:#f8fafc;box-shadow:0 18px 40px #0b284329;
 transition:opacity .14s,visibility .14s,transform .14s;z-index:1010
}
.tec20-chrome-shell .tec17-header:has(.tec17-nav-mega:hover) .tec17-mega,
.tec20-chrome-shell .tec17-header:has(.tec17-nav-mega:focus-within) .tec17-mega,
.tec20-chrome-shell .tec17-mega:is(:hover,:focus-within){
 visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)
}
.tec20-chrome-shell .tec17-mega>section{min-width:0;padding:12px 14px;background:#fff;border:1px solid #e7edf1;border-radius:7px}
.tec20-chrome-shell .tec17-mega>section::before,
.tec20-chrome-shell .tec17-footer-col h2::before{
 content:"";display:block;width:21px;height:3px;background:#ed111b;margin:0 0 8px
}
.tec20-chrome-shell .tec17-mega h2{
 font-size:17px!important;line-height:1.13!important;letter-spacing:-.03em;
 font-weight:780!important;color:#102943!important;margin:0 0 5px!important
}
.tec20-chrome-shell .tec17-mega>section>p{
 color:#506782;font-size:10px!important;line-height:1.35;margin:0 0 10px!important
}
.tec20-chrome-shell .tec17-menu-item{
 display:grid;grid-template-columns:57px minmax(0,1fr) 12px;
 align-items:center;min-height:51px;gap:9px;padding:5px 0;
 text-decoration:none!important;border-bottom:1px solid #e6edf3;color:#122c4e!important
}
.tec20-chrome-shell .tec17-menu-item:last-child{border-bottom:0}
.tec20-chrome-shell .tec17-menu-item img{width:57px;height:42px;object-fit:cover;border-radius:5px;background:#e8f0f5}
.tec20-chrome-shell .tec17-menu-item span:not(.tec17-menu-arr){display:block}
.tec20-chrome-shell .tec17-menu-item strong{display:block;font-size:10px!important;font-weight:750;line-height:1.3}
.tec20-chrome-shell .tec17-menu-item small{display:block;font-size:8px!important;line-height:1.35;color:#506782;margin-top:3px}
.tec20-chrome-shell .tec17-menu-arr{font-size:15px;line-height:1;color:#132b4b}
.tec20-chrome-shell .tec17-menu-item:hover strong,.tec20-chrome-shell .tec17-menu-item:hover .tec17-menu-arr{color:#ed111b}
/* CTA reutilizable, separado del footer. Contacto lo omite; Home mantiene su banda aprobada. */
.tec20-chrome-shell .tec17-cta{
 width:1024px!important;max-width:1024px!important;height:108px;min-height:108px;
 margin:0!important;padding:0!important;display:grid;align-items:center;
 background:linear-gradient(115deg,#182b3d,#263849 65%,#162c40);color:#fff
}
.tec20-chrome-shell .tec17-cta:before{display:none}
.tec20-chrome-shell .tec17-cta-inner{
 display:grid;align-items:center;grid-template-columns:50% 50%;
 width:1024px!important;max-width:none!important;height:108px;gap:0;
 margin:0!important;padding:0!important
}
.tec20-chrome-shell .tec17-cta-copy{padding:0 35px 0 54px}
.tec20-chrome-shell .tec17-cta-copy h2{
 color:#fff!important;font-size:19px!important;font-weight:790;line-height:1.16;
 letter-spacing:-.035em;margin:0 0 5px!important
}
.tec20-chrome-shell .tec17-cta-copy h2::before{display:none}
.tec20-chrome-shell .tec17-cta-copy p{
 color:#e8edf2!important;font-size:10.6px!important;line-height:1.36;margin:0 0 6px!important
}
.tec20-chrome-shell .tec17-cta-copy a{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;
 min-height:27px;padding:0 12px;border-radius:5px;
 background:#ed111b!important;color:#fff!important;font-size:10px!important;
 line-height:1.2;font-weight:750;text-decoration:none!important
}
.tec20-chrome-shell .tec17-cta-values{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 align-items:center;width:100%;height:65px;padding-right:30px
}
.tec20-chrome-shell .tec17-cta-values>div{
 min-height:65px;display:flex;flex-direction:column;align-items:center;
 justify-content:center;text-align:center;gap:9px;padding:0 8px;
 border-left:1px solid #536476
}
.tec20-chrome-shell .tec17-cta-values>div:first-child{border:0}
.tec20-chrome-shell .tec17-cta-values .icon{display:block;width:26px;height:26px;object-fit:contain;object-position:center;padding:0;margin:0;filter:none;color:#fff;stroke-width:1.7}.tec20-chrome-shell .tec17-cta-values img.icon-approved{width:31px;height:31px;max-width:31px;max-height:31px}
.tec20-chrome-shell .tec17-cta-values span{color:#f0f5f8;font-size:9.6px!important;line-height:1.25;white-space:nowrap}
/* FOOTER: la misma rejilla, altura y tipografia de la Home aprobada. */
.tec20-chrome-shell .tec17-footer{
 width:1024px!important;max-width:1024px!important;min-width:1024px;
 background:linear-gradient(110deg,#0d1c2e,#122f49 65%,#0c1d30);
 color:#fff;font-family:Inter,Arial,sans-serif;
 padding:27px 30px 17px!important;margin:0!important
}
.tec20-chrome-shell .tec17-footer-inner{width:100%;max-width:none!important;margin:0!important}
.tec20-chrome-shell .tec17-footer-grid{
 display:grid;grid-template-columns:205px repeat(5,minmax(0,1fr));
 align-items:start;gap:15px;min-width:0;max-width:none!important
}
.tec20-chrome-shell .tec17-footer-about{padding-right:14px;min-width:0}
.tec20-chrome-shell .tec17-footer-about>a{display:inline-block;margin-bottom:15px}
.tec20-chrome-shell .tec17-footer-about>a img{
 display:block;width:138px;max-width:100%;height:auto;
 object-fit:contain;filter:brightness(0) invert(1)
}
.tec20-chrome-shell .tec17-footer-about p{
 color:#dce9f3!important;font-size:10px!important;line-height:1.42;
 max-width:300px;margin:0 0 14px!important
}
.tec20-chrome-shell .tec17-social{display:flex;gap:12px}
.tec20-chrome-shell .tec17-social a{
 width:27px;height:27px;border-radius:3px;border:1px solid #aabbd0;
 display:flex;align-items:center;justify-content:center;color:#fff!important
}
.tec20-chrome-shell .tec17-social a svg{
 display:block;width:17px;height:17px;fill:none;
 stroke:currentColor;stroke-width:1.7;stroke-linejoin:round
}
.tec20-chrome-shell .tec17-footer-col{
 min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;
 border-left:1px solid #647c8e65;padding-left:12px
}
.tec20-chrome-shell .tec17-footer-col h2{
 color:#fff!important;font-size:11px!important;line-height:1.2;
 font-weight:790;letter-spacing:-.02em;margin:0 0 5px!important
}
.tec20-chrome-shell .tec17-footer-col a{
 color:#dce7ef!important;text-decoration:none!important;font-size:9.1px!important;
 line-height:1.3;overflow-wrap:normal;word-break:normal
}
.tec20-chrome-shell .tec17-footer-col a:hover,
.tec20-chrome-shell .tec17-footer-bottom a:hover{color:#ff5d69!important}
.tec20-chrome-shell .tec17-footer-bottom{
 display:flex;justify-content:space-between;align-items:center;gap:16px;
 color:#dce7ef;font-size:9px!important;border-top:1px solid #a9bac344;
 margin-top:26px!important;padding-top:16px!important
}
.tec20-chrome-shell .tec17-footer-bottom nav{display:flex;flex-wrap:wrap;align-items:center}
.tec20-chrome-shell .tec17-footer-bottom a{
 color:#dce7ef!important;text-decoration:none!important;line-height:1;
 padding:0 10px;border-right:1px solid #9aafc3
}
.tec20-chrome-shell .tec17-footer-bottom a:last-child{border:0;padding-right:0}
/* La base de 1024px se reemplaza por diseño responsive de ancho fluido. */
@media(max-width:759px){
 .tec20-chrome-canvas{width:100%!important;min-width:0!important;transform:none!important;will-change:auto}
 .tec20-chrome-shell .tec17-header{
   width:100%!important;max-width:none!important;min-width:0!important;
   min-height:67px!important;height:67px!important
 }
 .tec20-chrome-shell .tec17-header-inner{
   display:flex;align-items:center;justify-content:space-between;
   width:100%!important;height:67px!important;min-height:67px!important;
   padding:0 19px!important
 }
 .tec20-chrome-shell .tec17-brand img{width:155px!important}
 .tec20-chrome-shell .tec17-nav,.tec20-chrome-shell .tec17-header-cta,.tec20-chrome-shell .tec17-mega{display:none!important}
 .tec20-chrome-shell .tec17-mobile-menu{display:block;position:relative;z-index:1010}
 .tec20-chrome-shell .tec17-mobile-menu>summary{
   display:grid;place-items:center;width:43px;height:43px;list-style:none;cursor:pointer;
   color:#122b44;font-size:26px
 }
 .tec20-chrome-shell .tec17-mobile-menu>summary::-webkit-details-marker{display:none}
 .tec20-chrome-shell .tec17-mobile-menu nav{
   position:absolute;right:0;top:47px;z-index:1300;
   display:grid;min-width:260px;max-height:76vh;overflow:auto;
   background:#fff;border:1px solid #dce7ef;border-radius:7px;
   box-shadow:0 18px 38px #163b5644;padding:12px
 }
 .tec20-chrome-shell .tec17-mobile-menu nav a{
   display:block;color:#142c49!important;font-size:14px!important;
   text-decoration:none!important;padding:11px 12px;border-bottom:1px solid #edf2f5
 }
 .tec20-chrome-shell .tec17-mobile-menu nav a:last-child{border:0}
 .tec20-chrome-shell .tec17-footer{
   width:100%!important;max-width:none!important;min-width:0!important;padding:35px 20px 25px!important
 }
 .tec20-chrome-shell .tec17-footer-grid{
   grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px
 }
 .tec20-chrome-shell .tec17-footer-about{grid-column:1/-1;padding:0}
 .tec20-chrome-shell .tec17-footer-about>a img{width:150px}
 .tec20-chrome-shell .tec17-footer-about p{font-size:13px!important}
 .tec20-chrome-shell .tec17-footer-col{gap:8px}
 .tec20-chrome-shell .tec17-footer-col h2{font-size:15px!important}
 .tec20-chrome-shell .tec17-footer-col a{font-size:12px!important;line-height:1.38}
 .tec20-chrome-shell .tec17-footer-bottom{
   display:flex;flex-direction:column;align-items:flex-start;gap:13px;
   font-size:11px!important;margin-top:28px!important;padding-top:18px!important
 }
 .tec20-chrome-shell .tec17-cta{
   width:100%!important;max-width:none!important;min-width:0!important;
   height:auto!important;min-height:0!important;padding:26px 20px!important;display:block
 }
 .tec20-chrome-shell .tec17-cta-inner{
   width:100%!important;max-width:none!important;height:auto!important;
   display:grid;grid-template-columns:1fr;gap:22px
 }
 .tec20-chrome-shell .tec17-cta-copy{padding:0}
 .tec20-chrome-shell .tec17-cta-copy h2{font-size:27px!important}
 .tec20-chrome-shell .tec17-cta-copy p{font-size:13px!important}
 .tec20-chrome-shell .tec17-cta-copy a{font-size:13px!important;padding:10px 14px}
 .tec20-chrome-shell .tec17-cta-values{height:auto;min-height:90px;padding:0}
 .tec20-chrome-shell .tec17-cta-values>div{min-height:85px;padding:8px}
 .tec20-chrome-shell .tec17-cta-values span{font-size:10px!important;white-space:normal}
}