/* Mejoras visuales de la landing pública (2026-11). Solo presentación.
 * Adaptado de la capa elegida por Tomás (docs/coordinacion-ia/VERSION-VISUAL-ELEGIDA-2026-11-05.md).
 * Alcance: la cabecera del sitio (body>nav) y la landing (#view-landing). La app con sesión no usa estas reglas,
 * salvo la cabecera, que es la misma en todas las vistas. Sin clases Tailwind nuevas: no requiere build:css.
 * Manrope: SIL Open Font License 1.1 (ver /fonts/OFL-Manrope.txt).
 * Las reglas de contenido van bajo :where(#view-landing): las acota a la landing SIN subir la
 * especificidad (un #view-landing directo cambiaba qué regla gana y alteraba colores y alturas). */
@font-face{font-family:Manrope;src:url('/fonts/manrope-variable.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:where(#view-landing,body>nav){--brand-night:#0f172a;--brand-green:#10b981;--paper:#f1f5f9;--secondary:#aab8cc;--border:#304059;--panel:#162237;--radius-control:8px;--radius-panel:16px}
.new-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;white-space:nowrap;color:#f1f5f9}
.new-brand svg{width:40px;height:40px;flex-shrink:0}
.new-brand span{font-family:Manrope,system-ui,sans-serif;font-size:24px;letter-spacing:-.02em;font-weight:800}
.nav-menu{display:none;position:relative}
.nav-menu summary{cursor:pointer;list-style:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #304059;border-radius:8px;color:#cbd5e1}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu summary svg{width:20px;height:20px}
.nav-popover{position:absolute;top:54px;right:0;width:260px;background:#162237;border:1px solid #304059;padding:12px;border-radius:12px;box-shadow:0 16px 40px #02061766}
.nav-popover a,.nav-popover button{display:flex!important;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;color:#cbd5e1;text-align:left;font-size:14px;border-radius:6px}
.nav-popover a:hover,.nav-popover button:hover{background:#1e293b}
body>nav,#view-landing{font-family:Manrope,system-ui,sans-serif;color:#cbd5e1;-webkit-font-smoothing:antialiased}
body>nav{background:#0f172a!important;border-color:#28374d;backdrop-filter:none}
body>nav>div{max-width:1280px;padding-inline:32px}
body>nav>div>div{height:84px;gap:24px}
#guest-actions{gap:20px}
#guest-actions>a{font-size:12px;font-weight:550;color:#aab8cc;min-height:44px}
#guest-actions>button{min-height:44px;font-size:12px}
#view-landing .text-white{color:var(--paper)}
#view-landing .text-slate-400{color:var(--secondary)}
#view-landing .text-slate-500{color:#9daec5}
#view-landing .text-slate-300{color:#cbd5e1}
#view-landing h1,#view-landing h2,#view-landing h3{text-wrap:balance}
#view-landing h1{font-size:clamp(44px,6.1vw,76px);font-weight:750;line-height:1.05;letter-spacing:-.055em}
#view-landing h2{font-weight:700;letter-spacing:-.035em;line-height:1.2}
#view-landing h3{font-weight:700;letter-spacing:-.025em;line-height:1.4}
:where(#view-landing) .hero-section>div:last-child{padding-top:72px;padding-bottom:40px}
:where(#view-landing) .hero-section>div:first-child{opacity:.45}
:where(#view-landing) .hero-section .rounded-full{border-radius:7px;padding:7px 13px;font-size:11px;letter-spacing:.065em;margin-bottom:26px}
:where(#view-landing) .hero-section .rounded-full>span{display:none}
:where(#view-landing) .hero-section .font-serif{font-family:Georgia,'Times New Roman',serif;font-size:17px;letter-spacing:0;margin-top:18px;color:#cbd5e1}
:where(#view-landing) .hero-section p.leading-relaxed{max-width:620px;font-size:18px;line-height:1.85;margin-top:24px}
:where(#view-landing) .hero-section button{min-height:54px;padding:15px 28px;border-radius:var(--radius-control);font-size:15px;box-shadow:0 6px 20px #02061740;transform:none!important;transition:background-color 150ms ease,box-shadow 150ms ease}
#view-landing button{border-radius:var(--radius-control)}
:where(#view-landing) .compliance-section{padding-bottom:64px}
:where(#view-landing) .compliance-section>p{font-size:11px;letter-spacing:.11em;color:#aab8cc;margin-bottom:20px}
:where(#view-landing) .compliance-section a{gap:10px 12px}
:where(#view-landing) .compliance-section a>span{border-radius:6px;padding:6px 12px;font-size:12px;font-weight:650}
:where(#view-landing) .product-section{max-width:1200px;padding:64px 32px 72px;border-color:#28374d}
:where(#view-landing) .product-section>div:first-child{margin-bottom:56px}
:where(#view-landing) .product-section>div:first-child>p{line-height:1.8;max-width:650px;margin-top:12px}
:where(#view-landing) .feature-row{gap:56px;margin-bottom:72px}
:where(#view-landing) .feature-row:last-child{margin-top:0;margin-bottom:0}
:where(#view-landing) .feature-row>div:first-child>div:first-child{border-radius:10px;width:44px;height:44px;margin-bottom:18px}
:where(#view-landing) .feature-row h3{font-size:25px;line-height:1.35;margin-bottom:16px}
:where(#view-landing) .feature-row p.leading-relaxed{font-size:15px;line-height:1.85}
:where(#view-landing) .product-frame{border-color:#35465f;border-radius:var(--radius-panel);box-shadow:0 18px 42px #02061733,0 2px 5px #02061722;transform:none!important;overflow:hidden}
:where(#view-landing) .product-frame>div:first-child{background:#1a2940;border-color:#35465f;padding:11px 14px}
:where(#view-landing) .product-frame>div:first-child .font-mono{font-size:11px;color:#aab8cc}
:where(#view-landing) .product-frame [style*="color:#64748b"],:where(#view-landing) .product-frame [style*="color: #64748b"]{color:#a3b1c5!important}
:where(#view-landing) .product-frame [style*="background:#fff"] [style*="color:#64748b"],:where(#view-landing) .product-frame [style*="background:#f1f2f4"] [style*="color:#64748b"]{color:#526174!important}
:where(#view-landing) .product-frame [style*="font-size:7px"],:where(#view-landing) .product-frame [style*="font-size:8px"],:where(#view-landing) .product-frame [style*="font-size:9px"]{font-size:10px!important;line-height:1.5}
:where(#view-landing) .product-frame [style*="font-size:10px"]{font-size:11px!important}
:where(#view-landing) .product-frame *{min-width:0}
:where(#view-landing) .commercial-section{max-width:1120px;padding-inline:32px}
:where(#view-landing) .commercial-section>div:first-child{padding-block:64px;border-color:#28374d}
:where(#view-landing) .commercial-section h2{font-size:36px;max-width:860px;margin-inline:auto}
:where(#view-landing) #landing-pricing{gap:24px;margin-top:12px}
:where(#view-landing) #landing-pricing>div{padding:28px 24px;border-radius:var(--radius-panel);background:#121e31;border-color:#304059}
:where(#view-landing) #landing-pricing>div:has(.self-start){background:#152b31;border-color:#10b98180}
:where(#view-landing) #landing-pricing h3{font-size:26px;line-height:1.2;margin-block:8px}
:where(#view-landing) #landing-pricing p.text-sm{font-size:13px;line-height:1.75}
:where(#view-landing) #landing-pricing .text-\[10px\]{font-size:11px;letter-spacing:.07em}
:where(#view-landing) #landing-pricing ul{margin-top:8px;margin-bottom:28px}
:where(#view-landing) #landing-pricing li{font-size:13px;line-height:1.6;align-items:flex-start;gap:10px}
:where(#view-landing) #landing-pricing li>svg{margin-top:4px}
:where(#view-landing) #landing-pricing button{min-height:48px;font-size:13px}
:where(#view-landing) .contact-section{padding-block:56px;max-width:650px;border-color:#304059}
:where(#view-landing) .contact-section>h3{font-size:26px;margin-bottom:28px}
:where(#view-landing) #contact-email{min-height:52px;border-color:#40516b;border-radius:8px;background:#121e31;font-size:16px}
:where(#view-landing) .contact-section button{min-height:52px;font-size:14px}
:where(#view-landing) .contact-section>p{font-size:12px}
:where(#view-landing) .commercial-section>div:last-child{padding-block:40px 72px;font-size:10px;letter-spacing:.13em;color:#aab8cc}
/* Global a propósito: compensa la cabecera fija al saltar a un ancla (#planes, #contacto). */
html{scroll-padding-top:100px}
@media(max-width:1200px){#guest-actions>a{display:none}.nav-menu{display:block}#guest-actions{gap:14px}}
@media(min-width:1024px){:where(#view-landing) .feature-row{grid-template-columns:1fr 1.1fr}}
@media(max-width:1023px){:where(#view-landing) .feature-row{gap:28px;margin-bottom:60px}:where(#view-landing) .feature-row>div:first-child{max-width:650px}:where(#view-landing) .product-frame{max-width:680px;width:100%;margin-inline:auto}:where(#view-landing) #landing-pricing{gap:16px}:where(#view-landing) #landing-pricing>div{padding:24px 18px}:where(#view-landing) .hero-section>div:last-child{padding-top:56px}}
@media(max-width:767px){body>nav>div{padding-inline:20px}body>nav>div>div{height:76px;gap:10px}.new-brand{gap:7px}.new-brand svg{width:32px;height:32px}.new-brand span{font-size:22px}#guest-actions{gap:7px}#guest-actions>button[onclick="showAnonymousDashboard()"]{display:none}#guest-actions>button[onclick="showLoginUI()"]{min-width:44px;font-size:13px}:where(#view-landing) .hero-section>div:last-child{padding:44px 20px 32px}:where(#view-landing) .hero-section h1{font-size:clamp(43px,10.9vw,64px);letter-spacing:-.045em}:where(#view-landing) .hero-section .font-serif{font-size:15px}:where(#view-landing) .hero-section p.leading-relaxed{font-size:16px;line-height:1.8}:where(#view-landing) .hero-section .rounded-full{font-size:10px;letter-spacing:.035em;padding:7px 10px}:where(#view-landing) .compliance-section{padding-inline:20px;padding-bottom:40px}:where(#view-landing) .compliance-section>p{font-size:10px;letter-spacing:.075em}:where(#view-landing) .compliance-section a{gap:8px}:where(#view-landing) .compliance-section a>span{font-size:11px;padding:5px 10px}:where(#view-landing) .product-section{padding:44px 20px 48px}:where(#view-landing) .product-section h2{font-size:30px}:where(#view-landing) .product-section>div:first-child{margin-bottom:36px}:where(#view-landing) .product-section>div:first-child p{font-size:14px}:where(#view-landing) .feature-row{margin-bottom:48px;gap:24px}:where(#view-landing) .feature-row h3{font-size:23px}:where(#view-landing) .feature-row p.leading-relaxed{font-size:14px;line-height:1.85}:where(#view-landing) .product-frame>div:nth-child(2){padding:12px!important}:where(#view-landing) .product-frame [style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}:where(#view-landing) .commercial-section{padding-inline:20px}:where(#view-landing) .commercial-section>div:first-child{padding-block:44px}:where(#view-landing) .commercial-section h2{font-size:30px}:where(#view-landing) .commercial-section p.text-lg{font-size:15px;line-height:1.8}:where(#view-landing) #landing-pricing{gap:18px}:where(#view-landing) #landing-pricing>div{padding:26px 24px}:where(#view-landing) #landing-pricing h3{font-size:28px}:where(#view-landing) #landing-pricing p.text-sm{min-height:0}:where(#view-landing) .contact-section{padding-block:40px}:where(#view-landing) .contact-section>h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){#view-landing *,#view-landing *::before,#view-landing *::after,body>nav *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}