/*
 * MODERAM / SPDA — Banner institucional de la línea de tiempo.
 * Actualización 02/11/2026: tres párrafos, título de dos líneas y cifra de 40 años.
 * Estilos confinados al componente para no afectar la cronología.
 */
.spda-institutional-hero {
  --spda-hero-red:#A93228;
  position:relative;
  z-index:1;
  width:100%;
  min-height:0;
  padding:76px 0 90px;
  margin:0;
  color:#fff;
  background:var(--spda-hero-red);
  font-family:"SPDA Gotham Book","Gotham Book",Arial,sans-serif;
  box-sizing:border-box;
}
.spda-institutional-hero *,
.spda-institutional-hero *::before,
.spda-institutional-hero *::after { box-sizing:border-box; }
.spda-institutional-hero__inner {
  width:90%;
  max-width:1800px;
  margin:0 auto;
}
.spda-institutional-hero__breadcrumb { display:block; margin:0 0 34px; }
.spda-institutional-hero__breadcrumb a {
  font-family:"SPDA Gotham Bold","SPDA Gotham Book",Arial,sans-serif;
  font-size:clamp(14px,1.05vw,20px);
  font-weight:400;
  line-height:1.3;
  color:#fff !important;
  text-transform:uppercase;
  text-decoration:none !important;
}
.spda-institutional-hero__breadcrumb a:hover,
.spda-institutional-hero__breadcrumb a:focus-visible {
  text-decoration:underline !important;
  text-underline-offset:5px;
}
.spda-institutional-hero__layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px,21%);
  column-gap:clamp(30px,5vw,100px);
  align-items:start;
}
.spda-institutional-hero__copy { min-width:0; }
.spda-institutional-hero .spda-institutional-hero__title {
  max-width:780px;
  margin:0 0 28px !important;
  padding:0;
  border:0;
  font-family:"SPDA Gotham Bold","SPDA Gotham Book",Arial,sans-serif;
  font-size:clamp(43px,3.9vw,74px) !important;
  font-weight:400;
  line-height:1.05 !important;
  letter-spacing:-.028em;
  color:#fff !important;
  text-transform:none;
  text-wrap:balance;
}
.spda-institutional-hero__intro {
  max-width:920px;
  margin:0 !important;
  padding:0;
  font-size:clamp(19px,1.5vw,22px) !important;
  font-weight:400;
  line-height:1.35 !important;
  letter-spacing:-.012em;
  color:#fff !important;
}
.spda-institutional-hero__intro p {
  margin:0 0 1.05em !important;
  padding:0;
  color:inherit !important;
  font:inherit !important;
  line-height:inherit !important;
}
.spda-institutional-hero__intro p:last-child { margin-bottom:0 !important; }
.spda-institutional-hero__anniversary {
  justify-self:end;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  max-width:360px;
  padding-top:5px;
  text-align:right;
  color:#fff;
}
.spda-institutional-hero__anniversary-number {
  display:block;
  font-family:"SPDA Gotham Bold","Gotham Bold",Arial,sans-serif;
  font-size:clamp(108px,11.5vw,210px);
  font-weight:800;
  line-height:.92;
  letter-spacing:-.07em;
  white-space:nowrap;
  color:#fff;
}
.spda-institutional-hero__anniversary-label {
  display:block;
  max-width:335px;
  margin-top:14px;
  font-size:clamp(18px,1.5vw,28px);
  font-weight:400;
  line-height:1.28;
  letter-spacing:-.015em;
  color:#fff;
}
@media (max-width:1200px) and (min-width:961px) {
  .spda-institutional-hero { padding:68px 0 80px; }
  .spda-institutional-hero__breadcrumb {margin-bottom:28px;}
  .spda-institutional-hero__layout {
    grid-template-columns:minmax(0,1fr) 205px;
    gap:32px;
  }
  .spda-institutional-hero .spda-institutional-hero__title {
    font-size:clamp(40px,4vw,55px)!important;
  }
  .spda-institutional-hero__intro {font-size:clamp(17px,1.55vw,20px)!important;}
  .spda-institutional-hero__anniversary-number {font-size:118px;}
  .spda-institutional-hero__anniversary-label {font-size:19px;}
}
@media (max-width:960px) {
  body.home {
    display:block !important;
    position:relative !important;
    top:0 !important;
    width:100% !important;
    max-width:100% !important;
  }
  .spda-institutional-hero {min-height:0; padding:60px 0 70px;}
  .spda-institutional-hero__inner {width:90%;}
  .spda-institutional-hero__breadcrumb {margin-bottom:28px;}
  .spda-institutional-hero__breadcrumb a {font-size:15px;}
  .spda-institutional-hero__layout {grid-template-columns:1fr; gap:34px;}
  .spda-institutional-hero .spda-institutional-hero__title {
    max-width:100%;
    margin-bottom:26px!important;
    font-size:clamp(30px,6.7vw,56px)!important;
    line-height:1.12!important;
    letter-spacing:-.035em;
  }
  .spda-institutional-hero__intro {
    max-width:100%;
    font-size:clamp(16px,2.7vw,20px)!important;
    line-height:1.5!important;
  }
  .spda-institutional-hero__anniversary {
    justify-self:start;
    flex-direction:row;
    align-items:center;
    gap:22px;
    max-width:100%;
    text-align:left;
    padding-top:5px;
  }
  .spda-institutional-hero__anniversary-number {font-size:clamp(88px,14vw,132px);}
  .spda-institutional-hero__anniversary-label {max-width:310px; margin-top:0; font-size:clamp(18px,3vw,24px);}
}
@media (max-width:460px) {
  .spda-institutional-hero {padding:48px 0 65px;}
  .spda-institutional-hero__breadcrumb {margin-bottom:23px;}
  .spda-institutional-hero .spda-institutional-hero__title {
    font-size:clamp(29px,7.7vw,36px)!important;
    margin-bottom:23px!important;
  }
  .spda-institutional-hero__intro {font-size:16px!important;}
  .spda-institutional-hero__intro p {margin-bottom:1em!important;}
  .spda-institutional-hero__anniversary {gap:15px;}
  .spda-institutional-hero__anniversary-number {font-size:82px;}
  .spda-institutional-hero__anniversary-label {font-size:17px;}
}