:root {color-scheme:dark;--violet:#cc35ff;--blue:#00aeff;--gold:#ffc92c;--ink:#07051b}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;min-height:100vh;color:#eaeaff;font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 25% 15%,#09217d 0,transparent 43%),radial-gradient(ellipse at 80% 65%,#32105b 0,transparent 35%),linear-gradient(160deg,#020513,#0c0632 52%,#08041a);overflow-x:hidden}
button,a {-webkit-tap-highlight-color:transparent}
a{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.23}
.ambient-one{width:420px;height:420px;background:#0868fd;left:-180px;top:25%}
.ambient-two{width:360px;height:360px;background:#e100f7;right:-150px;bottom:15%}
.site-topbar{display:flex;align-items:center;justify-content:space-between;max-width:1060px;margin:0 auto;padding:17px 24px 12px;gap:14px}
.mini-brand{display:flex;align-items:center;gap:11px;font-size:15px;text-decoration:none;font-weight:600;letter-spacing:.01em;min-width:0}
.mini-brand strong{color:var(--gold)}
.mini-brand-mark{flex-shrink:0;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;font-size:12px;font-weight:900;color:#17112c;background:linear-gradient(125deg,#fff2a4,#ffb720 50%,#f67205);box-shadow:0 0 18px #ffb92044}
.on-air-label{display:flex;align-items:center;gap:8px;border:1px solid #ffffff20;border-radius:100px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:.14em;white-space:nowrap;background:#070a2985}
.on-air-dot{width:8px;height:8px;border-radius:100%;background:#36ed82;box-shadow:0 0 0 4px #2bfc5c1c,0 0 10px #32f97c;animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px #2bfc5c08,0 0 20px #32f97c}}
.main-area{max-width:1080px;margin:0 auto;padding:0 16px 65px}
.poster-container{max-width:760px;margin:0 auto}
.poster-frame{position:relative;width:100%;filter:drop-shadow(0 0 25px #006eff26)}
.poster-img{width:100%;height:auto;display:block;user-select:none;-webkit-user-drag:none}
.poster-link{position:absolute;z-index:3;display:block;border-radius:8px;outline-offset:3px}
.poster-link:focus-visible{outline:3px solid #fff;box-shadow:0 0 25px #0bf}
.email-hit{left:13%;top:79%;width:46%;height:6%}
.phone-hit{left:66%;top:79%;width:32%;height:6%}
.art-play{position:absolute;left:50%;top:88.9%;transform:translate(-50%,-50%);z-index:4;display:grid;place-items:center;width:14.4%;aspect-ratio:1;border-radius:50%;border:3px solid #23caff;color:#fff;cursor:pointer;background:radial-gradient(circle at 40% 30%,#2a2273 0%,#08091d 66%);box-shadow:0 0 0 3px #d230f599,0 0 28px #00c8ff,0 0 35px #e02bfa77,inset 0 0 15px #4245bb;transition:transform .2s,box-shadow .2s}
.art-play svg{width:41%;height:41%;fill:currentColor;filter:drop-shadow(0 0 7px #ffffff91)}
.art-play .icon-play{margin-left:5%}
.art-play .icon-pause{display:none}
.art-play.is-playing .icon-play{display:none}
.art-play.is-playing .icon-pause{display:block}
.art-play:hover{transform:translate(-50%,-50%) scale(1.09);box-shadow:0 0 0 4px #e12affcc,0 0 40px #19c9ff,0 0 54px #e02bfa}
.art-play:focus-visible{outline:4px solid white;outline-offset:7px}
.art-play:disabled{cursor:wait;opacity:.8}
.listen-panel{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto;padding:12px 18px;border-radius:18px;border:1px solid #36a9f233;background:#0a1236bb;color:#e8f8ff;text-align:center;font-size:13px;font-weight:600;min-height:45px;box-shadow:inset 0 1px 0 #ffffff13}
.signal-icon{height:17px;display:flex;align-items:end;gap:3px}
.signal-icon span{display:block;width:3px;height:5px;background:#4dd7ff;border-radius:2px}
.signal-icon span:nth-child(2){height:13px}.signal-icon span:nth-child(3){height:8px}.signal-icon span:nth-child(4){height:17px}
body.is-playing .signal-icon span{animation:bounce 700ms ease-in-out infinite alternate}
body.is-playing .signal-icon span:nth-child(2){animation-delay:200ms}body.is-playing .signal-icon span:nth-child(3){animation-delay:400ms}body.is-playing .signal-icon span:nth-child(4){animation-delay:130ms}
@keyframes bounce{to{height:4px}}
.footer-info{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;text-align:center;margin:20px 0 0;font-size:12px;color:#acb4d5}
.footer-info a{color:#bbdfff;text-underline-offset:3px}
.floating-whatsapp{position:fixed;z-index:20;bottom:25px;right:24px;display:flex;align-items:center;gap:10px;border-radius:100px;padding:13px 17px;color:white;text-decoration:none;font-size:14px;font-weight:800;background:#1bc963;border:2px solid #acffd0;box-shadow:0 6px 36px #0df77759,0 5px 21px #000b;transition:transform .2s ease,box-shadow .2s ease}
.floating-whatsapp svg{width:25px;height:25px;display:block}
.floating-whatsapp:hover{transform:translateY(-4px);box-shadow:0 8px 44px #0df7778c}
.floating-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:600px){.site-topbar{padding:12px 14px 8px}.mini-brand{font-size:12px;gap:7px}.mini-brand-mark{width:30px;height:30px;font-size:11px;border-radius:9px}.on-air-label{font-size:9px;padding:7px 9px}.main-area{padding:0 0 83px}.poster-container{width:100%}.listen-panel{border-radius:0;border-left:0;border-right:0;font-size:12px;min-height:48px}.art-play{border-width:2px;box-shadow:0 0 0 2px #d230f599,0 0 19px #00c8ff,0 0 28px #e02bfa77}.footer-info{padding:0 18px;line-height:1.5;margin-top:16px}.footer-info>span[aria-hidden]{display:none}.footer-info span:last-child{width:100%}.floating-whatsapp{right:15px;bottom:16px;padding:12px;border-radius:50%;width:57px;height:57px;justify-content:center}.floating-whatsapp span{display:none}.floating-whatsapp svg{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}