/* ====== barra superior + desplegables v2 ====== */
.nav{max-width:1220px;gap:18px;}
.logo{white-space:nowrap;flex:none;}
.logo a{white-space:nowrap;}
.nav-cta{white-space:nowrap;flex:none;}
.nav-links{flex-wrap:nowrap;gap:16px;}
.nav-links>a.nl{white-space:nowrap;}
.dd{position:relative;}
.dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;display:none;}
.dd.open::after{display:block;}
.dd-btn{position:relative;background:none;border:none;color:var(--text-muted,#9aa4bd);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:2px 0;white-space:nowrap;}
.dd-btn:hover{color:var(--text,#eef1f8);}
.dd-btn::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .18s ease;}
.dd-btn:hover::after,.dd.open .dd-btn::after{transform:scaleX(1);}
.dd-btn.on{color:var(--text,#eef1f8);}
.dd-btn.on::after{transform:scaleX(1);}
.nav-links>a.nl.on{color:var(--text,#eef1f8);}
.nav-links>a.nl.on::after{transform:scaleX(1);}
.dd-caret{font-size:9px;line-height:1;transition:transform .18s ease;}
.dd.open .dd-caret{transform:rotate(180deg);}
.dd-panel{position:absolute;top:calc(100% + 14px);left:0;min-width:238px;background:var(--bg-card,#131a2b);border:1px solid var(--border,#232c42);border-radius:14px;padding:10px;display:none;z-index:90;box-shadow:0 24px 48px rgba(0,0,0,.55);}
.dd.open .dd-panel{display:block;animation:ddFade .16s ease;}
@keyframes ddFade{from{opacity:0}to{opacity:1}}
.dd-panel a{display:block;padding:9px 12px;border-radius:9px;font-size:13.5px;color:var(--text-muted,#9aa4bd);white-space:nowrap;line-height:1.35;}
.dd-panel a:hover{background:rgba(124,92,255,.10);color:var(--text,#eef1f8);}
.dd-right{left:auto;right:0;}
.dd-guides{width:min(500px,92vw);}
.dd-ggrid{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.dd-gall{margin-top:8px;border-top:1px solid var(--border,#232c42);padding-top:10px !important;text-align:center;color:var(--accent-3,#22c58b) !important;font-weight:700;}
/* migas de pan */
.crumbs-strip{max-width:1220px;margin:0 auto;padding:16px 20px 0;font-size:13px;color:var(--text-muted,#9aa4bd);position:relative;z-index:2;}
.crumbs-strip a{color:var(--text-muted,#9aa4bd);text-decoration:underline;text-decoration-color:var(--border,#232c42);}
.crumbs-strip a:hover{color:var(--text,#eef1f8);}
.crumbs-strip b{color:var(--text,#eef1f8);font-weight:600;}
.cr-sep{margin:0 7px;opacity:.55;}
/* footer con malla completa */
footer .f-row{max-width:1220px;margin:8px auto 0;line-height:2;text-align:center;font-size:12.5px;}
footer .f-row strong{color:var(--text,#eef1f8);margin-right:4px;}
footer .f-row a{color:var(--text-muted,#9aa4bd);text-decoration:underline;text-decoration-color:var(--border,#232c42);margin:0 2px;}
footer .f-row a:hover{color:var(--text,#eef1f8);}
footer .sep{opacity:.45;margin:0 4px;}
/* ====== móvil / tablet (≤1220px): hamburguesa con acordeones ====== */
@media (max-width:1220px){
  .nav{position:relative;}
  .nav-toggle{display:flex;}
  .dd::after{display:none !important;}
  .nav-links{position:absolute;top:100%;left:0;right:0;background:var(--bg-card,#131a2b);border-bottom:1px solid var(--border,#232c42);flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0;white-space:normal;}
  .nav-links.open{max-height:78vh;overflow-y:auto;padding:4px 0 12px;}
  .nav-links>a.nl{width:100%;padding:12px 20px;color:var(--text,#eef1f8);}
  .nav-links>a.nl::after{display:none;}
  .dd-btn{width:100%;justify-content:flex-start;padding:12px 20px;color:var(--text,#eef1f8);}
  .dd-btn::after{display:none;}
  .dd-panel{position:static;width:auto !important;min-width:0;transform:none;background:transparent;border:none;box-shadow:none;padding:0 0 8px;display:none;}
  .dd.open .dd-panel{display:block;animation:none;}
  .dd-panel a{padding:9px 20px 9px 38px;}
  .dd-guides .dd-ggrid{grid-template-columns:1fr;}
  .dd-gall{border-top:none;padding-left:38px !important;text-align:left;}
}
@media (max-width:560px){
  .nav{padding:12px 16px;gap:10px;}
  .logo{font-size:15px;}
  .logo-img{height:30px;width:30px;}
  .nav-cta{display:none;}
}

/* ── accesibilidad (a11y pass) ── */
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:#0b0f1a;color:#fff;
  padding:12px 18px;border-radius:0 0 10px 0;font-weight:600}
.skip-link:focus{left:0}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #22c58b;outline-offset:2px;border-radius:4px}
.crumbs-strip a{padding:6px 8px;margin:-6px -8px}