/* SignalForge nav/footer canonico (sync 2026-08-09).
   Valores hardcodeados del canonico /es/ + /css/below-fold.css (reglas foot-*),
   para que el header/footer se vea identico en cualquier pagina, viva o no
   en el sistema de variables actual. */
nav.top{position:sticky;top:0;z-index:50;background:rgba(8,9,10,0.78);backdrop-filter:blur(14px);border-bottom:1px solid #1c201d}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px;position:relative}
.brand{display:inline-flex;align-items:center;gap:12px;font-family:'Bricolage Grotesque SF','Bricolage Fallback',system-ui,-apple-system,sans-serif;font-weight:600;font-size:18px;letter-spacing:-0.015em;color:#f4f5f2;text-decoration:none}
.brand-mark{width:30px;height:30px;flex-shrink:0}
.brand .brand-mark{background:#c4ff34;border-radius:7px;display:grid;place-items:center;box-shadow:0 0 20px rgba(196,255,52,0.12);animation:logoPulse 3.5s ease-in-out infinite;overflow:visible}
.brand .brand-mark svg{width:15px;height:15px;display:block}
@keyframes logoPulse{0%,100%{box-shadow:0 0 8px rgba(196,255,52,0.08)}50%{box-shadow:0 0 22px rgba(196,255,52,0.25)}}
.brand .ai-mark{color:#c4ff34;font-weight:500;margin-left:6px;letter-spacing:-0.01em}
.nav-links{display:flex;gap:28px;font-size:14px;color:#c0c5bc;font-weight:500}
.nav-links a{color:inherit;text-decoration:none;transition:color .15s}
.nav-links a:hover{color:#f4f5f2}
.nav-cta{display:flex;gap:14px;align-items:center}
.lang-toggle{display:flex;gap:4px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;border:1px solid #2a2f2b;border-radius:6px;padding:4px;letter-spacing:.08em}
.lang-toggle a{padding:4px 8px;border-radius:4px;color:#8a8f87;transition:all .15s;text-decoration:none}
.lang-toggle a.active{background:rgba(196,255,52,0.12);color:#c4ff34}
.pill{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 18px;border-radius:999px;font-weight:500;font-size:13px;line-height:1;border:1px solid #2a2f2b;color:#f4f5f2;transition:all .15s ease;white-space:nowrap;text-decoration:none}
.pill:hover{border-color:#8a8f87}
.pill.primary{background:#c4ff34;color:#08090a;border-color:#c4ff34;font-weight:600}
.pill.primary:hover{box-shadow:0 0 32px rgba(196,255,52,0.35);transform:translateY(-1px)}
.nav-toggle{display:none}
.hamburger{display:none;width:40px;height:40px;border:1px solid #2a2f2b;border-radius:8px;align-items:center;justify-content:center;cursor:pointer}
.hamburger span{display:block;width:18px;height:1.5px;background:#f4f5f2;position:relative;transition:background .2s}
.hamburger span::before,.hamburger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:#f4f5f2;transition:transform .2s}
.hamburger span::before{top:-6px}
.hamburger span::after{top:6px}
.nav-toggle:checked~.nav-inner .hamburger span{background:transparent}
.nav-toggle:checked~.nav-inner .hamburger span::before{transform:translateY(6px) rotate(45deg)}
.nav-toggle:checked~.nav-inner .hamburger span::after{transform:translateY(-6px) rotate(-45deg)}
.mobile-drawer{display:none}
.nav-toggle:checked~.mobile-drawer{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:rgba(8,9,10,0.98);backdrop-filter:blur(14px);padding:20px 32px 28px;gap:12px;border-bottom:1px solid #1c201d}
.mobile-drawer a{padding:10px 0;border-bottom:1px solid #1c201d;font-size:16px;color:#c0c5bc;text-decoration:none}
.mobile-drawer a.primary{background:#c4ff34;color:#08090a;border-radius:999px;text-align:center;font-weight:600;padding:12px;margin-top:8px;border-bottom:none}
.mobile-drawer .lang-toggle{align-self:stretch;justify-content:center;margin-bottom:6px}
.mobile-drawer .lang-toggle a{flex:1;text-align:center;border-bottom:0;padding:6px 12px;font-size:12px}
@media (max-width:720px){
.nav-links,.nav-cta .lang-toggle,.nav-cta>.pill{display:none}
.hamburger{display:inline-flex}
}
footer{padding:60px 0 36px;border-top:1px solid #1c201d;background:#0c0e0d;min-height:360px;contain:layout}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid #1c201d;margin-bottom:22px}
.foot-col .brand{margin-bottom:14px}
.foot-brand-text{color:#c0c5bc;font-size:13px;line-height:1.55;max-width:32ch;margin-bottom:18px}
.foot-socials{display:flex;gap:8px}
.foot-socials a{width:32px;height:32px;border-radius:6px;border:1px solid #2a2f2b;display:grid;place-items:center;transition:all .15s}
.foot-socials a:hover{border-color:#c4ff34}
.foot-socials svg{width:14px;height:14px;fill:#c0c5bc}
.foot-col h3{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;color:#8a8f87;text-transform:uppercase;margin-bottom:14px;font-weight:500}
.foot-col ul{list-style:none;display:grid;gap:10px;padding:0;margin:0}
.foot-col li a{font-size:14px;color:#c0c5bc;transition:color .15s;text-decoration:none}
.foot-col li a:hover{color:#f4f5f2}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:#8a8f87;letter-spacing:.08em;padding-bottom:18px}
.foot-bottom a{color:inherit;text-decoration:none}
.foot-risk{padding-top:18px;border-top:1px solid #1c201d;text-align:center;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:#8a8f87;letter-spacing:.04em;line-height:1.7}
@media (max-width:980px){.foot-top{grid-template-columns:1fr 1fr;gap:22px}}
@media (max-width:720px){.foot-top{grid-template-columns:1fr}.foot-bottom{flex-direction:column;gap:10px}footer{min-height:560px}}
/* Neutralizadores: las plantillas viejas tenian reglas propias sobre estas
   clases (padding en links, max-width en nav-inner, fondo pill en nav-links,
   margin en brand). Se pisan para que el chrome quede identico al canonico. */
.nav-inner{max-width:none;padding:0}
.brand{margin:0}
.nav-links{background:none;border:none;border-radius:0;padding:0}
.nav-links a{padding:0;background:none;border-radius:0}
.nav-links a.active{background:none;color:inherit}
.nav-cta .pill{margin:0}