/* aimh-bridge.css — el puente de cascarón (PUB-W2, #608 bloque 1 · 2026-09-18)
   ═══════════════════════════════════════════════════════════════════════════
   TRANSITORIO. Se carga SOLO en las páginas públicas que llevan el cascarón
   nuevo (cabecera + pie de la fundación 021) sobre un cuerpo todavía legacy
   (css/style.css). Esas páginas están en estado `partial` y llevan
   `body.aimh-legacy-bridge`; todo lo de aquí cuelga de esa clase.

   Por qué existe: aimh.css está en capas (@layer) y style.css no. Sin capa
   gana siempre, así que el `a { color: inherit; text-decoration: none }` y el
   `body { font-size: 1.125rem }` de 2024 pisarían la cabecera y el pie nuevos.
   Este fichero, también sin capa y cargado DESPUÉS de style.css, devuelve al
   cascarón exactamente lo que la fundación le da. Solo tokens: nada aquí es
   un color ni un tamaño inventado.

   Se borra entero el día que la última página legacy se migre. Si sigue
   creciendo, algo va mal: el cuerpo de una página no se arregla desde aquí. */

/* el cascarón lee a tamaño de sistema, no al cuerpo legacy de 18 px */
body.aimh-legacy-bridge .aimh-public-header,
body.aimh-legacy-bridge .aimh-public-footer,
body.aimh-legacy-bridge .aimh-skip {
  font-size: var(--aimh-text-body-size);
  line-height: var(--aimh-lh-body);
  letter-spacing: 0;
}

/* enlaces del cascarón: lo que dice 50-shells.css, reafirmado sin capa */
body.aimh-legacy-bridge .aimh-public-header nav a { color: var(--aimh-text-primary); text-decoration: none; }
body.aimh-legacy-bridge .aimh-public-header nav a[aria-current="page"] { color: var(--aimh-text-link); }
body.aimh-legacy-bridge .aimh-utility a:not(.aimh-btn) { color: var(--aimh-text-link); text-decoration: underline; }
body.aimh-legacy-bridge .aimh-wordmark { color: var(--aimh-text-primary); text-decoration: none; }
/* style.css trae `small { font-size: .875rem }` sin capa: el nombre de la
   marca salía a tamaño de pie de foto. Es lo que dice 50-shells.css. */
body.aimh-legacy-bridge .aimh-public-header .aimh-wordmark small { font-size: var(--aimh-text-subsection-size); font-family: var(--aimh-font-family-heading); }
@media (max-width: 1023px) { body.aimh-legacy-bridge .aimh-public-header .aimh-wordmark small { font-size: var(--aimh-text-body-size); } }
@media (max-width: 599px) { body.aimh-legacy-bridge .aimh-public-header .aimh-wordmark small { font-size: var(--aimh-text-body-sm-size); } }
body.aimh-legacy-bridge .aimh-wordmark small { font-family: var(--aimh-font-family-sans); font-size: var(--aimh-text-caption-size); }
body.aimh-legacy-bridge .aimh-public-footer a { color: inherit; text-decoration: underline; }
body.aimh-legacy-bridge .aimh-public-footer p { margin: 0 0 var(--aimh-space-stack-public); color: inherit; }
body.aimh-legacy-bridge .aimh-skip { color: var(--aimh-text-link); text-decoration: underline; }

/* el botón del cascarón: 20-components.css sin la capa */
body.aimh-legacy-bridge .aimh-public-header .aimh-btn { color: var(--aimh-button-primary-fg); text-decoration: none; }
body.aimh-legacy-bridge .aimh-public-header .aimh-btn[data-emphasis="secondary"] { color: var(--aimh-button-secondary-fg); }

/* la cabecera nueva va en flujo (sticky), no fija: el hueco que el cuerpo
   legacy reservaba para la barra fija (36 + 72 px) ahora es aire de más */
body.aimh-legacy-bridge .hero { padding-top: var(--aimh-space-48); }

/* Con aviso del Site Manager: 50-shells.css da al cuerpo el sitio del aviso,
   pero el reset universal de style.css (sin capa) pone body { padding: 0 } y
   gana. Visto en producción: cabecera bien, pero el héroe empezaba 64 px
   debajo de ella. Se reafirma sin capa. */
html.aimh-has-ann body.aimh-legacy-bridge { padding-top: var(--aimh-ann-h, 0px); }