@font-face{font-family:Montserrat;src:url('assets/fuentes/Montserrat-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root,:root[data-theme="light"]{--bg:var(--tt-fondo);--bg2:#EAF1F8;--surface:var(--tt-superficie);--surface-2:#EAF1F8;--text:var(--tt-texto);--text-2:var(--tt-texto-secundario);--text-3:var(--tt-texto-secundario);--primary:var(--tt-accion);--primary-2:#2E9BC7;--border:var(--tt-borde-decorativo);--border-2:var(--tt-borde-control);--azul:#1F4E79;--azul2:#2E9BC7;--primary-soft:#E6EFF7;--cian-soft:#E2F2F8}
:root[data-theme="dark"]{--bg:var(--tt-fondo);--bg2:#102034;--surface:var(--tt-superficie);--surface-2:#19334A;--text:var(--tt-texto);--text-2:var(--tt-texto-secundario);--text-3:var(--tt-texto-secundario);--primary:var(--tt-accion);--primary-2:#82D6FC;--border:var(--tt-borde-decorativo);--border-2:var(--tt-borde-control);--azul:#82D6FC;--azul2:#2E9BC7;--primary-soft:#19334A;--cian-soft:#123247}
h1,h2,h3,.sec-title{font-family:Montserrat,var(--sans);font-weight:700}.hero h1{font-weight:700}.eyebrow{color:var(--tt-accion)}.btn-primary,.catalog-filters button[aria-pressed=true],.control-featured .catalog-status{color:var(--tt-sobre-accion)}.btn-primary{box-shadow:0 4px 14px color-mix(in srgb,var(--tt-accion) 18%,transparent)}.btn-primary:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--tt-accion) 24%,transparent)}.btn{border-radius:10px;min-height:44px}.theme-btn{width:44px;height:44px}.hero svg,.sec svg,.nav svg{stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button,input,textarea,select{font-family:var(--sans)}input,textarea,select{border-color:var(--tt-borde-control)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--tt-foco);outline-offset:4px}.catalog-status.future,.soon{color:var(--tt-advertencia);background:var(--tt-advertencia-fondo)}.price .amount{font-variant-numeric:tabular-nums}.expanded-caption{font-size:13px;color:var(--text-2);margin:12px 0 0}
:root[data-tt-theme="oscuro"]{--tt-fondo:#0B1725;--tt-superficie:#12263A;--tt-texto:#E2EEF9;--tt-texto-secundario:#B9CEDD;--tt-accion:#82D6FC;--tt-sobre-accion:#0B1725;--tt-borde-decorativo:#36526A;--tt-borde-control:#8DA7BE;--tt-foco:#82D6FC;--tt-advertencia:#FFD37A;--tt-advertencia-fondo:#3A2B12}
@media(max-width:360px){.brand-v8 img{width:108px}.nav-in{gap:6px}.nav-cta{gap:6px}.nav-cta .btn{padding:10px;font-size:12px}.wrap{padding-left:16px;padding-right:16px}.mixed-plan-labels{gap:8px}.mixed-plan-labels span{padding:10px 12px}}
.btn-primary{background:var(--tt-accion);color:var(--tt-sobre-accion)}
.preview-platforms{gap:8px;padding-top:22px}.preview-platforms>span{font-size:14px;line-height:1.4}.preview-platforms strong{font-family:Montserrat,var(--sans);font-size:clamp(21px,2.1vw,28px);font-weight:700;line-height:1.4;color:var(--text)}@media(max-width:480px){.preview-platforms strong{font-size:21px}.preview-platforms>span{font-size:13px}}
.trust{background:var(--surface);color:var(--text);border:1px solid var(--border);border-top:3px solid var(--tt-brand-cyan)}.trust .eyebrow{color:var(--primary-2)}.trust p,.trust-item p{color:var(--text-2)}.trust-item .ti-ico{background:color-mix(in srgb,var(--tt-brand-cyan) 16%,var(--surface));color:var(--primary-2);border:1px solid color-mix(in srgb,var(--tt-brand-cyan) 30%,var(--border))}
.contact{background:var(--surface);color:var(--text);border:1px solid var(--border);border-top:3px solid var(--tt-brand-cyan)}.contact .eyebrow{color:var(--primary-2)}.contact>div>p,.contact .ci span{color:var(--text-2)!important}.contact .ci .ci-ico{background:var(--surface-2);color:var(--primary-2)}.contact .form{border:1px solid var(--border)}.contact .form label{color:var(--text)}#panelPreviewDialog .expanded-panel{aspect-ratio:auto;overflow:visible}#panelPreviewDialog{max-height:92vh;overflow:auto}#panelPreviewDialog img{height:auto}.mobile-menu-toggle{display:none;width:44px;height:44px;padding:10px;background:var(--surface);color:var(--text);border:1px solid var(--border-2);border-radius:10px;flex:none}.mobile-menu-toggle svg{width:22px;height:22px}@media(max-width:900px){.mobile-menu-toggle{display:block}.nav-in{position:relative}.nav-links.is-open{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:0 0 12px 12px;padding:12px;flex-direction:column;gap:0;margin:0;box-shadow:var(--shadow)}.nav-links.is-open a{padding:12px;min-height:44px}.nav-cta{gap:6px}}@media(max-width:600px){.nav-in{gap:6px}.brand-v8 img{width:112px}.nav-cta .btn{padding:10px;font-size:12px}.theme-btn{width:36px;height:44px}.wa-float{width:44px;height:44px;right:12px;bottom:12px;box-shadow:0 3px 12px #0003}footer{padding-bottom:72px}}@media(max-width:360px){.brand-v8 img{width:92px}.nav-cta .btn{padding:8px;font-size:11px}.mobile-menu-toggle{width:36px}}

/* Seguridad y Contacto: texto legible en ambos temas (el mockup traía blancos fijos
   de cuando estos bloques tenían fondo azul; ahora usan la superficie del tema). */
.trust h2,.contact h2,.trust-item b,.contact .ci b{color:var(--text)}
.trust .eyebrow,.contact .eyebrow{color:var(--tt-accion)!important}
.trust-item span{color:var(--text-2)}
.trust-item .ti-ico svg,.contact .ci .ci-ico svg{color:var(--primary-2)}
.contact .ci a{color:inherit;text-decoration:none}
.contact .ci a:hover{text-decoration:underline}