/* ──────────────────────────────────────────────────────────────────────────
   Cabecera del Satellite Map Day (portada y ediciones). Es la del Data Center
   Forum (data-center-event/cabecera.css, PR #148): mismo comportamiento y
   medidas, con los colores de Satellite.
   Revision de diseño del 13/10, reglas comunes a los cuatro sitios:
   - fija arriba (sticky) en toda la pagina;
   - escritorio: el menu a la vista y «Registrate» es una opcion del menu;
   - movil: hamburguesa con las secciones y «Registrate» adentro;
   - idioma: dos letras con desplegable (ES ▾ → ES · EN · PT);
   - tema: un solo boton con icono (sol en oscuro, luna en claro).
   Va despues del <style> de cada pagina, asi que estas reglas mandan.
   ────────────────────────────────────────────────────────────────────────── */
.nav,.nav.onhero{position:sticky;top:0;left:auto;right:auto;z-index:60;
  background:rgba(6,10,6,.9);-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);
  border-bottom:1px solid rgba(var(--inkq),.1)}
html[data-theme="light"] .nav,html[data-theme="light"] .nav.onhero{background:rgba(243,246,238,.92);border-bottom-color:rgba(14,18,9,.08)}
.nav .in,.nav .in{display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:nowrap;height:auto;padding-top:14px;padding-bottom:14px}
.nav .in .wm{flex:none}

/* ---- menu ---- */
.nav .menu{display:flex;align-items:center;gap:26px;margin-left:auto;font-family:"Geist Mono",monospace;
  font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--mut)}
.nav .menu a{color:inherit;text-decoration:none;position:relative;padding:6px 0 4px}
.nav .menu a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--acc);transition:right .22s ease}
.nav .menu a:hover{color:var(--fg)}
.nav .menu a:hover::after,.nav .menu a[aria-current="page"]::after{right:0}
.nav .menu a[aria-current="page"]{color:var(--fg)}
/* la accion principal es una opcion mas del menu, marcada con el color */
.nav .menu a.menu-accion{color:var(--acc);font-weight:500}
html[data-theme="light"] .nav .menu a.menu-accion{color:var(--accink)}
.nav .menu a.menu-accion::after{right:0;background:currentColor;opacity:.5}
.nav .menu a.menu-accion:hover::after{opacity:1}

.navr{display:flex;align-items:center;gap:8px;flex:none}

/* ---- idioma: dos letras con desplegable ---- */
.idi{position:relative}
.idit{appearance:none;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px 0 11px;cursor:pointer;
  background:transparent;color:var(--fg);border:1px solid rgba(var(--inkq),.22);border-radius:3px;
  font-family:"Geist Mono",monospace;font-size:12px;font-weight:500;letter-spacing:.1em}
.idit svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .18s ease}
.idit[aria-expanded="true"] svg{transform:rotate(180deg)}
.idit:hover,.idit[aria-expanded="true"]{border-color:var(--acc)}
.idi .lng{position:absolute;right:0;top:calc(100% + 6px);z-index:70;display:flex;flex-direction:column;min-width:150px;
  border:1px solid rgba(var(--inkq),.18);border-radius:4px;overflow:hidden;background:var(--bg2);
  box-shadow:0 16px 34px -18px rgba(0,0,0,.8)}
html[data-theme="light"] .idi .lng{background:#FFFFFF;box-shadow:0 16px 34px -18px rgba(14,18,9,.35)}
.idi .lng[hidden]{display:none}
.idi .lng button{appearance:none;display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;
  background:transparent;border:0;border-top:1px solid rgba(var(--inkq),.1);color:var(--fg);padding:11px 14px;
  font-family:"Geist Mono",monospace;font-size:12px;font-weight:500;letter-spacing:.1em}
.idi .lng button:first-child{border-top:0}
.idi .lng button .nom{font-family:Geist,"Helvetica Neue",Arial,sans-serif;font-size:14px;letter-spacing:0;font-weight:400;color:var(--mut)}
.idi .lng button:hover{background:rgba(var(--inkq),.06)}
.idi .lng button[aria-pressed="true"]{background:var(--accfill);color:#0A1004}
.idi .lng button[aria-pressed="true"] .nom{color:#0A1004}

/* ---- tema: un icono ---- */
.thm{appearance:none;display:inline-grid;place-items:center;width:34px;height:34px;padding:0;cursor:pointer;
  background:transparent;color:var(--fg);border:1px solid rgba(var(--inkq),.22);border-radius:3px}
.thm:hover{border-color:var(--acc);color:var(--acc)}
.thm svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.thm .luna,html[data-theme="light"] .thm .sol{display:none}
html[data-theme="light"] .thm .luna{display:block}

/* ---- hamburguesa: solo movil ---- */
.hamb{display:none;appearance:none;place-items:center;width:38px;height:34px;padding:0;cursor:pointer;
  background:transparent;color:var(--fg);border:1px solid rgba(var(--inkq),.22);border-radius:3px}
.hamb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.hamb .x,.hamb[aria-expanded="true"] .tres{display:none}
.hamb[aria-expanded="true"] .x{display:block}

.nav :focus{outline:none}
.nav :focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:3px}
html[data-theme="light"] .nav :focus-visible{outline-color:var(--accink)}

@media (max-width:860px){
  .nav .in{padding-top:11px;padding-bottom:11px;gap:10px}
  .nav .wm img.gc{height:23px}
  .hamb{display:inline-grid}
  .navr{gap:6px}
  /* el menu cae debajo de la cabecera, a todo el ancho */
  .nav .menu{display:none;position:absolute;left:0;right:0;top:100%;margin:0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--bg);border-bottom:1px solid rgba(var(--inkq),.14);padding:6px 20px 18px;
    box-shadow:0 22px 30px -24px rgba(0,0,0,.9);font-size:13px}
  html[data-theme="light"] .nav .menu{background:#F3F6EE;box-shadow:0 22px 30px -24px rgba(14,18,9,.35)}
  .nav.abierto .menu{display:flex}
  .nav .menu a{padding:15px 0;border-bottom:1px solid rgba(var(--inkq),.1)}
  .nav .menu a::after{display:none}
  .nav .menu a.menu-accion{margin-top:14px;border:0;border-radius:3px;text-align:center;padding:15px 0;
    background:var(--accfill);color:#0A1004}
  html[data-theme="light"] .nav .menu a.menu-accion{color:#0A1004}
}
@media (prefers-reduced-motion:reduce){ .idit svg,.nav .menu a::after{transition:none} }
.navr{width:auto}
.sec[id],.fin[id]{scroll-margin-top:calc(var(--cab,64px) + 12px)}
/* solo para lectores de pantalla («Idioma: », «Menú»): Satellite no la tenia */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}