/* HECHOS — recorrido documental + cronología */
.hechos-hybrid .page-hero.dark{min-height:64vh;display:flex;align-items:flex-end;padding:150px 0 78px;background:linear-gradient(125deg,#111319 0%,#191b28 58%,#2D2E8E 145%);color:#fff;position:relative;overflow:hidden}
.hechos-hybrid .page-hero.dark:after{content:"";position:absolute;width:42vw;height:42vw;border:1px solid rgba(156,229,223,.13);border-radius:50%;right:-10vw;top:-18vw;pointer-events:none}
.hechos-hybrid .page-hero .display{max-width:980px;font-size:clamp(4.5rem,9vw,9rem);line-height:.82;letter-spacing:-.07em}
.hechos-hybrid .page-hero .lead{color:rgba(255,255,255,.7);max-width:680px;margin-top:28px}

/* Chronology comes first: the backbone of Hechos */
.hechos-hybrid .facts-chronology{padding:clamp(76px,8vw,128px) 0 clamp(96px,10vw,150px);background:var(--paper)}
.hechos-hybrid .facts-chronology-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.68fr);gap:clamp(40px,6vw,96px);align-items:end;margin-bottom:34px}
.hechos-hybrid .facts-chronology-head h2{font-size:clamp(3.2rem,6vw,7rem);line-height:.87;letter-spacing:-.06em;margin:8px 0 0;max-width:850px}
.hechos-hybrid .facts-chronology-head p{margin:0;color:#5f6268;max-width:600px;font-size:1.02rem}
.hechos-hybrid .year-filter-wrap{position:sticky;top:78px;z-index:12;display:flex;flex-wrap:wrap;gap:8px;background:rgba(247,247,243,.96);backdrop-filter:blur(14px);padding:15px 0 17px;margin:0;border-bottom:1px solid var(--line)}
.hechos-hybrid .final-archive-list{border-top:0;margin-top:18px}
.hechos-hybrid .final-archive-year{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:clamp(32px,4vw,72px);align-items:start;padding:46px 0 52px;border-top:1px solid var(--line)}
.hechos-hybrid .final-archive-year.is-hidden{display:none!important}
.hechos-hybrid .final-archive-year:last-child{border-bottom:1px solid var(--line)}
.hechos-hybrid .final-year-label{font-size:clamp(3.35rem,5.1vw,5.9rem);line-height:.78;letter-spacing:-.075em;font-weight:850;color:#2D2E8E;position:sticky;top:164px;align-self:start;width:100%;max-width:190px;white-space:nowrap}
.hechos-hybrid .final-year-rows{min-width:0;display:grid}
.hechos-hybrid .final-archive-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;min-height:96px;padding:22px 2px;border-bottom:1px solid rgba(24,25,28,.13);transition:padding .25s ease,background .25s ease,color .25s ease}
.hechos-hybrid .final-archive-row:last-child{border-bottom:0}
.hechos-hybrid .final-archive-row[href]:hover{padding-left:14px;padding-right:12px;background:rgba(45,46,142,.035);color:var(--indigo)}
.hechos-hybrid .final-archive-row strong{display:block;font-size:clamp(1.28rem,1.65vw,1.7rem);line-height:1.08;letter-spacing:-.025em}
.hechos-hybrid .final-archive-row p{max-width:760px;margin:7px 0 0;color:#676a71;font-size:.96rem;line-height:1.45}
.hechos-hybrid .final-archive-row>span{font-size:.69rem;letter-spacing:.11em;text-transform:uppercase;color:var(--turquoise);font-weight:850;white-space:nowrap;align-self:center}
.hechos-hybrid .fact-kross>span{color:#7a6800}
.hechos-hybrid .final-archive-row.fact-kross strong{font-weight:850}

/* Documentary chapters: visual deep dives after the chronology */
.hechos-hybrid .facts-opening{background:#111319;color:#fff;padding:clamp(88px,9vw,142px) 0}
.hechos-hybrid .facts-opening-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.68fr);gap:clamp(40px,6vw,96px);align-items:end;margin-bottom:48px}
.hechos-hybrid .facts-opening-head h2{font-size:clamp(3rem,5.4vw,6.2rem);line-height:.88;letter-spacing:-.057em;margin:9px 0 0;max-width:820px}
.hechos-hybrid .facts-opening-head p{margin:0;color:#b8bac3;max-width:540px}
.hechos-hybrid .facts-featured{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:14px;align-items:stretch}
.hechos-hybrid .fact-feature{position:relative;min-height:450px;overflow:hidden;background:#22242b;color:#fff}
.hechos-hybrid .fact-feature:first-child{min-height:590px}
.hechos-hybrid .fact-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.hechos-hybrid .fact-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,11,17,.88),rgba(10,11,17,.08) 70%)}
.hechos-hybrid .fact-feature:hover img{transform:scale(1.018)}
.hechos-hybrid .fact-feature-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:23px}
.hechos-hybrid .fact-feature-copy span{display:block;font-size:.67rem;letter-spacing:.11em;text-transform:uppercase;color:#9ce5df;font-weight:800;margin-bottom:9px}
.hechos-hybrid .fact-feature-copy strong{display:block;font-size:clamp(1.7rem,2.5vw,3.05rem);line-height:.94;letter-spacing:-.042em;max-width:560px}
.hechos-hybrid .fact-feature-copy b{display:block;margin-top:18px;font-size:.67rem;letter-spacing:.11em;text-transform:uppercase;color:#fff}

.hechos-hybrid .facts-close{background:linear-gradient(125deg,#00A19A,#2D2E8E 55%,#542583);color:#fff;padding:clamp(86px,10vw,150px) 0}
.hechos-hybrid .facts-close-grid{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end}
.hechos-hybrid .facts-close h2{font-size:clamp(3.3rem,6.5vw,7.4rem);line-height:.86;letter-spacing:-.06em;margin:10px 0 0;max-width:900px}
.hechos-hybrid .facts-close p{color:rgba(255,255,255,.78);max-width:560px;margin:0 0 24px}
.hechos-hybrid .facts-close .btn{border-color:rgba(255,255,255,.65);color:#fff}

@media(max-width:1120px){
  .hechos-hybrid .final-archive-year{grid-template-columns:150px minmax(0,1fr);column-gap:34px}
  .hechos-hybrid .final-year-label{font-size:clamp(3.1rem,5vw,4.8rem);max-width:150px}
}
@media(max-width:1000px){
  .hechos-hybrid .facts-opening-head,.hechos-hybrid .facts-chronology-head,.hechos-hybrid .facts-close-grid{grid-template-columns:1fr}
  .hechos-hybrid .facts-featured{grid-template-columns:1fr 1fr}
  .hechos-hybrid .fact-feature:first-child{grid-column:1/-1;min-height:520px}
  .hechos-hybrid .final-archive-year{grid-template-columns:125px minmax(0,1fr);column-gap:28px}
  .hechos-hybrid .final-year-label{position:static;font-size:3.7rem;max-width:125px}
  .hechos-hybrid .year-filter-wrap{top:72px}
}
@media(max-width:720px){
  .hechos-hybrid .page-hero.dark{min-height:58vh;padding:126px 0 64px}
  .hechos-hybrid .page-hero .display{font-size:clamp(3.6rem,16vw,5.4rem)}
  .hechos-hybrid .facts-chronology{padding-top:70px}
  .hechos-hybrid .facts-chronology-head h2{font-size:clamp(3rem,13vw,4.6rem)}
  .hechos-hybrid .year-filter-wrap{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin-inline:calc((100vw - var(--container))/2 * -1);padding-left:calc((100vw - var(--container))/2);padding-right:calc((100vw - var(--container))/2)}
  .hechos-hybrid .year-filter-wrap::-webkit-scrollbar{display:none}
  .hechos-hybrid .year-filter-wrap .filter-btn{flex:0 0 auto}
  .hechos-hybrid .final-archive-year{grid-template-columns:1fr;gap:20px;padding:34px 0 40px}
  .hechos-hybrid .final-year-label{font-size:clamp(3.4rem,16vw,4.7rem);line-height:.82;max-width:none;margin:0}
  .hechos-hybrid .final-archive-row{grid-template-columns:1fr;gap:10px;min-height:auto;padding:20px 0}
  .hechos-hybrid .final-archive-row>span{justify-self:start;margin-top:1px}
  .hechos-hybrid .facts-featured{grid-template-columns:1fr}
  .hechos-hybrid .fact-feature:first-child{grid-column:auto;min-height:430px}
  .hechos-hybrid .fact-feature{min-height:365px}
  .hechos-hybrid .facts-close h2{font-size:clamp(3.2rem,14vw,5rem)}
}
