:root{--bg:#101820;--bg2:#17232e;--panel:#1d2b37;--line:#344957;--text:#eef3f6;--muted:#aebbc5;--gold:#d6a84f;--paper:#eee5d3;--ink:#202a32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 18% 0,#ffffff0f,transparent 30rem),linear-gradient(180deg,var(--bg2),var(--bg) 50rem);font-family:Inter,system-ui,sans-serif}a{color:inherit}.site{width:100%;max-width:1180px;margin:auto;padding:0 22px}.header{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #ffffff18}.brand img{display:block;width:138px}.header p{margin:0 auto 0 0}.header p b,.header p span{display:block}.header p b{letter-spacing:.1em}.header p span{color:var(--muted);font-size:.7rem}.header nav{display:flex;flex-wrap:wrap;justify-content:flex-end}.header nav a{padding:8px;border-radius:6px;color:#bdc7ce;font-size:.65rem;font-weight:800;text-decoration:none;text-transform:uppercase}.header nav a:hover,.header nav .active{color:#15212b;background:#edf0f2}.menub{display:none}.eyebrow,.label{margin:0;color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:start;min-height:0;padding:40px 0 95px}.hero h1{margin:12px 0 20px;font-size:clamp(3rem,6.7vw,6rem);line-height:.89;letter-spacing:-.06em}.hero h1 em{color:#dfbd77;font:italic .92em Georgia,serif}.lead{max-width:650px;color:#bdc8cf;font-size:1.04rem;line-height:1.65}.actions{display:flex;align-items:center;gap:22px;margin-top:24px}.actions>a:last-child{color:var(--muted);font-size:.78rem}.button{display:inline-block;padding:11px 15px;border:1px solid #526878;border-radius:8px;font-size:.8rem;font-weight:750;text-decoration:none}.button:hover{border-color:var(--gold)}.facts{display:flex;margin:42px 0 0;padding:0;list-style:none}.facts li{min-width:90px;padding:0 23px}.facts li:first-child{padding-left:0}.facts li+li{border-left:1px solid var(--line)}.facts b,.facts span{display:block}.facts b{font:800 1rem monospace}.facts span{color:#8497a5;font-size:.6rem;text-transform:uppercase}.lupin{margin:0;padding:14px;color:var(--ink);background:var(--paper);box-shadow:0 24px 55px #0005;transform:rotate(1.5deg)}.lupin img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:sepia(.15)}.lupin figcaption{display:flex;justify-content:space-between;padding:14px 4px 2px;font:italic .85rem Georgia}.lupin figcaption span{color:#696158;font-size:.72rem}.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;padding:95px 0;border-top:1px solid var(--line)}.heading h2,.story h2,.onair h2,.activations h2{margin:8px 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.045em}.story>div{color:#c4cdd3;font:1.04rem/1.75 Georgia}.story small{display:block;margin-top:25px;color:var(--gold);font-style:italic}.onair{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;margin:10px 0 100px;padding:45px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#233645,var(--panel));box-shadow:0 22px 55px #0003}.onair>div>p:not(.eyebrow){color:var(--muted);line-height:1.6}.album{position:relative;display:block;min-height:320px;padding:24px;color:var(--ink);background:linear-gradient(#6f5d3809 1px,transparent 1px),linear-gradient(90deg,#6f5d3809 1px,transparent 1px),var(--paper);background-size:24px 24px;text-decoration:none;box-shadow:0 18px 35px #0005;transform:rotate(-1deg)}.album>b{font-family:Georgia}.album>em{position:absolute;right:20px;bottom:15px;font-size:.65rem;font-style:normal;font-weight:800}.stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:35px}.stamps i{display:flex;min-height:130px;flex-direction:column;align-items:center;justify-content:center;background:#fffdf7;box-shadow:2px 3px 3px #493a2228;font-style:normal}.stamps i{clip-path:polygon(4% 0,9% 3%,14% 0,19% 3%,24% 0,29% 3%,34% 0,39% 3%,44% 0,49% 3%,54% 0,59% 3%,64% 0,69% 3%,74% 0,79% 3%,84% 0,89% 3%,94% 0,100% 5%,97% 10%,100% 20%,97% 30%,100% 40%,97% 50%,100% 60%,97% 70%,100% 80%,97% 90%,100% 95%,94% 100%,89% 97%,84% 100%,79% 97%,74% 100%,69% 97%,64% 100%,59% 97%,54% 100%,49% 97%,44% 100%,39% 97%,34% 100%,29% 97%,24% 100%,19% 97%,14% 100%,9% 97%,4% 100%,0 95%,3% 90%,0 80%,3% 70%,0 60%,3% 50%,0 40%,3% 30%,0 20%,3% 10%,0 5%)}.stamps i{font-size:1.5rem}.stamps strong{font:800 1rem monospace}.stamps small{color:#716b62;font-size:.52rem}.block{padding:95px 0;border-top:1px solid var(--line)}.heading{margin-bottom:30px}.station{display:grid;grid-template-columns:1.35fr .7fr .7fr;gap:16px}.photo{position:relative;min-height:360px;overflow:hidden;border-radius:14px;text-decoration:none}.photo img{width:100%;height:100%;object-fit:cover}.photo:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#03090ee8)}.photo span{position:absolute;z-index:1;left:22px;bottom:20px;color:#c5ced4;font-size:.72rem}.photo span b{display:block;color:white;font-size:1.4rem}.station article{position:relative;min-height:360px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.station h3{margin:30px 0 18px;font-size:1.45rem}.station ul{padding-left:18px;color:var(--muted);font-size:.82rem;line-height:1.9}.station article>a,.station article>i{position:absolute;left:24px;bottom:24px;font-size:.68rem}.station .paper{color:var(--ink);background:var(--paper);transform:rotate(.5deg)}.station .paper ul{color:#625c53}.station .paper i{left:auto;right:24px;color:#8a7145;font:italic .95rem Georgia;transform:rotate(-5deg)}.software{display:grid;grid-template-columns:1fr 1.5fr auto;gap:30px;align-items:center;padding:35px;border-block:1px solid var(--line)}.software h2{margin:6px 0}.software div>p:last-child{margin:0;color:var(--muted);font-size:.76rem}.software ul{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none}.software li{padding:7px 10px;border:1px solid #3b5161;border-radius:99px;color:#c2cdd4;font:700 .65rem monospace}.software>a{display:grid;width:42px;height:42px;place-items:center;border:1px solid #526878;border-radius:50%;text-decoration:none}.split{display:flex;justify-content:space-between;gap:35px;align-items:flex-end}.split>p{max-width:420px;margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}.town{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-template-rows:205px 205px;gap:12px}.town figure{position:relative;overflow:hidden;margin:0;border-radius:10px}.town .wide{grid-row:span 2}.town img{width:100%;height:100%;object-fit:cover}.town figcaption{position:absolute;left:10px;bottom:10px;padding:5px 7px;border-radius:4px;background:#0b141bc9;font-size:.6rem}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collections>a{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none}.collections img{display:block;width:100%;height:235px;object-fit:cover}.collections span{display:block;padding:18px}.collections small,.collections b,.collections em{display:block}.collections small{color:var(--gold);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.collections b{margin:7px 0 23px}.collections em{color:var(--muted);font-size:.68rem;font-style:normal}.collections .paperframe{padding:11px;color:var(--ink);background:var(--paper);transform:rotate(-.5deg)}.collections .paperframe img{height:213px}.collections .paperframe small,.collections .paperframe em{color:#756b5b}.activations{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;padding:85px 0;border-top:1px solid var(--line)}.activations ol{margin:0;padding:0;list-style:none}.activations li{display:grid;grid-template-columns:135px 1fr auto;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:.78rem}.activations time{color:#8294a1;font:700 .68rem monospace}.activations a{color:var(--gold);text-decoration:none}footer{display:grid;grid-template-columns:1.2fr 1fr 1.2fr auto;gap:28px;align-items:center;padding:38px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;line-height:1.55}footer div{display:flex;align-items:center;gap:10px}footer img{width:52px}footer b{color:white;letter-spacing:.08em}footer a{text-decoration:none}
@media(max-width:900px){.header{flex-wrap:wrap}.header p{margin-right:0}.menub{display:block;margin-left:auto;padding:7px 10px;border:1px solid var(--line);border-radius:6px;color:white;background:none}.header nav{display:none;width:100%;justify-content:flex-start}.header nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:0}.lupin{width:min(450px,90%);margin:auto}.onair{grid-template-columns:1fr}.station{grid-template-columns:1.2fr 1fr}.station .paper{grid-column:1/-1;min-height:250px}.software{grid-template-columns:1fr auto}.software ul{grid-row:2;grid-column:1/-1}.collections{grid-template-columns:1fr 1fr}.collections>a:last-child{grid-column:1/-1}footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.site{padding:0 14px}.brand img{width:115px}.hero{padding:55px 0 80px}.hero h1{font-size:3rem}.story{grid-template-columns:1fr;gap:30px;padding:70px 0}.onair{padding:25px 18px;margin-bottom:70px}.stamps{grid-template-columns:1fr 1fr}.album{min-height:390px}.block{padding:70px 0}.station{grid-template-columns:1fr}.station .paper{grid-column:auto}.software{grid-template-columns:1fr;padding:28px 8px}.software>a{grid-column:1}.split{display:block}.split>p{margin-top:17px}.town{display:flex;overflow-x:auto}.town figure{flex:0 0 82%;height:310px}.collections{grid-template-columns:1fr}.collections>a:last-child{grid-column:auto}.activations{grid-template-columns:1fr;gap:20px}.activations li{grid-template-columns:1fr auto}.activations li span{grid-row:2;grid-column:1/-1}footer{grid-template-columns:1fr}.facts li{min-width:75px;padding:0 14px}}

/* Postales: conservar la portada y recorrer la colección en un visor. */
.postales-open { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.postales-open:focus-visible { outline: 3px solid var(--gold); outline-offset: -3px; }
.town figcaption { pointer-events: none; }
#postales-dialog { width: min(1000px, 95vw); max-height: 94vh; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); color: var(--text); }
#postales-dialog::backdrop { background: #081016ed; }
.postales-controls { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 12px; }
.postales-controls button { padding: 9px 12px; border: 1px solid #435866; border-radius: 6px; background: var(--panel); color: var(--text); cursor: pointer; }
.postales-controls button:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
#postales-image { display: block; width: 100%; height: 65vh; object-fit: scale-down; }
#postales-caption { height: 3em; overflow: auto; margin-bottom: 0; text-align: center; font-size: .8rem; }