:root{--ink:#101724;--paper:#f6f1e9;--cream:#fffcf7;--red:#b43b35;--gold:#d9ae58;--muted:#706a65;--line:#d8d0c5;--serif:Georgia,serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#191816;font:16px/1.6 var(--serif)}.wrap{width:min(1200px,88vw);margin:auto}a{color:inherit}.skip-link{position:absolute;left:-999px;z-index:5;background:#fff;padding:.7rem}.skip-link:focus{left:1rem;top:1rem}.hero{min-height:min(780px,100svh);color:#fff;background:linear-gradient(90deg,rgba(10,18,31,.98),rgba(10,18,31,.78) 35%,rgba(10,18,31,.14)),url('../assets/images/hero-formatos.webp') center/cover}.nav{display:flex;justify-content:space-between;padding:1.6rem 0;font:700 .73rem var(--sans);letter-spacing:.12em}.nav a{text-decoration:none}.nav div{display:flex;gap:2rem}.brand span,.gold-text{color:var(--gold)}.hero-copy{padding-top:clamp(8rem,16vh,12rem)}.eyebrow{margin:0 0 1.2rem;color:var(--red);font:700 .7rem var(--sans);letter-spacing:.18em;text-transform:uppercase}.light{color:#eee6d9}.hero h1,h2,h3{line-height:.9;letter-spacing:-.06em;font-weight:500}.hero h1{margin:0 0 1.5rem;font-size:clamp(4.5rem,10vw,9.5rem)}.hero h1 em,blockquote em{color:var(--gold)}.lead{max-width:33rem;font-size:1.25rem;color:#eee8df}.button{display:inline-flex;gap:.7rem;padding:.85rem 1.1rem;border:1px solid var(--red);background:var(--red);color:#fff;font:700 .72rem var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}.button:hover{filter:brightness(.9);transform:translateY(-2px)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:9rem 0}.intro h2,.section-head h2,.digital h2,.sources h2{margin:0;font-size:clamp(3rem,6vw,5.8rem)}.intro>div:last-child>p{font-size:1.2rem;color:var(--muted)}.stats{display:flex;gap:2rem;border-top:1px solid var(--line);padding-top:1.4rem}.stats b{font:500 2rem/1 var(--serif);color:var(--red)}.stats small{display:block;margin-top:.3rem;color:var(--muted);font:700 .62rem var(--sans);letter-spacing:.08em;text-transform:uppercase}.wide-photo{height:min(550px,50vw);margin:0;overflow:hidden}.wide-photo img{width:100%;height:100%;object-fit:cover}.journey{padding:8rem 0;background:var(--ink);color:var(--paper)}.section-head{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:3rem}.section-head>p{max-width:20rem;margin:0;color:var(--muted)}.journey .section-head>p{color:#b5bac2}.timeline-nav{display:flex;overflow:auto;border-bottom:1px solid #455064;margin-bottom:3rem}.timeline-nav button{min-width:8rem;padding:0 0 1rem;border:0;border-bottom:3px solid transparent;background:none;color:#adb5c1;font:700 .7rem var(--sans);letter-spacing:.08em;text-align:left;cursor:pointer}.timeline-nav button[aria-selected=true]{color:#fff;border-color:var(--gold)}.room{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.room-art{position:relative;min-height:430px;margin:0;overflow:hidden;background:#172133}.room-art:after{position:absolute;inset:0;content:"";background:linear-gradient(transparent 55%,rgba(0,0,0,.65))}.room-art img{width:100%;height:430px;object-fit:cover;display:block}.room-number{position:absolute;z-index:1;top:1rem;left:1rem;padding:.4rem .6rem;background:#101724cc;color:var(--gold);font:700 .7rem var(--sans)}.room-art figcaption{position:absolute;z-index:1;bottom:1rem;left:1rem;right:1rem;color:#fff;font-style:italic}.room-copy h3{margin:.4rem 0 1rem;font-size:clamp(2.5rem,4.8vw,4.8rem)}.room-subtitle{color:var(--gold);font-size:1.2rem;font-style:italic}.room-copy>p:not(.eyebrow):not(.room-subtitle),.room-copy li{color:#d0d1d3}.room-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:2rem}.outline{border-color:#fff;background:transparent}.text-button{border:0;background:none;color:var(--gold);font:700 .7rem var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.sound-panel{margin-top:1rem;padding:1rem;background:#1d2a3d;border-left:2px solid var(--gold)}.sound-panel canvas{width:100%;height:72px}.formats,.sources{padding:9rem 0}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.format-card{min-height:190px;padding:1.4rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff40}.format-card:hover{background:var(--cream)}.format-card h3{margin:.5rem 0;font-size:1.55rem}.format-card small,.format-card>p{color:var(--muted)}.compare{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:1.2rem;align-items:end;margin-top:5rem;padding:2rem;background:var(--cream);border:1px solid var(--line)}.compare h3{margin:.2rem 0;font-size:2rem}.compare p{color:var(--muted)}.compare label{font:700 .7rem var(--sans);letter-spacing:.08em;text-transform:uppercase}.compare select{display:block;width:100%;margin-top:.5rem;padding:.7rem;background:#fff;border:1px solid var(--line);font:1rem var(--serif)}.compare-bars{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1rem}.bar-row{display:grid;grid-template-columns:7rem 1fr auto;gap:.8rem;align-items:center;margin:.6rem 0;font:.8rem var(--sans)}.bar{height:.5rem;background:linear-gradient(90deg,var(--red),var(--gold))}.digital{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:var(--ink);color:#fff}.digital-image{background:url('../assets/images/escuta-digital.webp') center/cover}.digital>div:last-child{align-self:center;max-width:38rem;padding:5rem 10vw 5rem 7vw}.digital>div:last-child>p:last-child{color:#c6cad0;font-size:1.1rem}.manifesto{padding:8rem 0;background:var(--red);color:#fff}.manifesto blockquote{margin:0 0 2rem;font-size:clamp(3rem,6vw,6.4rem);line-height:.9;letter-spacing:-.06em}.manifesto p:last-child{max-width:32rem}.sources h2{margin-bottom:3rem}.sources details{padding:1rem 0;border-top:1px solid var(--line)}.sources details:last-child{border-bottom:1px solid var(--line)}summary{font-size:1.15rem;cursor:pointer}.sources li,.sources details p{color:var(--muted)}.sources a{color:var(--red)}footer{padding:1.8rem 0;background:var(--ink);color:#b8bec7;font:700 .68rem var(--sans);letter-spacing:.1em;text-transform:uppercase}footer .wrap{display:flex;justify-content:space-between}footer a{color:#fff;text-decoration:none}@media(max-width:800px){.nav div{gap:.9rem;font-size:.63rem}.hero{min-height:700px;background-position:62% center}.intro,.room,.digital{grid-template-columns:1fr;gap:2.5rem}.intro,.formats,.sources{padding:5rem 0}.journey{padding:5rem 0}.section-head{display:block}.section-head>p{margin-top:1.5rem}.wide-photo{height:300px}.room-art,.room-art img{min-height:310px;height:310px}.format-grid{grid-template-columns:repeat(2,1fr)}.compare{grid-template-columns:1fr;margin-top:3rem}.compare-bars{grid-column:auto}.digital-image{min-height:350px}.digital>div:last-child{padding:4rem 6vw}.manifesto{padding:5rem 0}}@media(max-width:480px){.nav div a:last-child{display:none}.format-grid{grid-template-columns:1fr}.stats{gap:1rem}.bar-row{grid-template-columns:1fr auto}.bar{grid-column:1/-1}footer .wrap{display:block}footer a{display:block;margin-top:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transform:none!important}}