/* Portada Presidente (CAP 0) — estilos específicos de la página */

/* Bajo 820px la topbar pasa a dos filas (~145px) pero .page solo reserva 118px,
   por lo que la barra fija tapaba la parte superior de la imagen. Reservamos la
   altura real de la topbar para que la portada no quede cortada por arriba. */
@media (max-width: 820px) {
  .page {
    padding-top: 150px;
  }
}

/* Portada — ajuste a la altura real de la imagen en pantallas estrechas
   (evita el hueco vertical al reservar min(58vh, 28rem) con object-fit: contain) */
@media (max-width: 920px) {
  .chapter-hero.chapter-hero--presidente {
    height: auto;
    min-height: 0;
  }

  .chapter-hero--presidente .chapter-hero__gov-cover {
    height: auto;
    min-height: 0;
  }

  .chapter-hero--presidente .chapter-hero__gov-art,
  .chapter-hero--presidente .gif-once-stack {
    position: relative;
    inset: auto;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 1920 / 1080;
    object-fit: cover;
    object-position: center;
  }

  .chapter-hero--presidente .gif-once-stack .chapter-hero__gov-art {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
  }
}