/* Ajustes de portada seleccionada (octubre 2026).
   Hero = bloque del título principal, no barra de navegación. */

body.page-institucional .hero-grid {
  /* Altura/padding del hero: token compartido en cabecera-institucional.css */
  min-height:0;
  padding:0;
}
body.page-institucional .hero-narrative {
  width:100%;
  max-width:780px;
}
body.page-institucional .hero-pretitle {
  margin-bottom:14px;
}
body.page-institucional .editorial-hero h1 {
  font-size:clamp(2.4rem,3.65vw,3.45rem);
  line-height:1.12;
  letter-spacing:-.04em;
  max-width:21ch;
  text-wrap:balance;
}
body.page-institucional .hero-deck {
  margin:16px 0 18px;
  font-size:clamp(.98rem,1.15vw,1.07rem);
  line-height:1.6;
}
body.page-institucional .hero-actions {
  gap:12px 22px;
}
body.page-institucional .hero-footnote {min-height:44px;}

/* Leopoldo: retrato rectangular alineado al marco de colaboradores. */
body.page-institucional .collab-person img[src$="LEOPOLDO_LOPEZ2.jpg"] {
  object-fit:cover;
  object-position:center top;
}

@media (max-width:860px) {
  body.page-institucional .editorial-hero h1 {
    font-size:clamp(2.25rem,5.15vw,2.8rem);
    max-width:22ch;
  }
  body.page-institucional .hero-pretitle {margin-bottom:15px;}
  body.page-institucional .hero-deck {margin:19px 0 20px;}
}
@media (max-width:590px) {
  body.page-institucional .editorial-hero h1 {
    font-size:clamp(2rem,7.4vw,2.45rem);
    max-width:100%;
    line-height:1.13;
    overflow-wrap:normal;
  }
  body.page-institucional .hero-deck {font-size:.95rem;}
}

/* Títulos de portada: mismo peso y escala editorial que las vistas archivo. */
body.page-institucional :is(.editorial-hero h1, .archive-hero h1){
  font-family:var(--serif);font-weight:500;
  font-size:clamp(2.55rem,4.6vw,4.6rem);
  line-height:1.09;letter-spacing:-.05em;
}
body.page-institucional :is(
  .section-introduction h2,.knowledge-heading h2,.people-intro h2,
  .research-intro h2,.software-showcase-heading h2,
  .collaborations-heading h2,.home-news-header h2
){
  font-family:var(--serif);font-weight:500;
  font-size:clamp(2.4rem,4.2vw,4.15rem);
  line-height:1.16;letter-spacing:-.04em;
}
@media(max-width:600px){
  body.page-institucional :is(.editorial-hero h1, .archive-hero h1){
    font-size:clamp(2.45rem,10vw,3.4rem);
  }
  body.page-institucional :is(
    .section-introduction h2,.knowledge-heading h2,.people-intro h2,
    .research-intro h2,.software-showcase-heading h2,
    .collaborations-heading h2,.home-news-header h2
  ){font-size:clamp(2.25rem,9vw,3.3rem)}
}

/* Densidad de portada: ~15–20% menos aire entre secciones y título→contenido. */
body.page-institucional .areas-section {padding:90px 0 98px}
body.page-institucional .research-editorial {padding:82px 0 92px}
body.page-institucional .knowledge-section {padding:90px 0 94px}
body.page-institucional .people-preview {padding:88px 0 90px}
body.page-institucional .home-news {padding:70px 0 84px}
body.page-institucional .software-showcase {
  padding:clamp(68px,6.5vw,100px) 0 clamp(76px,8vw,118px);
}
body.page-institucional .collaborations-section {
  padding:clamp(72px,6.5vw,100px) 0 clamp(80px,7.5vw,110px);
}

body.page-institucional .section-introduction {margin:40px 0 48px}
body.page-institucional .knowledge-heading {margin:40px 0 44px}
body.page-institucional .people-intro {margin:36px 0 32px}
body.page-institucional .home-news-header {margin:34px 0 32px}
body.page-institucional .research-intro p {margin:18px 0 20px}
body.page-institucional .software-showcase-heading {
  margin:clamp(32px,3.8vw,52px) 0 clamp(28px,3.5vw,48px);
}
body.page-institucional .collaborations-heading {
  margin:clamp(32px,3.8vw,52px) 0 48px;
}

@media (max-width:860px) {
  body.page-institucional .areas-section,
  body.page-institucional .research-editorial,
  body.page-institucional .knowledge-section,
  body.page-institucional .people-preview {padding:62px 0 68px}
  body.page-institucional .home-news {padding:58px 0 68px}
  body.page-institucional .software-showcase,
  body.page-institucional .collaborations-section {padding:64px 0 72px}
  body.page-institucional .section-introduction {margin:32px 0 36px}
  body.page-institucional .knowledge-heading,
  body.page-institucional .people-intro {margin:30px 0}
  body.page-institucional .home-news-header {margin:28px 0}
  body.page-institucional .collaborations-heading {margin-bottom:36px}
}