/* Stakeholders / Comunidad — extiende los estilos comunes definidos en historia.css */

.hero-stakeholders{
  min-height:560px;
  height:42.5vw;
  max-height:820px;
  background:
    linear-gradient(180deg,rgba(7,22,47,.12) 0%,rgba(7,22,47,.04) 44%,rgba(7,22,47,.24) 100%),
    url("stakeholders-hero.jpg") center 50%/cover no-repeat;
}
.hero-stakeholders .hero-title{
  left:100px;
  bottom:68px;
  font-size:clamp(52px,4.3vw,82px);
  letter-spacing:.2px;
}

.stakeholders-intro{padding:108px 0 170px}
.stakeholders-intro .intro-grid{
  grid-template-columns:.95fr 1.05fr;
  gap:110px;
}
.stakeholders-intro h2{
  color:#555;
  font-size:clamp(36px,3.3vw,58px);
  font-weight:900;
  line-height:1.16;
  letter-spacing:-.7px;
}
.stakeholders-copy p{
  color:#626262;
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.66;
}
.stakeholders-copy p+p{margin-top:56px}

@media (max-width:1100px){
  .stakeholders-intro .intro-grid{gap:60px}
}
@media (max-width:900px){
  .hero-stakeholders{min-height:500px;height:68vw}
  .hero-stakeholders .hero-title{left:34px;bottom:46px}
  .stakeholders-intro{padding:78px 0 116px}
  .stakeholders-intro .intro-grid{grid-template-columns:1fr;gap:42px}
  .stakeholders-copy p+p{margin-top:34px}
}
@media (max-width:560px){
  .hero-stakeholders{min-height:440px;height:105vw;background-position:center 52%}
  .hero-stakeholders .hero-title{left:22px;bottom:36px;font-size:36px}
  .stakeholders-intro{padding:64px 0 92px}
  .stakeholders-intro h2{font-size:34px}
  .stakeholders-copy p{font-size:16px;line-height:1.62}
}