@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#080813;--text:#f7f4ff;--mist:#dad7e8;--violet:#a693f1;--violetbright:#d3c1ff;--line:rgba(226,214,255,.22);--font:Manrope,Inter,'Segoe UI',sans-serif;--serif:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:2px solid #e1c9ff;outline-offset:5px}::selection{background:#735ecb;color:#fff}
/* PORTADA: la imagen facilitada se muestra a pantalla completa en la primera pantalla. */
.portal-body{min-height:100svh;overflow-x:hidden;background:#080713}.portal-scene{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.portal-backdrop{position:absolute;inset:-3%;background-image:url('../assets/portal-paisaje-4k.webp');background-size:cover;background-position:center center;transform:scale(1.05);animation:sceneAwaken 3s ease-out both,sceneBreathe 23s ease-in-out 3s infinite alternate;will-change:transform}.portal-colorwash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,12,.84) 0%,rgba(5,5,14,.63) 29%,rgba(6,5,15,.18) 51%,rgba(5,4,14,.01) 75%),linear-gradient(0deg,rgba(3,3,11,.58),transparent 30%,rgba(5,4,15,.27) 100%)}.portal-vignette{position:absolute;inset:0;box-shadow:inset 0 0 22vw rgba(2,2,8,.21),inset 0 -10vh 17vh rgba(2,2,9,.22)}.portal-grain,.site-grain{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".75" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".32"/%3E%3C/svg%3E');background-size:150px 150px}.portal-shell{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;isolation:isolate}.portal-header{width:100%;padding:30px clamp(28px,5.2vw,100px);display:flex;align-items:center;justify-content:space-between;gap:22px}.portal-brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:clamp(13px,1.2vw,18px);letter-spacing:.18em;white-space:nowrap;text-shadow:0 2px 24px #08050e}.portal-brand-thin{font-weight:400;letter-spacing:.14em}.portal-brand-symbol{font-size:29px;color:#c7a8ff;font-weight:400;filter:drop-shadow(0 0 9px #937fe2)}.portal-header-side{display:flex;align-items:center;gap:clamp(22px,3vw,60px)}.portal-author{color:rgba(239,232,255,.72);font-size:10px;letter-spacing:.19em;white-space:nowrap}.portal-author strong{font-weight:800;color:#fff}.portal-header-link{font-size:11px;letter-spacing:.15em;font-weight:800;border:1px solid rgba(234,222,255,.3);padding:14px 20px;background:rgba(11,9,27,.23);backdrop-filter:blur(10px);transition:background .3s,border-color .3s}.portal-header-link:hover{background:rgba(134,109,211,.24);border-color:#c7b2ff}.portal-header-link span{margin-left:14px;color:#d5baff}.portal-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:5vw;padding:3vh clamp(28px,6.5vw,124px) 8vh;min-height:700px}.portal-copy{width:min(650px,49vw);margin-top:-1.5vh}.portal-kicker{display:flex;align-items:center;gap:12px;margin:0 0 24px;font-size:11px;letter-spacing:.27em;color:#d8ccff;font-weight:750}.pulse-point{width:7px;height:7px;border-radius:50%;background:#c8abff;box-shadow:0 0 18px #a18aff;animation:pointBlink 2.8s infinite}.portal-title{font-family:var(--serif);font-weight:500;letter-spacing:-.042em;line-height:.79;margin:0;font-size:clamp(81px,9vw,177px);text-shadow:0 12px 56px rgba(0,0,0,.4)}.portal-title>span{display:block}.portal-title-second{font-size:.75em;letter-spacing:-.055em;margin-top:.16em;white-space:nowrap}.portal-title-second i{font-style:normal;font-size:.43em;vertical-align:.3em;letter-spacing:-.03em;margin-right:.05em}.portal-title-rule{margin:31px 0 23px;display:flex;align-items:center;gap:12px;width:min(410px,100%);color:#b99aff}.portal-title-rule span{height:1px;flex:1;background:linear-gradient(90deg,rgba(186,162,255,.57),rgba(184,172,255,.09))}.portal-title-rule span:last-child{background:linear-gradient(90deg,rgba(184,172,255,.09),rgba(186,162,255,.57))}.portal-title-rule b{font-size:10px;font-weight:400}.portal-quote{font-family:var(--serif);font-style:italic;font-size:clamp(27px,2.45vw,45px);line-height:1.04;font-weight:400;margin:0 0 17px;text-shadow:0 2px 20px #03030b}.portal-description{color:#ccc5e2;line-height:1.65;font-size:clamp(13px,1vw,16px);font-weight:400;margin:0;max-width:470px}.portal-cta-row{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:34px}.portal-primary-cta{display:inline-flex;align-items:center;gap:28px;padding:19px 20px 19px 24px;font-size:11px;font-weight:800;letter-spacing:.16em;border:1px solid rgba(210,189,255,.77);background:linear-gradient(125deg,rgba(88,52,156,.37),rgba(18,12,45,.68));box-shadow:0 0 44px rgba(147,104,240,.1),inset 0 0 23px rgba(190,161,255,.07);backdrop-filter:blur(15px);transition:transform .3s,box-shadow .3s,background .3s}.portal-primary-cta:hover{transform:translateY(-3px);background:rgba(109,79,188,.55);box-shadow:0 10px 50px rgba(162,120,244,.26)}.cta-arrow{font-size:19px;color:#d8b8ff;font-weight:400}.portal-secondary-cta{font-size:10px;font-weight:800;letter-spacing:.16em;color:#ede6ff;border-bottom:1px solid rgba(220,194,255,.4);padding:11px 0}.portal-secondary-cta span{color:#c3aaff;margin-left:8px}.portal-chronometer{align-self:flex-end;margin-bottom:14vh;display:grid;gap:10px;justify-items:end;text-align:right;max-width:240px;opacity:.9}.chrono-tag{letter-spacing:.23em;font-size:9px;color:#d8c5ff}.portal-chronometer strong{font-family:var(--serif);font-size:clamp(80px,8vw,140px);line-height:.8;font-weight:400;text-shadow:0 0 40px #19102f}.portal-chronometer strong span{font-size:15px;font-family:var(--font);vertical-align:middle;letter-spacing:.2em;margin-left:8px}.chrono-desc{font-size:9px;letter-spacing:.16em;color:#ddd3f6}.portal-footer{margin-top:auto;padding:23px clamp(28px,5.2vw,100px);display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid rgba(220,203,255,.19);background:rgba(7,6,17,.29);backdrop-filter:blur(12px);font-size:9px;letter-spacing:.17em;color:#cdc5e2}.portal-footer-left{display:flex;align-items:center;gap:11px}.footer-spark{color:#c2a5fa;font-size:22px;line-height:0}.portal-footer-middle{opacity:.65}.portal-footer-right{color:#fff;font-weight:800}.portal-footer-right span{margin-left:7px;color:#c9acff}.entrance{animation:riseIn 1.15s cubic-bezier(.2,.65,.2,1) both}.entrance--1{animation-delay:.12s}.entrance--2{animation-delay:.4s}.entrance--3{animation-delay:.55s}.entrance--4{animation-delay:.8s}.entrance--5{animation-delay:1.05s}.entrance--6{animation-delay:1.25s}.entrance--7{animation-delay:1.6s}.transition-overlay{position:fixed;z-index:30;inset:0;background:radial-gradient(circle at 50% 55%,#3b275a,#080714 70%);opacity:0;visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#d9ceff;letter-spacing:.3em;font-size:11px;pointer-events:none;transition:opacity .56s ease,visibility .56s}.transition-overlay .transition-sigil{font-size:80px;filter:drop-shadow(0 0 20px #bb99ff);animation:slowSpin 7s linear infinite}.transition-overlay.is-visible{opacity:1;visibility:visible}.portal-body.is-leaving .portal-scene{filter:brightness(1.5)}
@keyframes sceneAwaken{from{transform:scale(1.13);filter:brightness(.84) saturate(.86)}to{transform:scale(1.05);filter:brightness(1) saturate(1)}}@keyframes sceneBreathe{from{transform:scale(1.05)}to{transform:scale(1.095)}}@keyframes rayHeartbeat{0%,100%{opacity:.38;filter:blur(12px)}50%{opacity:.92;filter:blur(9px)}}@keyframes glowHeartbeat{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.87)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes shockwave{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}9%{opacity:.35}60%,100%{opacity:0;transform:translate(-50%,-50%) scale(6.1)}}@keyframes riseIn{from{opacity:0;transform:translateY(21px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes pointBlink{0%,100%{opacity:.55;box-shadow:0 0 6px #a18aff}50%{opacity:1;box-shadow:0 0 18px #b19aff}}@keyframes slowSpin{to{transform:rotate(360deg)}}
/* PÁGINA PRINCIPAL */
.site-body{overflow-x:hidden;background:#090914}.site-grain{position:fixed;z-index:12;opacity:.075}.site-header{position:absolute;z-index:11;left:0;right:0;top:0;border-bottom:1px solid rgba(220,208,255,.15);background:linear-gradient(180deg,rgba(5,5,15,.75),transparent)}.site-header-inner{max-width:1530px;margin:auto;padding:21px clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:.16em;font-size:15px}.brand small{display:block;font-size:11px;letter-spacing:.2em;font-weight:500;margin-top:2px}.brand-mark{width:28px;height:28px;border:1px solid rgba(196,169,255,.8);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 19px rgba(152,112,255,.26)}.brand-mark:before{content:'';width:5px;height:23px;background:#ccb7ff;position:absolute;box-shadow:0 0 8px #b5a0ff}.brand-mark span{width:19px;height:1px;background:#c9b3ff;display:block}.site-nav{display:flex;align-items:center;gap:clamp(17px,2vw,38px)}.site-nav a{font-size:10px;letter-spacing:.14em;font-weight:800;transition:color .25s}.site-nav a:hover{color:#cdb7ff}.site-nav .nav-highlight{padding:13px 18px;border:1px solid rgba(208,183,255,.5);color:#e5d7ff}.mobile-menu-button{display:none;background:transparent;border:0;cursor:pointer;padding:8px}.mobile-menu-button span{display:block;width:24px;height:2px;background:white;margin:4px 0}.wrap{max-width:1510px;margin:0 auto;padding:0 clamp(24px,5.5vw,86px)}.main-hero{position:relative;min-height:780px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 76% 30%,#292347,#0b091b 72%)}.main-hero-art{position:absolute;inset:0;background:url('../assets/portal-paisaje-4k.webp') center 40%/cover no-repeat;opacity:.41;filter:saturate(.85)}.main-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,18,.97) 0%,rgba(8,8,21,.83) 41%,rgba(8,8,21,.37) 72%,rgba(8,8,21,.55))}.main-hero-content{width:100%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-top:158px;padding-bottom:86px;position:relative}.hero-left{max-width:700px}.section-kicker,.section-no,.small-legend{font-size:11px;font-weight:800;letter-spacing:.2em;color:#b7a2ea}.section-kicker{display:flex;align-items:center;gap:10px;margin:0 0 25px}.hero-left h1{font-family:var(--serif);font-size:clamp(74px,8vw,152px);font-weight:500;line-height:.83;letter-spacing:-.04em;margin:0 0 29px}.hero-left h1 i{font-weight:400;color:#d5c1fa}.main-hero-lead{font-size:16px;color:#dfd9ed;line-height:1.8;max-width:520px}.main-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}.filled-cta,.outlined-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 22px;border:1px solid #ad91eb;background:rgba(120,82,198,.27);font-size:11px;font-weight:800;letter-spacing:.13em;color:#fff;cursor:pointer;transition:transform .25s,background .25s}.filled-cta:hover,.outlined-cta:hover{transform:translateY(-2px);background:rgba(144,105,226,.5)}.line-cta,.text-link{font-size:11px;letter-spacing:.13em;font-weight:800;color:#e2d4ff}.book-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.book-glow{position:absolute;width:120%;height:100%;background:radial-gradient(ellipse,rgba(132,94,225,.27),transparent 60%);filter:blur(25px)}.book-tilt{position:relative;max-width:min(360px,75%);padding:0;border:0;background:transparent;cursor:zoom-in;transform:perspective(1100px) rotateY(-9deg) rotateX(3deg);box-shadow:27px 25px 60px rgba(0,0,0,.65),0 0 70px rgba(184,133,255,.13);transition:transform .45s,box-shadow .45s}.book-tilt:hover{transform:perspective(1100px) rotateY(-1deg) rotateX(0deg) translateY(-7px);box-shadow:18px 30px 70px rgba(0,0,0,.7),0 0 80px rgba(184,133,255,.25)}.book-tilt img{width:100%}.book-stage>p{font-size:10px;letter-spacing:.19em;color:#f2eafe;margin-top:23px}.muted{color:#aaa4c1}.hero-bottom-rule{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#775db2,transparent)}section:not(.main-hero){padding:110px 0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:65px}.section-no{white-space:nowrap}.section-heading-rule{flex:1;height:1px;background:rgba(197,171,241,.23)}.section-end{font-size:9px;color:#9a93b2;letter-spacing:.14em}.world-section{background:#0b0b17}.world-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:center}.world-intro h2,.gallery-intro h2,.author-grid h2,.beta-grid h2{font-family:var(--serif);font-size:clamp(58px,6vw,104px);font-weight:500;line-height:.98;letter-spacing:-.04em;margin:15px 0 27px}.world-intro h2 em,.gallery-intro h2 em,.author-grid h2 em,.beta-grid h2 em{color:#c3a5fb;font-weight:400}.world-intro>p:not(.small-legend),.gallery-intro p,.author-grid p,.beta-grid p{color:#bbb6cf;font-size:15px;line-height:1.9;max-width:540px}.world-intro .text-link{display:inline-block;margin-top:22px}.world-art{height:clamp(350px,33vw,540px);position:relative;overflow:hidden;border:1px solid rgba(208,184,249,.24)}.world-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.world-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,9,22,.62),transparent 43%)}.image-stamp{position:absolute;z-index:2;bottom:24px;left:25px;font-size:10px;letter-spacing:.17em}.image-stamp b{margin-left:12px;color:#e8dfff}.story-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);margin-top:75px;padding-top:31px}.story-stats>div{display:flex;gap:13px;align-items:center}.story-stats strong{font-family:var(--serif);font-weight:400;font-size:61px;color:#dec7ff;line-height:1}.story-stats span{font-size:10px;letter-spacing:.12em;line-height:1.6;color:#a9a3be;max-width:150px}.gallery-section{background:#090a15}.gallery-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:49px}.gallery-intro h2{margin:0}.gallery-intro p{max-width:350px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.art-card{position:relative;display:block;overflow:hidden;cursor:zoom-in;border:1px solid rgba(212,186,247,.18);padding:0;background:#16111e;aspect-ratio:2/3;text-align:left}.art-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.art-card:hover img{transform:scale(1.045);filter:brightness(.8)}.art-card-overlay{position:absolute;inset:auto 0 0;padding:55px 19px 18px;background:linear-gradient(transparent,rgba(6,5,17,.92));display:flex;flex-direction:column;gap:8px}.art-card-overlay>span{font-size:9px;letter-spacing:.17em;color:#d7c4ff}.art-card-overlay strong{font-family:var(--serif);font-size:32px;font-weight:500;letter-spacing:-.02em}.art-card-overlay .art-open{margin-top:4px;font-size:9px}.author-section{background:#111021}.author-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.author-grid h2{margin:10px 0}.beta-section{background:linear-gradient(120deg,#0b0a16,#191227)}.beta-grid{display:grid;grid-template-columns:.9fr .75fr;justify-content:space-between;gap:60px;align-items:center}.beta-grid h2{margin-bottom:24px}.beta-poster{width:min(420px,100%);justify-self:end;padding:0;border:1px solid rgba(212,179,246,.18);background:none;cursor:zoom-in;box-shadow:0 30px 80px rgba(0,0,0,.42)}.beta-poster img{width:100%}.outlined-cta{margin-top:18px}.site-footer{background:#070711;border-top:1px solid rgba(204,187,247,.18)}.site-footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px}.site-footer-grid>span,.site-footer-grid>a:last-child{font-size:10px;letter-spacing:.14em;color:#a6a0b7}.image-modal{position:fixed;z-index:25;inset:0;background:rgba(3,3,12,.96);display:none;align-items:center;justify-content:center;padding:35px}.image-modal.is-open{display:flex}.image-modal figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}.image-modal figure img{max-width:90vw;max-height:80vh;object-fit:contain;box-shadow:0 15px 65px #0008}.image-modal figcaption{font-size:11px;letter-spacing:.1em;color:#d2c6eb}.modal-close{position:absolute;top:18px;right:30px;border:1px solid #82739e;background:#191326;color:white;padding:8px 13px;cursor:pointer}
@media (max-width:1200px){.portal-content{min-height:620px}.portal-chronometer{display:none}.portal-copy{width:min(680px,68vw)}.portal-title{font-size:clamp(78px,11vw,135px)}.portal-footer-middle{display:none}.site-nav{gap:15px}.site-nav a{font-size:9px}}
@media (max-width:780px){.portal-header{padding:20px 22px}.portal-brand{font-size:13px;letter-spacing:.1em}.portal-brand-symbol{font-size:25px}.portal-author{display:none}.portal-header-link{padding:11px 12px;font-size:9px}.portal-header-link span{margin-left:5px}.portal-content{min-height:auto;align-items:flex-start;padding:14vh 24px 16vh;flex:1}.portal-copy{width:100%;max-width:570px}.portal-title{font-size:clamp(69px,15.4vw,115px)}.portal-title-second{font-size:.75em}.portal-kicker{font-size:9px;letter-spacing:.2em}.portal-quote{font-size:clamp(25px,5.8vw,38px)}.portal-description{font-size:13px}.portal-colorwash{background:linear-gradient(90deg,rgba(4,3,13,.73),rgba(4,3,13,.42) 60%,rgba(4,3,13,.3)),linear-gradient(0deg,rgba(4,3,12,.6),transparent 70%)}.portal-backdrop{background-position:50% center}.portal-footer{padding:18px 24px}.portal-footer-left{font-size:8px}.portal-footer-right{font-size:9px}.site-header-inner{padding:18px 24px}.mobile-menu-button{display:block}.site-nav{display:none;position:absolute;top:71px;right:16px;left:16px;flex-direction:column;align-items:stretch;padding:22px;background:#111023;border:1px solid var(--line);box-shadow:0 23px 46px #0009}.site-nav.is-open{display:flex}.site-nav a{font-size:12px;padding:11px}.main-hero{min-height:760px}.main-hero-content{grid-template-columns:1fr;padding-top:130px;padding-bottom:60px;gap:45px}.hero-left h1{font-size:clamp(65px,11vw,120px)}.book-stage{display:none}.world-grid,.author-grid,.beta-grid{grid-template-columns:1fr;gap:44px}.world-section,.gallery-section,.author-section,.beta-section{padding:72px 0!important}.section-header{margin-bottom:32px}.section-end{display:none}.gallery-intro{display:block}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:13px}.art-card-overlay strong{font-size:24px}.story-stats{grid-template-columns:1fr 1fr;gap:26px}.beta-poster{justify-self:start;width:min(400px,100%)}.site-footer-grid{flex-direction:column;align-items:flex-start}}
@media (max-width:520px){.portal-header-link{font-size:0;line-height:1}.portal-header-link span{font-size:16px;margin:0}.portal-content{padding-top:16vh;padding-bottom:11vh}.portal-title{font-size:clamp(59px,16.1vw,91px)}.portal-quote{line-height:1.14}.portal-cta-row{gap:17px;margin-top:30px}.portal-primary-cta{width:100%;max-width:335px;justify-content:space-between}.portal-secondary-cta{font-size:9px}.portal-footer-left{max-width:85%;line-height:1.65}.portal-footer-right{display:none}.gallery-grid{gap:10px}.art-card-overlay{padding:50px 10px 10px}.art-card-overlay strong{font-size:21px}.story-stats{grid-template-columns:1fr}.hero-left h1{font-size:66px}.world-intro h2,.gallery-intro h2,.beta-grid h2{font-size:54px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.portal-backdrop{transform:scale(1.05)}}
/* La imagen de portada conserva su proporción real al reducirse en el escenario 3D. */
.book-tilt{width:min(360px,75%)}
.book-tilt img{display:block;width:100%;height:auto}


/* SEÑALES / REDES SOCIALES — preparado para feed automático desde hosting */
.signals-section{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(113,78,194,.12),transparent 32%),linear-gradient(180deg,#0a0915,#0d0b18 72%,#0a0914);padding:100px 0;border-top:1px solid rgba(210,190,255,.09);border-bottom:1px solid rgba(210,190,255,.09)}
.signals-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(192,171,245,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(192,171,245,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}
.signals-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.62fr);gap:70px;align-items:end;margin-bottom:42px}
.signals-intro h2{margin:8px 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(56px,6.2vw,92px);line-height:.9;letter-spacing:-.045em}
.signals-intro h2 em{font-weight:400;color:#cbb8ff}
.signals-intro>p{margin:0;color:#aaa4bb;font-size:13px;line-height:1.85;max-width:480px}
.signal-networks{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px}
.signal-network{min-width:0;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:18px 19px;border:1px solid rgba(215,196,255,.16);background:linear-gradient(135deg,rgba(34,27,51,.82),rgba(14,13,26,.84));transition:border-color .25s,transform .25s,background .25s}
.signal-network:hover{transform:translateY(-2px);border-color:rgba(215,196,255,.38);background:linear-gradient(135deg,rgba(46,35,69,.9),rgba(16,14,29,.9))}
.signal-network-code{width:42px;height:42px;border:1px solid rgba(218,199,255,.28);display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:.12em;color:#e5d7ff;background:#130f22;box-shadow:inset 0 0 22px rgba(149,111,226,.08)}
.signal-network span:nth-child(2){min-width:0}.signal-network small{display:block;font-size:8px;letter-spacing:.19em;color:#9c93af;margin-bottom:5px}.signal-network strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eee8fb}.signal-network b{font-weight:400;color:#bca8ef}
.signal-toolbar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 0 18px;border-top:1px solid rgba(215,196,255,.1)}
.signal-filters{display:flex;flex-wrap:wrap;gap:8px}.signal-filter{border:1px solid rgba(215,196,255,.16);background:#0d0b18;color:#948da3;padding:9px 12px;cursor:pointer;font-size:8px;font-weight:700;letter-spacing:.15em;transition:.2s}.signal-filter:hover,.signal-filter.is-active{color:#efe9ff;border-color:rgba(207,184,255,.48);background:#1a1428}
.signal-sync{font-size:8px;letter-spacing:.15em;color:#7e788b;text-align:right}.signal-sync.is-live{color:#b9a3f0}.signal-sync.is-error{color:#ad8d93}
.signal-feed{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;min-height:160px}
.signal-card{position:relative;overflow:hidden;min-height:380px;border:1px solid rgba(215,196,255,.13);background:#100d1b;display:flex;flex-direction:column;transition:transform .3s,border-color .3s}
.signal-card:hover{transform:translateY(-3px);border-color:rgba(215,196,255,.3)}
.signal-card-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(circle at 60% 20%,#2c1e42,#0c0a15 65%)}
.signal-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .55s}.signal-card:hover .signal-card-media img{transform:scale(1.025);filter:brightness(.86)}
.signal-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(8,7,16,.9))}
.signal-card-network{position:absolute;z-index:2;top:13px;left:13px;border:1px solid rgba(231,219,255,.28);background:rgba(9,7,17,.72);backdrop-filter:blur(8px);padding:7px 9px;font-size:8px;font-weight:800;letter-spacing:.16em}
.signal-card-body{display:flex;flex:1;flex-direction:column;padding:16px 17px 18px}.signal-card-date{font-size:8px;letter-spacing:.14em;color:#81798f}.signal-card-text{font-size:12px;line-height:1.7;color:#d2ccda;margin:11px 0 18px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.signal-card-link{margin-top:auto;font-size:9px;font-weight:700;letter-spacing:.14em;color:#cbb6ff}.signal-empty{grid-column:1/-1;display:flex;gap:18px;align-items:center;padding:28px;border:1px dashed rgba(213,194,255,.2);background:rgba(19,15,31,.48)}
.signal-empty strong{font-size:10px;letter-spacing:.18em;color:#d7c5ff}.signal-empty p{margin:7px 0 0;max-width:760px;color:#8f899d;font-size:11px;line-height:1.7}.signal-pulse{width:10px;height:10px;border-radius:50%;background:#b79cf4;box-shadow:0 0 0 0 rgba(183,156,244,.4);animation:signalPulse 2.2s ease-out infinite;flex:none}@keyframes signalPulse{70%{box-shadow:0 0 0 14px rgba(183,156,244,0)}100%{box-shadow:0 0 0 0 rgba(183,156,244,0)}}
.footer-social{display:flex;gap:8px}.footer-social a{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(204,187,247,.18);font-size:8px;font-weight:800;letter-spacing:.06em;color:#afa6c1;transition:.2s}.footer-social a:hover{color:white;border-color:rgba(204,187,247,.5);background:#161124}
@media(max-width:980px){.signal-networks,.signal-feed{grid-template-columns:1fr 1fr}.signals-intro{grid-template-columns:1fr;gap:22px}.signals-intro>p{max-width:650px}.signal-network:last-child{grid-column:1/-1}}
@media(max-width:780px){.signals-section{padding:72px 0}.signal-networks,.signal-feed{grid-template-columns:1fr}.signal-network:last-child{grid-column:auto}.signal-toolbar{align-items:flex-start;flex-direction:column}.signal-sync{text-align:left}.signal-card{min-height:0}.signal-card-media{aspect-ratio:16/10}.footer-social{order:4}}
@media(max-width:520px){.signals-intro h2{font-size:54px}.signal-filters{gap:6px}.signal-filter{padding:8px 9px;font-size:7px}.signal-network{padding:14px}.signal-network-code{width:38px;height:38px}}

/* Control de audio de portada: únicamente viento ambiental. */
.portal-sound-toggle{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:rgba(242,236,255,.78);font:800 9px/1 var(--font);letter-spacing:.15em;padding:10px 4px;cursor:pointer;white-space:nowrap;transition:color .25s ease,opacity .25s ease}
.portal-sound-toggle:hover{color:#fff}.portal-sound-toggle[aria-pressed="false"]{opacity:.52}
.sound-mark{position:relative;display:inline-flex;align-items:center;gap:2px;width:18px;height:13px}.sound-mark i{display:block;width:2px;border-radius:2px;background:#cdb7ff;box-shadow:0 0 6px rgba(180,144,255,.55);animation:soundBar 1.25s ease-in-out infinite}.sound-mark i:nth-child(1){height:6px;animation-delay:-.25s}.sound-mark i:nth-child(2){height:12px;animation-delay:-.62s}.sound-mark i:nth-child(3){height:8px;animation-delay:-.9s}.portal-sound-toggle[aria-pressed="false"] .sound-mark i{animation:none;height:2px;box-shadow:none}
@keyframes soundBar{0%,100%{transform:scaleY(.38);opacity:.48}50%{transform:scaleY(1);opacity:1}}
@media (max-width:780px){.portal-header-side{gap:12px}.portal-sound-toggle{font-size:0;padding:9px 3px}.sound-mark{width:17px}}
@media (prefers-reduced-motion:reduce){.sound-mark i{animation:none}}