:root{--lime:#d4ff3f;--cyan:#43d9ff;--white:#f8f9ff;--muted:#a9adc5}*{box-sizing:border-box}html{min-height:100%;background:#080b17}body{margin:0;min-height:100vh;color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.backdrop{position:fixed;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(7,9,20,.95),rgba(7,9,20,.76)),linear-gradient(0deg,rgba(7,9,20,.84),transparent 70%),url('../img/fondo.jpg') center/cover no-repeat}.backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 35%,rgba(115,48,188,.26),transparent 48%),radial-gradient(ellipse at 12% 78%,rgba(30,150,168,.16),transparent 44%)}.grain{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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='.25'/%3E%3C/svg%3E")}.app-shell{max-width:1250px;margin:auto;padding:0 38px}.topbar{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:var(--lime);color:#101520;font-size:20px;box-shadow:0 0 35px rgba(212,255,63,.2)}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-1.5px;line-height:1}.brand-copy strong span{color:var(--lime)}.brand-copy small{font-size:9px;font-weight:800;letter-spacing:2px;color:#a8abc1;margin-top:6px}.top-actions{display:flex;align-items:center;gap:22px}.live-pill,.on-air{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:1.5px}.live-pill{padding:11px 14px;border:1px solid rgba(212,255,63,.25);border-radius:30px;background:rgba(212,255,63,.09);color:var(--lime)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(212,255,63,.11);animation:pulse 1.5s infinite}.clock{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:20px;letter-spacing:1px}@keyframes pulse{50%{opacity:.5}}.main-content{padding-top:57px}.eyebrow,.side-kicker,.quick-label{font-size:10px;font-weight:800;letter-spacing:2.3px;color:var(--lime)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{width:22px;height:2px;background:var(--lime)}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(37px,5vw,68px);line-height:1.03;letter-spacing:-3px;margin:19px 0 14px;font-weight:700}h1 em{font-style:normal;color:var(--lime)}.intro p{color:#b6b9cd;font-size:15px;margin:0;max-width:600px}.player-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.82fr);gap:22px;margin-top:40px}.player-card,.side-panel{border:1px solid rgba(255,255,255,.16);border-radius:23px;background:linear-gradient(145deg,rgba(30,34,57,.83),rgba(11,14,30,.88));box-shadow:0 25px 80px rgba(0,0,0,.3);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.player-card{overflow:hidden;display:flex;flex-direction:column;min-height:505px}.card-top{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 8px}.card-top>span:first-child{font-size:11px;font-weight:800;letter-spacing:2px;color:#c7c9d7}.card-top i{color:var(--lime);margin-right:8px}.on-air{color:var(--lime)}.radio-stage{position:relative;flex:1;min-height:355px;isolation:isolate}.stage-glow{position:absolute;inset:8% 10%;border-radius:50%;background:radial-gradient(ellipse,rgba(122,73,255,.22),transparent 68%);filter:blur(20px);z-index:-1}#player{width:100%;height:100%;min-height:355px;position:relative}#player .load-error{padding:80px 30px;text-align:center;color:#fff}.player-caption{display:flex;align-items:center;gap:13px;margin:0 26px 24px;padding:16px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.caption-icon{width:42px;height:42px;border-radius:12px;background:rgba(212,255,63,.12);color:var(--lime);display:grid;place-items:center}.player-caption>div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.player-caption strong{font-size:14px}.player-caption span{font-size:11px;color:#a6a9bd}.equalizer{height:23px;display:flex;align-items:center;gap:3px}.equalizer i{width:3px;height:10px;background:var(--lime);border-radius:4px;animation:eq .9s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:.15s}.equalizer i:nth-child(3){animation-delay:.45s}.equalizer i:nth-child(4){animation-delay:.25s}.equalizer i:nth-child(5){animation-delay:.6s}@keyframes eq{to{height:23px}}.side-panel{padding:34px;display:flex;flex-direction:column}.side-panel h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(35px,3.6vw,52px);line-height:1.02;letter-spacing:-2.5px;margin:20px 0}.side-panel h2 span{color:var(--lime)}.side-panel>p{font-size:13px;line-height:1.8;color:#afb2c6;margin:0}.side-divider{border-top:1px solid rgba(255,255,255,.13);margin:25px 0}.quick-label{color:#c5c7d5;font-size:10px}.social-grid{display:flex;gap:10px;margin:16px 0 26px;flex-wrap:wrap}.social-grid a{height:40px;width:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:rgba(255,255,255,.055);transition:background .2s,transform .2s}.social-grid a:hover{background:rgba(212,255,63,.2);transform:translateY(-3px)}.app-link{display:flex;align-items:center;gap:13px;padding:17px;border-radius:13px;background:var(--lime);color:#0b1017;transition:transform .2s}.app-link:hover{transform:translateY(-2px)}.app-link>i:first-child{font-size:24px}.app-link span{font-size:11px;font-weight:800;letter-spacing:.5px;flex:1}.app-link small{display:block;font-size:10px;font-weight:500;letter-spacing:0;margin-top:4px}.app-arrow{transform:rotate(45deg)}.ad-link{margin-top:19px;display:flex;align-items:center;gap:10px;color:#c6c9d9;font-size:12px}.ad-link .fa-arrow-right{margin-left:auto}.bottom-strip{display:flex;justify-content:space-between;gap:15px;padding:28px 3px;font-size:10px;letter-spacing:1.4px;font-weight:800;color:#b3b5c8}.bottom-strip i{color:var(--lime);margin:0 6px}footer{border-top:1px solid rgba(255,255,255,.12);padding:22px 0 28px;font-size:10px;color:#858aa3;letter-spacing:1.5px}.footer-separator{padding:0 12px;color:var(--lime)}@media(max-width:850px){.app-shell{padding:0 22px}.player-layout{grid-template-columns:1fr}.side-panel{padding:28px}.player-card{min-height:470px}.main-content{padding-top:42px}.bottom-strip{flex-wrap:wrap}}@media(max-width:520px){.app-shell{padding:0 14px}.topbar{height:82px}.brand-mark{width:40px;height:40px}.brand-copy strong{font-size:21px}.brand-copy small{font-size:7px;letter-spacing:1.5px}.top-actions{gap:10px}.live-pill{font-size:9px;padding:8px}.clock{font-size:15px}.main-content{padding-top:33px}h1{letter-spacing:-1.8px;font-size:39px}.intro p{font-size:13px;line-height:1.6}.player-layout{margin-top:25px;gap:16px}.player-card{min-height:430px;border-radius:17px}.card-top{padding:20px 18px 0}.radio-stage,#player{min-height:315px}.player-caption{margin:0 14px 15px;padding:12px}.side-panel{border-radius:17px}.bottom-strip{font-size:9px;line-height:1.8}footer{line-height:1.8}}