:root{--green:#176b3b;--green2:#4f8d3c;--lime:#afd135;--gold:#bf9863;--wine:#bd1f57;--teal:#16757a;--ink:#18342a;--muted:#66756e;--cream:#f6f3e9;--white:#fff;--border:#e4e8e3;--shadow:0 14px 38px rgba(17,63,43,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Montserrat",Arial,sans-serif;color:var(--ink);background:#fbfcfa}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:999;background:#fff;padding:10px}.hero{height:min(760px,92vh);min-height:620px;position:relative;overflow:hidden;background:var(--green);color:#fff}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,48,29,.91) 0%,rgba(12,78,43,.75) 42%,rgba(5,34,25,.22) 75%,rgba(0,0,0,.15) 100%)}.hero-inner{position:relative;z-index:2;width:min(1200px,calc(100% - 40px));height:100%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;padding:30px 0 70px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.shield{width:125px;height:100px;object-fit:contain;background:rgba(255,255,255,.94);border-radius:16px;padding:8px}.anniv-logo{width:155px;height:155px;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}.hero-copy{max-width:760px}.kicker{text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:#e5c58e;font-size:.78rem}.hero h1{font-size:clamp(3rem,7vw,6.3rem);line-height:.88;letter-spacing:-.055em;margin:12px 0 22px;text-transform:uppercase}.hero h1 span{color:var(--lime);font-size:.55em;letter-spacing:-.02em}.hero-copy>p:not(.kicker){max-width:700px;line-height:1.7;font-size:1.05rem}.cta{display:inline-flex;align-items:center;gap:18px;margin-top:18px;background:var(--wine);color:#fff;text-decoration:none;padding:15px 20px;border-radius:999px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.2)}.cta span{font-size:1.25rem}
.page{width:min(1200px,calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:190px minmax(0,1fr);gap:42px;align-items:start;padding:56px 0 80px;overflow:visible}.years-shell{align-self:stretch;overflow:visible}.years-nav{position:sticky;top:18px;background:#fff;border:1px solid var(--border);border-radius:22px;padding:18px 15px;box-shadow:var(--shadow);z-index:30}.years-label{margin:0;color:var(--green);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.current{background:linear-gradient(135deg,rgba(175,209,53,.18),rgba(23,107,59,.08));border-radius:13px;padding:10px 12px;margin:12px 0}.current small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:700}.current strong{font-size:1.45rem;color:var(--green)}.year-list{position:relative;display:flex;flex-direction:column}.track,.track-fill{position:absolute;left:14px;top:16px;bottom:16px;width:2px;background:#dce3dd}.track-fill{bottom:auto;height:0;background:linear-gradient(var(--green),var(--lime),var(--gold));transition:.3s}.year-btn{z-index:2;position:relative;border:0;background:none;padding:3px 0;min-height:38px;display:flex;align-items:center;gap:10px;color:#77847e;font:800 .82rem Montserrat;cursor:pointer}.dot{width:29px;height:29px;flex:0 0 29px;border-radius:50%;background:#fff;border:2px solid #cfd8d1;display:grid;place-items:center;transition:.2s}.dot:after{content:"";width:7px;height:7px;border-radius:50%;background:#a9b4ae}.year-btn.done .dot{border-color:var(--lime)}.year-btn.done .dot:after{background:var(--lime)}.year-btn.active{color:var(--green);font-size:.92rem}.year-btn.active .dot{background:var(--green);border-color:var(--green);box-shadow:0 0 0 5px rgba(23,107,59,.1)}.year-btn.active .dot:after{background:#fff}.year-btn[data-year="2026"] .dot{border-color:var(--gold)}.year-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.year-controls button{border:1px solid var(--border);background:#fff;border-radius:10px;min-height:38px;color:var(--green);font-weight:900;cursor:pointer}.year-controls button:disabled{opacity:.3}
.timeline-section{scroll-margin-top:24px;margin-bottom:46px}.year-heading{display:flex;align-items:end;gap:14px;margin-bottom:14px}.year-number{font-size:clamp(2.7rem,5vw,4.5rem);line-height:.8;color:var(--green);font-weight:900;letter-spacing:-.06em}.year-title{font-size:clamp(1.1rem,2vw,1.55rem);font-weight:800;color:var(--gold);padding-bottom:2px}.story-card{background:#fff;border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 8px 30px rgba(20,70,45,.07)}.story-card.featured{border-color:rgba(191,152,99,.65)}.story-body{padding:18px 22px 26px}.event-block{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:20px 0;border-bottom:1px solid var(--border)}.event-block:last-child{border-bottom:0}.event-block.has-images{grid-template-columns:18px minmax(0,1fr) 190px;align-items:start}.event-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);margin-top:8px;box-shadow:0 0 0 4px rgba(175,209,53,.14)}.event-text{min-width:0}.event-text strong{display:block;color:var(--wine);font-size:.95rem;font-weight:900;margin-bottom:5px}.event-text p{margin:0;color:#52665d;line-height:1.72;font-size:.95rem;text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}.event-images{display:grid;grid-template-columns:1fr;gap:8px;align-self:start;width:190px}.event-images:has(.event-image:only-child){grid-template-columns:1fr}.event-image{position:relative;width:100%;height:112px;overflow:hidden;border:1px solid #dfe5df;border-radius:12px;padding:0;background:#eef2ed;cursor:zoom-in;box-shadow:0 4px 14px rgba(20,70,45,.08)}.event-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease,filter .3s ease}.event-image:hover img{transform:scale(1.035);filter:brightness(.9)}.zoom-hint{position:absolute;right:7px;bottom:7px;background:rgba(9,50,32,.86);color:#fff;border-radius:999px;padding:5px 8px;font-size:.58rem;font-weight:800;letter-spacing:.01em;opacity:0;transition:.2s}.event-image:hover .zoom-hint,.event-image:focus-visible .zoom-hint{opacity:1}.special-banner{display:flex;align-items:center;gap:15px;background:linear-gradient(100deg,var(--green),var(--green2));color:#fff;padding:18px 24px}.special-banner img{width:90px;height:90px;object-fit:contain}.special-banner strong{font-size:1.25rem}.special-banner span{display:block;color:#d7ee8b;margin-top:4px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
.footer{background:#123f2b;color:#fff;padding:34px max(20px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:24px}.footer>div{display:flex;align-items:center;gap:16px}.footer img{width:95px}.footer p{max-width:420px;color:#dce8df}.footer a{color:#fff;font-weight:800;text-decoration:none}.to-top{position:fixed;right:22px;bottom:22px;width:50px;height:50px;border:0;border-radius:50%;background:var(--wine);color:#fff;font-size:1.25rem;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.22);cursor:pointer;z-index:45;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.to-top.show{opacity:1;pointer-events:auto;transform:none}
.lightbox{position:fixed;inset:0;z-index:1000;display:none;place-items:center}.lightbox.open{display:grid}.lb-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.93);backdrop-filter:blur(5px)}.lb-stage{position:relative;z-index:2;margin:0;max-width:min(92vw,1500px);max-height:90vh;display:flex;flex-direction:column;align-items:center}.lb-stage img{max-width:92vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #000}.lb-stage figcaption{width:100%;display:flex;justify-content:space-between;gap:20px;color:#fff;padding:12px 4px 0;font-size:.82rem}.lb-stage figcaption span{color:#d5d5d5;white-space:nowrap}.lb-close,.lb-prev,.lb-next{position:fixed;z-index:3;border:0;background:rgba(255,255,255,.13);color:#fff;cursor:pointer;display:grid;place-items:center}.lb-close{right:22px;top:20px;width:48px;height:48px;border-radius:50%;font-size:2rem}.lb-prev,.lb-next{top:50%;width:52px;height:70px;border-radius:14px;font-size:3rem;transform:translateY(-50%)}.lb-prev{left:18px}.lb-next{right:18px}body.lb-lock{overflow:hidden}
@media(max-width:800px){.hero{min-height:600px}.hero-inner{width:min(100% - 24px,1200px);padding-bottom:45px}.shield{width:95px;height:78px}.anniv-logo{width:120px;height:120px}.page{width:min(100% - 18px,1200px);grid-template-columns:112px minmax(0,1fr);gap:12px;padding-top:22px}.years-nav{top:8px;border-radius:15px;padding:10px 8px}.years-label{font-size:.56rem;letter-spacing:.07em}.current{padding:7px;margin:8px 0}.current small{font-size:.52rem}.current strong{font-size:1rem}.year-btn{min-height:31px;font-size:.66rem;gap:6px}.dot{width:22px;height:22px;flex-basis:22px}.track,.track-fill{left:10px;top:13px;bottom:13px}.year-btn.active{font-size:.72rem}.year-controls button{min-height:32px}.timeline-section{margin-bottom:30px}.year-heading{display:block}.year-number{font-size:2.35rem}.year-title{font-size:.9rem;margin-top:6px}.gallery{display:block}.gallery-item,.gallery-item:first-child,.gallery-item:not(:first-child),.gallery-item:nth-child(n+4){width:100%;min-height:0;aspect-ratio:16/10;display:block;margin-bottom:3px}.gallery-item:nth-child(n+3){display:none}.story-body{padding:18px 16px}.event{font-size:.82rem;line-height:1.58}.special-banner{padding:12px}.special-banner img{width:65px;height:65px}.special-banner strong{font-size:.95rem}.footer{align-items:flex-start;flex-direction:column}.lb-prev,.lb-next{width:42px;height:58px;font-size:2.2rem}.lb-prev{left:6px}.lb-next{right:6px}.lb-close{right:10px;top:10px}.lb-stage figcaption{padding:10px 12px 0;flex-direction:column;gap:5px}}
@media(max-width:430px){.page{grid-template-columns:96px minmax(0,1fr);gap:8px}.years-nav{padding:8px 6px}.year-btn{font-size:.6rem}.year-number{font-size:2rem}.story-body{padding:15px 13px}.event{grid-template-columns:8px minmax(0,1fr);gap:6px}.hero h1{font-size:2.75rem}.hero-copy>p:not(.kicker){font-size:.9rem}.gallery-item{aspect-ratio:4/3}.to-top{width:46px;height:46px;right:14px;bottom:14px}}

@media(max-width:900px){.event-block.has-images{grid-template-columns:18px minmax(0,1fr) 160px}.event-images{grid-template-columns:1fr;width:160px}.event-image{height:96px}.event-images .event-image:nth-child(n+3){display:none}}
@media(max-width:680px){.event-block,.event-block.has-images{grid-template-columns:12px minmax(0,1fr)}.event-images{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:360px;margin-top:8px}.event-images:has(.event-image:only-child){grid-template-columns:minmax(0,180px)}.event-image{height:100px}.event-text strong{font-size:.82rem}.event-text p{font-size:.82rem;line-height:1.62;text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}.story-body{padding:12px 14px 18px}}

/* V4: miniaturas normalizadas y discretas junto al párrafo.
   La lógica del Lightbox permanece intacta; solo cambia la presentación visual. */
.event-images{justify-self:end}
.event-image img{object-position:center center}
@media(min-width:681px){
  .event-block.has-images .event-text{padding-right:4px}
}
@media(max-width:520px){
  .event-images{max-width:300px}
  .event-image{height:86px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cta-book{background:rgba(255,255,255,.96);color:var(--green)}.cta-book:hover{background:#fff}.cta-book span{color:var(--wine)}
@media(max-width:560px){.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .cta{justify-content:space-between;margin-top:8px}}