/* Portada institucional — fondos provenientes del carrusel del sitio original.
   Solo esta vista: no cambia contenido de main ni la versión Nocturns.
   Portada = primera imagen background_1.jpeg
   Footer = tercera imagen background_3.jpeg
*/
body.page-institucional .editorial-hero {
  background-color:#102337;
  background-image:
    linear-gradient(90deg,rgba(5,16,29,.91) 0%,rgba(9,24,37,.75) 45%,rgba(8,27,41,.48) 100%),
    url("../img/background_1.jpeg");
  background-size:cover;
  background-position:center 40%;
  background-repeat:no-repeat;
  isolation:isolate;
}
body.page-institucional .editorial-hero::before {display:none}
body.page-institucional .hero-grid {
  grid-template-columns:minmax(0,1fr);
  /* Altura unificada: body.page-institucional .editorial-hero en header-final */
  min-height:0;
  padding:0;
}
body.page-institucional .hero-narrative {
  width:100%;
  max-width:850px;
  position:relative;
  z-index:1;
}
body.page-institucional .editorial-hero h1 {max-width:15ch;text-shadow:0 2px 16px #0617275e}
body.page-institucional .hero-pretitle {color:#e1ecf4}
body.page-institucional .hero-deck {color:#e8f0f3;max-width:590px}
body.page-institucional .hero-issue {color:#d1e0e9}
body.page-institucional .hero-work {
  /* La foto lateral permanece en el HTML canónico, pero se muestra
     únicamente el fondo original en este primer pantallazo. */
  display:none;
}
body.page-institucional .hero-footnote {
  color:#e1edf4;
  border-top-color:rgba(233,246,250,.42);
  background:transparent;
}
body.page-institucional .hero-footnote strong,
body.page-institucional .hero-footnote a {color:#fff}
body.page-institucional .site-footer {
  position:relative;
  isolation:isolate;
  background-color:#0b2436;
  background-image:
    linear-gradient(90deg,rgba(7,19,31,.82) 0%,rgba(8,26,40,.72) 48%,rgba(10,29,43,.65) 100%),
    url("../img/background_3.jpeg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
body.page-institucional .site-footer :is(.footer-identity h2,.footer-identity p,.footer-identity .micro-label,
  .footer-links .micro-label,.footer-links a,.footer-links div>span:not(.micro-label),.footer-legal .shell) {
  color:#f0f7fa;
}
body.page-institucional .footer-legal {border-top-color:rgba(255,255,255,.34)}
@media(max-width:860px) {
  body.page-institucional .editorial-hero {background-position:48% center}
}
@media(max-width:590px) {
  body.page-institucional .editorial-hero {
    background-image:
      linear-gradient(90deg,rgba(5,16,29,.92),rgba(8,25,39,.77)),
      url("../img/background_1.jpeg");
    background-position:52% center;
  }
  body.page-institucional .site-footer {
    background-position:60% center;
    background-image:
      linear-gradient(90deg,rgba(6,21,32,.87),rgba(6,21,32,.74)),
      url("../img/background_3.jpeg");
  }
}