/* ============================================================
   ARG · mejoras-shell.css · v1.5.0 (ronda de septiembre de 2026)
   Header con siete secciones, menú móvil, footer y botón de volver
   arriba. Se encola ÚLTIMA (inc/enqueue.php): pisa por orden reglas
   de main.css y de mejoras-home.css (breakpoint de 1279 px de la
   hamburguesa, nowrap del nav, .volver-arriba con texto).
   ============================================================ */

/* ---------- 1 · Nav de escritorio: siete entradas ----------
   Medido con la fuente real (IBM Plex Sans 500, 13 px, tracking .06em):
   los siete rótulos suman 478 px. Con los nueve huecos de flex, los dos
   separadores, el selector de idioma (105 px), el lockup (212 px), el
   CTA (133 px) y los dos huecos del header, la fila mide 1246 px con el
   gap de 28 px de main.css: MÁS que los 1240 px del contenedor, a
   cualquier ancho. Por eso a 13 px el gap baja a 22 (1192 px). Entre
   1360 y 1600 la fuente pasa a 12.5 px y el gap a 20 (1156 px; el
   contenedor mide 1238 a 1360). Por debajo de 1360 la hamburguesa toma
   el relevo: a 1280 la fila entraría con 27 px de aire, margen
   insuficiente contra el hinting y las fuentes de respaldo. */
.nav-d{gap:22px}
.nav-d a{white-space:nowrap}
.nav-d .nav-sep{
  width:1px;height:16px;flex:none;align-self:center;
  margin:0 4px;background:var(--hair-d);
}
@media (max-width:1359px){
  .nav-d,.hd .cta-hd{display:none}
  .burger{display:block}
}
@media (min-width:1360px) and (max-width:1600px){
  .nav-d{gap:20px}
  .nav-d a{font-size:12.5px}
  .nav-d .nav-sep{margin:0 3px}
  .hd .cta-hd{padding-left:16px;padding-right:16px}
}

/* ---------- 2 · Menú móvil ----------
   El tope lleva el lockup chico (isotipo 22 px + ESTUDIO ARG en mono)
   en lugar de las coordenadas. La sección actual marca su numeral en
   dorado. En pantallas bajas las ocho entradas pierden un poco de aire
   para no obligar a desplazar el menú. */
.mnav .top{height:48px}
.mnav .mnav-marca{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--txt-d);text-decoration:none;
}
.mnav .mnav-marca svg{width:22px;height:auto;flex:none}
.mnav .mnav-marca .mono{font:500 12px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase}
.mnav .mnav-marca:focus-visible{outline:2px solid var(--celeste);outline-offset:3px}
.mnav a.mlink[aria-current] .mono{color:var(--gold)}
@media (max-height:720px){
  .mnav a.mlink{padding:13px 0}
  .mnav .langs{margin-top:18px}
}

/* ---------- 3 · Volver arriba: la brújula ----------
   Botón cuadrado de 46 px, sin texto ni relleno lateral, ícono de 24 px
   centrado. Fondo y borde siguen siendo los de mejoras-home.css; el color
   pasa a secundario y va al dorado al hover. El atributo hidden lo quita
   mejoras-home.js: mientras esté, el botón no existe. */
.volver-arriba{
  width:46px;height:46px;padding:0;
  display:flex;align-items:center;justify-content:center;
  color:var(--txt-d-sec);font-size:0;letter-spacing:0;
}
.volver-arriba[hidden]{display:none}
.volver-arriba svg{width:24px;height:24px;display:block}
.volver-arriba:hover,.volver-arriba:focus-visible{color:var(--gold);border-color:var(--gold)}
.volver-arriba:focus-visible{outline:2px solid var(--celeste);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .volver-arriba{transition:none}
}
@media print{
  .volver-arriba{display:none !important}
}

/* ---------- 4 · Coordenadas retiradas ----------
   Fichas de los directores: la coordenada cerraba la columna de texto de
   la portada; ahora cierra el .lead, que no deja margen suelto para que
   el bloque siga centrado con el monograma. */
#pg-laporte .lp-hero .lead,
#pg-rubbi .rb-hero .lead{margin-bottom:0}