/*
Theme Name: El Altísimo Neon Radio
Theme URI: https://elaltisimo.com/
Author: Radio El Altísimo — Fuego en el Altar CCI
Description: Tema neón juvenil de Radio El Altísimo: splash con logo, reproductor en vivo con autoplay, programación, música, noticias en carrusel, clima por país, chat en tiempo real, sponsors y avisos legales.
Version: 2.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: el-altisimo-neon
*/
:root{--bg:#03051b;--panel:#060b27;--white:#f8f8ff;--muted:#c7cbe9;--pink:#ff00bd;--purple:#7c19ff;--blue:#00cfff;--orange:#ff9a00;--green:#13e65d;--grad:linear-gradient(100deg,#ff9a00,#ff2c75 50%,#a21fff)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;-webkit-text-size-adjust:100%;background:var(--bg);color:var(--white);font-family:Montserrat,Inter,Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{font-family:inherit}
.site-shell{overflow-x:clip;background:radial-gradient(ellipse at 50% 0,#14105a 0,var(--bg) 55%)}
.container{width:min(1560px,95%);margin:auto}
.screen-reader-text,.hp{position:absolute;left:-9999px}

/* Splash: logo transparente, sin caja */
#ean-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(2,3,15,.9);backdrop-filter:blur(8px);transition:opacity .6s,visibility .6s}
#ean-splash.hide{opacity:0;visibility:hidden}
.splash-glow{position:absolute;width:min(60vmin,420px);height:min(60vmin,420px);border-radius:50%;background:radial-gradient(circle,#ff00bd44,#7c19ff22 50%,transparent 70%);animation:breathe 3s ease-in-out infinite}
.splash-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;background:none;border:0;box-shadow:none;padding:0}
.splash-logo{width:min(230px,58vw);background:none;filter:drop-shadow(0 0 18px #ff00bd88);animation:splashin .9s cubic-bezier(.2,.9,.3,1) both}
.splash-bar{width:min(190px,50vw);height:3px;border-radius:3px;background:#ffffff22;overflow:hidden}
.splash-bar i{display:block;height:100%;width:0;background:var(--grad);box-shadow:0 0 10px var(--pink);animation:load 3.6s ease-out forwards}
#ean-enter{opacity:0;animation:fadein .5s 1s forwards;cursor:pointer;font-size:13px;padding:11px 24px}
@keyframes splashin{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
@keyframes load{to{width:100%}}@keyframes fadein{to{opacity:1}}@keyframes breathe{50%{transform:scale(1.12);opacity:.8}}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(3,5,27,.95);backdrop-filter:blur(14px)}
.header-inner{display:flex;align-items:center;gap:22px;min-height:88px}
.brand img{display:block;width:250px;max-height:74px;object-fit:contain}
.primary-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:clamp(6px,1.4vw,22px);font-size:14px;font-weight:700}
.primary-nav ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(4px,1vw,14px);list-style:none;margin:0;padding:0}
.primary-nav li{list-style:none;margin:0;padding:0;position:relative}.primary-nav li::marker{content:""}
.primary-nav li>a{display:block;white-space:nowrap}
.primary-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;list-style:none;margin:6px 0 0;padding:8px;background:#070b2b;border:1px solid #b25bff;border-radius:14px;box-shadow:0 0 16px #7c19ff88;z-index:60;flex-direction:column;align-items:stretch}
.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:flex}
.primary-nav a{padding:9px 16px;border-radius:30px;border:1px solid transparent;transition:.25s}
.primary-nav a:hover,.primary-nav .current-menu-item>a,.primary-nav .current_page_item>a{border-color:#bd48ff;box-shadow:0 0 8px var(--orange),0 0 16px var(--pink),inset 0 0 8px #ff00bd44}
.header-tools{display:flex;align-items:center;gap:14px}
.socials{display:flex;gap:10px;align-items:center}
.socials a{display:block;width:30px;height:30px;transition:transform .2s,filter .2s}.socials a:hover{transform:translateY(-2px);filter:drop-shadow(0 0 6px var(--pink))}
.socials svg{width:100%;height:100%}.socials.big a{width:36px;height:36px}
.search-toggle{background:none;border:0;color:#fff;width:30px;height:30px;padding:0;cursor:pointer;border-left:1px solid #ffffff33;padding-left:14px;box-sizing:content-box}
.search-toggle svg{width:24px;height:24px;display:block}
.header-search{padding:10px 0;background:#050821}.header-search input[type=search]{padding:9px 14px;border-radius:20px;border:1px solid #a944ff;background:#0a0f33;color:#fff}
.header-search input[type=submit]{padding:9px 16px;border-radius:20px;border:0;background:var(--grad);color:#fff;font-weight:800}
.neon-line{height:3px;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink),var(--orange),var(--blue));background-size:250% 100%;animation:flow 5s linear infinite;box-shadow:0 0 10px var(--pink),0 0 20px #5b00ff}
.mobile-menu-toggle{display:none;margin-left:auto;background:0;border:1px solid #9c35ff;color:#fff;border-radius:8px;padding:9px 12px}

/* Hero */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:stretch;padding:22px 0 14px}
.hero-copy{position:relative;min-height:280px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:20px 20px 20px 42%;container-type:inline-size;
 background:radial-gradient(ellipse at 70% 75%,#6a1bd1aa,#2a0d6b66 45%,transparent 75%),radial-gradient(ellipse at 95% 100%,#ff6a0044,transparent 50%),#080a35}
.hero-copy:before{content:"";position:absolute;left:0;top:0;bottom:0;width:50%;background:var(--hero) left center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent)}
.hero h1{position:relative;margin:0;font-style:italic;font-weight:900;text-transform:uppercase;line-height:1;font-size:26px;font-size:clamp(20px,4.6cqw,56px);letter-spacing:-.5px}
.hero h1 span{display:block;white-space:nowrap;filter:drop-shadow(0 3px 0 #0006);padding-right:.15em}
.h1-a{color:#fff}.h1-b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}
.hero-copy p{position:relative;margin:12px 0 0;font-size:13px;font-size:clamp(11px,2.5cqw,16px);font-style:italic;font-weight:600;line-height:1.35}

/* Live player */
.live-card{position:relative;padding:24px 26px 18px;border-radius:24px;background:linear-gradient(135deg,#0a0d33,#04061f);border:2px solid #ff3fd0;
 box-shadow:0 0 6px #ff3fd0,0 0 22px #ff00bd88,0 0 48px #4817ff66,inset 0 0 28px #1b1066;animation:neonpulse 3s ease-in-out infinite alternate}
.live-pill{display:inline-flex;align-items:center;gap:7px;border-radius:30px;background:#ff174b;padding:4px 12px;font-size:12px;font-weight:900;box-shadow:0 0 12px #ff174b}
.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff214f;box-shadow:0 0 10px #ff214f;animation:pulse 1.4s infinite}
.live-pill .live-dot{background:#fff;box-shadow:none}
.live-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:center;margin-top:6px}
.live-left h2{margin:0 0 10px;font-size:clamp(22px,2.3vw,34px);font-weight:800}.live-left h2 span{color:#ffb12b}
.live-row{display:flex;align-items:center;gap:20px}
.play-btn{flex:none;width:80px;height:80px;border-radius:50%;border:2px solid #ff7be8;background:linear-gradient(135deg,#ff3d8e,#9b00ff);cursor:pointer;display:grid;place-items:center;box-shadow:0 0 10px #ff00bd,0 0 28px #8a1fff,inset 0 0 14px #ffffff44;transition:transform .2s}
.play-btn:hover{transform:scale(1.07)}.play-btn svg{width:38px;height:38px;margin-left:4px}
.play-btn.playing{animation:ring 1.6s infinite}.play-btn.playing svg{margin:0}
.eq{flex:1;display:flex;align-items:center;justify-content:space-between;gap:3px;height:84px;min-width:0}
.eq i{flex:1;max-width:6px;height:var(--h);border-radius:5px;background:linear-gradient(0deg,#ff9a00,#ff2c75,#00cfff);box-shadow:0 0 8px #ff00bd88;animation:wave .7s ease-in-out infinite alternate;animation-delay:var(--d,0s)}
.eq.paused i{animation-play-state:paused}
.now-card{display:flex;gap:12px;align-items:center;min-width:0;padding:12px 14px;border:1.5px solid #0c8bff;border-radius:16px;background:#050b2b;box-shadow:0 0 14px #0c8bff55,inset 0 0 18px #0b1d5e}
.now-ico{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ff3d8e,#7c19ff);box-shadow:0 0 12px #ff00bd}.now-ico svg{width:28px;height:28px}
.now-card>div{min-width:0}.now-card small{display:block;color:#c86bff;font-size:12px;font-weight:600}.now-card strong{display:block;font-size:15px;line-height:1.25;margin:2px 0;overflow-wrap:anywhere}
.now-card span,.now-card em{display:block;font-size:12px;font-style:normal;color:#dfe3ff;overflow-wrap:anywhere}
.vol-row{display:flex;align-items:center;gap:12px;margin-top:16px}
.vol-row button{background:0;border:0;color:#fff;font-size:18px;cursor:pointer}
.vol-row input[type=range]{flex:1;height:6px;accent-color:#ff4bd7;cursor:pointer}
.status{font-size:12px;color:#d6dcff;white-space:nowrap;max-width:45%;overflow:hidden;text-overflow:ellipsis}

/* Panels */
.panel{position:relative;margin:18px auto;padding:22px;border-radius:20px;background:linear-gradient(135deg,#070c2b,#03051b);border:2px solid transparent;
 background-clip:padding-box;box-shadow:0 0 10px #5b1aff66,0 0 24px #ff00bd22}
.panel:before{content:"";position:absolute;inset:-2px;z-index:0;border-radius:inherit;padding:2px;pointer-events:none;background:linear-gradient(115deg,var(--blue),var(--purple),var(--pink),var(--orange),var(--purple),var(--blue));background-size:300% 100%;animation:flow 7s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.panel h2{margin:0;font-size:clamp(17px,1.5vw,24px);overflow-wrap:anywhere;font-weight:800;letter-spacing:-.3px}.panel h2 span{color:#ff5cce}
.panel h2 .ico{color:#ff5cce;margin-right:4px}.panel h2 .ico.wa{color:#ffb12b}
.ph{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-bottom:16px}.ph h2{min-width:0}.ph small{color:var(--muted);font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff66;border-radius:30px;padding:12px 22px;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(100deg,#ff9a00,#ff00bd,#6a12ff);box-shadow:0 0 12px #ff00bd77;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 22px #ff00bdcc}
.btn-outline{background:#060b27;border-color:#b25bff;box-shadow:0 0 10px #781bff77}.btn-sm{padding:8px 16px;font-size:11px}

/* Ahora al aire */
.on-air{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:center;padding:20px 26px}
.on-air-intro p{color:var(--muted);font-size:14px;margin:8px 0 16px}
.carousel{position:relative;min-width:0}
.track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:2px}
.track::-webkit-scrollbar{display:none}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1px solid #fff6;background:#050821e6;color:#fff;font-size:18px;line-height:1;cursor:pointer;z-index:3;box-shadow:0 0 8px #7c19ff}
.car-btn.prev{left:-8px}.car-btn.next{right:-8px}
.prog{position:relative;flex:0 0 calc((100% - 56px)/5);min-width:190px;height:122px;border-radius:12px;scroll-snap-align:start;overflow:hidden;display:flex;align-items:flex-end;background-size:cover;background-position:center;border:1.5px solid #ff9a00aa;box-shadow:0 0 10px #ff9a0044;transition:transform .25s,box-shadow .25s}
.prog:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#02051dee 5%,transparent 70%)}
.prog:hover{transform:translateY(-3px)}
.art-1{background-image:radial-gradient(circle at 55% 35%,#ffb347,transparent 40%),linear-gradient(135deg,#442002,#a64b00)}
.art-2{background-image:radial-gradient(circle at 70% 30%,#ff5fa0,transparent 40%),linear-gradient(135deg,#16124a,#8b1c6e);border-color:#ff3fd0aa}
.art-3{background-image:radial-gradient(circle at 50% 20%,#a45cff,transparent 45%),linear-gradient(135deg,#1c0b58,#4b1aa8);border-color:#00cfffaa}
.art-4{background-image:radial-gradient(circle at 50% 60%,#ffb347,transparent 40%),linear-gradient(135deg,#31122a,#a24300);border-color:#ff9a00aa}
.art-5{background-image:radial-gradient(circle at 80% 30%,#2aa8ff,transparent 45%),linear-gradient(135deg,#061a4d,#0a3d8f);border-color:#00cfffaa}
.glyph{position:absolute;top:22px;left:50%;transform:translateX(-50%);font-size:44px;filter:drop-shadow(0 0 14px #ff00bd)}
.time-tag{position:absolute;top:9px;left:9px;z-index:2;background:linear-gradient(90deg,#ff7a00,#ff3d6e);padding:3px 9px;border-radius:5px;font-size:11px;font-weight:800}
.prog-txt{position:relative;z-index:2;padding:10px 12px;min-width:0;width:100%}.prog-txt strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.2}.prog-txt small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prog-txt small{font-size:11px;color:#e3e6ff}
.prog.is-live{box-shadow:0 0 0 2px #ff174b,0 0 20px #ff174b99}
.prog.is-live .time-tag:after{content:" · AL AIRE";}

/* Fila de 4 */
.quad{display:grid;grid-template-columns:1.5fr 1.15fr .85fr .75fr;gap:16px;align-items:stretch}.quad>.panel,.duo>.panel{margin:0;z-index:0}
.panel{z-index:0}
.music-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.album{display:block;min-width:0;text-align:left;background:0;border:0;padding:0;color:inherit;font:inherit}
.cover{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:9px;border:1px solid #ff55f0;box-shadow:inset 0 0 25px #0008;text-align:center}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover em{position:relative;padding:8px;font-style:normal;font-weight:800;text-transform:uppercase;font-size:11px;line-height:1.15;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.alb-1 .cover{background:linear-gradient(135deg,#ff8b00,#7a1a8e,#1a0a45)}.alb-2 .cover{background:linear-gradient(135deg,#00a5db,#14255b,#ff4f93)}
.alb-3 .cover{background:linear-gradient(135deg,#00d6ff,#064276,#020b28)}.alb-4 .cover{background:linear-gradient(135deg,#ffd36c,#ac3d86,#07163f)}
.mini-play{position:absolute;right:7px;bottom:7px;z-index:2;width:26px;height:26px;border-radius:50%;background:#0b0f2fcc;border:1.5px solid #fff;font-size:9px;display:grid;place-items:center;transition:transform .2s,background .2s}
.playable{cursor:pointer}.playable:hover .mini-play,.playable:focus-visible .mini-play{transform:scale(1.15);background:linear-gradient(135deg,#ff3d8e,#7c19ff)}
.playable:hover .cover{box-shadow:0 0 16px #ff00bd,inset 0 0 25px #0008}
.album.is-playing .cover{box-shadow:0 0 0 2px #ff174b,0 0 18px #ff174b}
.album strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;margin-top:8px;line-height:1.2}.album small{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-grid.big{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.track-bar{position:fixed;right:16px;bottom:16px;z-index:8000;width:min(360px,calc(100% - 32px));display:flex;align-items:center;gap:10px;padding:12px 14px 14px;border-radius:16px;background:#070b2b;border:1.5px solid #ff3fd0;box-shadow:0 0 18px #ff00bd88;overflow:hidden}
.track-bar[hidden]{display:none}.tb-txt{flex:1;min-width:0}.tb-txt small{display:block;font-size:11px;color:#c86bff}.tb-txt strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-bar button{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid #fff6;background:linear-gradient(135deg,#ff3d8e,#7c19ff);color:#fff;cursor:pointer;font-size:12px}
.track-bar i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--grad)}
.yt-modal{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:16px;background:rgba(2,3,15,.85)}.yt-modal[hidden]{display:none}
.yt-box{position:relative;width:min(720px,100%);padding:14px;border-radius:18px;background:#070b2b;border:2px solid #ff3fd0;box-shadow:0 0 30px #ff00bd88}
.yt-frame{aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}.yt-frame iframe{width:100%;height:100%;border:0}
#yt-title{margin:10px 40px 0 4px;font-weight:700;font-size:14px}#yt-close{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;border:1px solid #fff6;background:#1a1f55;color:#fff;cursor:pointer}
.news-list{display:flex;flex-direction:column;gap:10px}
.news-item{display:grid;grid-template-columns:82px 1fr;gap:12px;padding-bottom:10px;border-bottom:1px solid #2a3263}.news-item:last-child{border:0}
.thumb,.nimg{position:relative;display:block;overflow:hidden;background:url(assets/images/favicon-192.png) center/44% no-repeat,linear-gradient(135deg,#53319a,#0b2a57)}
.thumb{min-height:64px;border-radius:8px}.thumb img,.nimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.news-item{align-items:start}
.news-item>span:last-child{min-width:0}.news-item strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.25}.news-item small,.news-item em{display:block;font-size:11px;color:var(--muted);font-style:normal}.news-item em{color:#8d96c9;margin-top:2px}
.weather{background:radial-gradient(circle at 85% 10%,#1b4fa8,transparent 55%),linear-gradient(135deg,#081a43,#050923)}
.w-city{font-weight:700;font-size:14px}.w-desc{font-size:13px;color:#dce8ff}
.w-now{display:flex;align-items:baseline;gap:14px;margin:6px 0 12px}.w-now b{font-size:48px;font-weight:800;line-height:1}.w-now span{font-size:12px;color:#dce8ff}
.w-days{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.w-day{text-align:center;border:1px solid #3a4aa0;border-radius:9px;padding:7px 2px;background:#0a1448aa;font-size:11px}.w-day b{display:block;font-size:12px}.w-day i{display:block;font-style:normal;font-size:19px}
.contact{text-align:center}.contact .ph{justify-content:flex-start}
.wa-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:12px;border-radius:30px;background:linear-gradient(90deg,#14c84a,#19e87a);font-weight:800;border:1px solid #fff8;box-shadow:0 0 16px #00ed6d77}.wa-btn svg{width:26px;height:26px}
.contact small{display:block;margin:8px 0;color:var(--muted);font-size:12px}.follow{font-size:14px;font-weight:600;margin:14px 0 10px}.contact .socials{justify-content:center}.thanks{font-size:13px;margin:14px 0 0}

/* Noticias carrusel */
.news-car .track{gap:14px}.ncard{display:block}.ncard{flex:0 0 calc((100% - 42px)/4);min-width:240px;scroll-snap-align:start;border-radius:14px;overflow:hidden;background:#080d2d;border:1px solid #8a35ff;box-shadow:0 0 10px #7100ff44;transition:transform .25s,box-shadow .25s}
.ncard:hover{transform:translateY(-3px);box-shadow:0 0 18px #ff00bd88}
.nimg{height:150px}.nbody{display:block;padding:12px}
.nbody strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.3}.nbody small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:var(--muted);margin:4px 0}.nbody em{font-size:11px;color:#8d96c9;font-style:normal}

/* Chat + sponsors */
.duo{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:18px}
.chat-log{height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:12px;background:#04071f;border:1px solid #2a3263}
.msg{max-width:88%;padding:7px 12px;border-radius:14px;background:#111a52;font-size:13px;align-self:flex-start;word-break:break-word}.msg b{color:#ffb12b;font-size:12px;margin-right:6px}.msg time{color:#8d96c9;font-size:10px;margin-left:6px}
.msg.mine{align-self:flex-end;background:linear-gradient(100deg,#6b1fd6,#c3139a)}.msg.mine b{color:#fff}
.chat-empty{color:var(--muted);font-size:13px;margin:auto;text-align:center}
#chat-form{display:grid;grid-template-columns:150px 1fr auto;gap:8px;margin-top:12px}
#chat-form input[type=text]{min-width:0;padding:11px 14px;border-radius:24px;border:1px solid #7c19ff;background:#0a0f33;color:#fff;font:inherit;font-size:13px}
#chat-form input:focus{outline:2px solid var(--pink)}.chat-note{display:block;margin-top:8px;font-size:11px;color:var(--muted)}.chat-note.err{color:#ff8aa6}
.sponsors{display:flex;flex-direction:column;justify-content:center;gap:10px;background:radial-gradient(circle at 80% 0,#5a1bb3aa,transparent 55%),linear-gradient(135deg,#0b0f35,#03051b)}
.sp-big{font-size:clamp(20px,2.2vw,30px);font-weight:900;line-height:1.15;margin:0}.sp-big span{color:#ffb12b}.sp-small{color:var(--muted);font-size:13px;margin:0 0 6px}.sponsors .btn{align-self:flex-start}


/* Oyentes en el mundo */
.world-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.world-kpis div{text-align:center;padding:12px 8px;border-radius:14px;background:#0a1048;border:1px solid #3a4aa0}
.world-kpis b{display:block;font-size:clamp(22px,3vw,34px);font-weight:900;line-height:1.1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.world-kpis span{font-size:12px;color:var(--muted)}
.ccard{flex:0 0 190px;scroll-snap-align:start;min-width:0;padding:14px;border-radius:14px;background:linear-gradient(135deg,#0b1048,#05071f);border:1px solid #5326ff;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}
.ccard .flag{font-size:38px;line-height:1.1}.ccard strong{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccard .num{font-size:12px;color:var(--muted)}.ccard .num b{font-size:20px;color:#fff}.ccard small{font-size:11px;color:#8d96c9}
.ccard.live{border-color:#ff3fd0;box-shadow:0 0 12px #ff00bd66}.ccard.live .num b{color:#ff7be8}
.ccard.mine{outline:2px solid #ffb12b}.ccard.new{animation:pop 1.2s ease-out 2}
@keyframes pop{0%{transform:scale(.8);box-shadow:0 0 0 #ff00bd}50%{transform:scale(1.06);box-shadow:0 0 26px #ff00bd}100%{transform:none}}

/* Footer */
.site-footer{margin-top:30px;background:#03051b}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:92px;padding:14px 0}
.footer-brand{width:200px;display:block}.f-eq{display:flex;align-items:center;gap:3px;height:36px}.f-eq i{width:3px;height:var(--h);border-radius:3px;background:linear-gradient(0deg,#ff9a00,#ff2c75,#a21fff)}
.footer-inner p{margin:0;font-size:12px;color:#d1d6f7}.footer-nav{display:flex;gap:18px;flex-wrap:wrap;font-size:11px}.footer-nav a:hover{color:#ff65d6}
.footer-blessing{font-family:Montserrat,sans-serif;color:#ff65d6;font-weight:900;font-style:italic;font-size:18px;text-shadow:0 0 10px #ff00bd88}
.legal{border-top:1px solid #ffffff1a;padding:18px 0 26px;text-align:center;font-size:12px;color:#b9bfe6}.legal p{margin:5px 0}
.legal .own{color:#fff;font-size:13px}.channel{color:#ffb12b;font-weight:700;text-decoration:underline}
.legal-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.legal-links a,.legal-links button{background:0;border:0;color:#ff8be3;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.copy{opacity:.7}

/* Cookies */
.cookie{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:9000;width:min(900px,94%);display:flex;gap:18px;align-items:center;padding:16px 20px;border-radius:18px;background:#070b2b;border:1.5px solid #b25bff;box-shadow:0 0 18px #7c19ffaa}
.cookie[hidden]{display:none}.cookie p{margin:4px 0 0;font-size:12px;color:var(--muted)}.cookie-btns{display:flex;gap:8px;flex:none}

/* Páginas internas */
.post-content{padding:30px 0;min-height:45vh}.post-content h1{font-size:38px}.post-content a{color:#ff71e4;text-decoration:underline}
.empty-note{font-size:12px;color:#aab4e4}

@keyframes flow{to{background-position:300% 0}}@keyframes pulse{50%{opacity:.35}}
@keyframes wave{from{height:14%}to{height:100%}}
@keyframes neonpulse{to{box-shadow:0 0 8px #ff3fd0,0 0 30px #ff00bdaa,0 0 62px #4817ffaa,inset 0 0 32px #1b1066}}
@keyframes ring{0%{box-shadow:0 0 10px #ff00bd,0 0 0 0 #ff3fd0aa}100%{box-shadow:0 0 10px #ff00bd,0 0 0 22px #ff3fd000}}

@media(max-width:1200px){.quad{grid-template-columns:1fr 1fr}.on-air{grid-template-columns:1fr}.prog{flex-basis:calc((100% - 28px)/3)}.ncard{flex-basis:calc((100% - 28px)/3)}.primary-nav a{padding:8px 10px}}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-copy{min-height:240px}.header-inner{flex-wrap:wrap}.brand img{width:200px}.primary-nav{order:3;width:100%;flex:none;flex-wrap:wrap}.header-tools{margin-left:auto}.duo{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center}}
@media(max-width:700px){
 .primary-nav ul{flex-direction:column;width:100%;align-items:stretch}.primary-nav .sub-menu{position:static;display:flex;border:0;box-shadow:none;background:transparent}
 .header-inner{min-height:68px;flex-wrap:nowrap}.mobile-menu-toggle{display:block}.header-tools .socials{display:none}.brand img{width:170px}
 .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#050821;padding:14px;flex-direction:column;border-bottom:1px solid #7e1bff;order:0}.primary-nav.open{display:flex}.primary-nav a{width:100%;text-align:center}
 .hero-copy{padding:20px 16px 20px 40%;min-height:200px}.hero h1{font-size:30px}.hero-copy p{font-size:13px}
 .live-card{padding:18px 16px}.live-grid{grid-template-columns:1fr}.play-btn{width:68px;height:68px}.eq{height:64px}
 .quad{grid-template-columns:1fr}.music-grid{gap:8px}.prog{flex-basis:70%}.ncard{flex-basis:80%}.status{display:none}
 #chat-form{grid-template-columns:1fr 1fr}#chat-form button{grid-column:1/-1}.cookie{flex-direction:column;align-items:stretch;bottom:8px}.cookie-btns{justify-content:flex-end}
 .panel{padding:16px}.car-btn{display:none}}

/* Tamaños compactos */
body{font-size:14px}
.panel h2{font-size:clamp(15px,1.25vw,20px)}.ph{margin-bottom:12px}.panel{padding:18px}
.live-left h2{font-size:clamp(18px,1.7vw,26px)}.now-card strong{font-size:14px}.play-btn{width:72px;height:72px}.eq{height:68px}
.primary-nav{font-size:13px}.btn{font-size:12px}.prog-txt strong{font-size:13px}.album strong,.news-item strong{font-size:12px}
.w-now b{font-size:40px}.sp-big{font-size:clamp(18px,1.8vw,24px)}.legal{font-size:11px}.legal .own{font-size:12px}

/* Videos cristianos */
.vid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;transition:opacity .35s}.vid-grid.swap{opacity:0}
.vid{display:block;min-width:0;text-align:left;background:0;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.vthumb{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#53319a,#0b2a57);border:1px solid #ff55f0;box-shadow:0 0 10px #ff00bd44;transition:box-shadow .2s,transform .2s}
.vthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vid:hover .vthumb{box-shadow:0 0 18px #ff00bd;transform:translateY(-2px)}.vid .mini-play{right:8px;bottom:8px;width:30px;height:30px;font-size:11px}
.vid strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.25;margin-top:8px}.vid small{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vid-note{display:block;margin-top:10px;font-size:10px;color:#8d96c9}
/* Versículo del día */
.verse{display:flex;align-items:center;gap:16px;padding:14px 20px}
.verse-ico{flex:none;font-size:30px;filter:drop-shadow(0 0 10px #ffb12b)}.verse-txt{flex:1;min-width:0}
.verse-txt small{display:block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#ffb12b}
.verse blockquote{margin:3px 0 4px;font-size:clamp(14px,1.3vw,18px);font-weight:600;font-style:italic;line-height:1.4}
.verse cite{font-style:normal;font-size:13px;font-weight:800;color:#ff8be3}.verse cite span{font-weight:400;color:var(--muted);font-size:11px}

/* Visitas por país (franja compacta) */
.visitors{display:flex;align-items:center;gap:14px;margin:14px auto;padding:7px 14px;min-height:50px;border-radius:14px;background:#070c2b;border:1px solid #3a4aa0;box-shadow:0 0 10px #5b1aff44}
.v-head{flex:none;line-height:1.2}.v-head strong{display:block;font-size:12px;white-space:nowrap}.v-head small{display:block;font-size:10px;color:var(--muted);white-space:nowrap}
.v-car{flex:1;min-width:0}
.v-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px 0}.v-track::-webkit-scrollbar{display:none}
.vchip{flex:none;display:flex;align-items:center;gap:6px;padding:3px 10px 3px 5px;border-radius:999px;background:#0b1048;border:1px solid #2f3b8f;font-size:12px;white-space:nowrap}
.vchip img{width:26px;height:19px;object-fit:cover;border-radius:3px;display:block}.vchip b{font-size:13px}.vchip i{font-style:normal;font-size:10px;color:#ff8be3}
.vchip.live{border-color:#ff3fd0;box-shadow:0 0 8px #ff00bd66}.vchip.mine{outline:1.5px solid #ffb12b}.vchip.new{animation:pop 1.2s ease-out 2}
.v-empty{font-size:12px;color:var(--muted);padding:6px 0}.sr{position:absolute;left:-9999px}
.v-tot{flex:none;display:flex;gap:12px;font-size:11px;color:var(--muted);white-space:nowrap}.v-tot b{color:#fff;font-size:13px}

/* ---------- Adaptación a celulares ---------- */
@media(max-width:700px){
 body{font-size:15px}.container{width:calc(100% - 24px)}
 .btn,.car-btn,.play-btn,.vol-row button,.search-toggle,.mobile-menu-toggle,.cookie-btns .btn{min-height:44px}
 .header-inner{gap:10px}.brand img{width:150px}.header-tools{gap:6px}.search-toggle{border-left:0;padding-left:0;width:44px;height:44px}.search-toggle svg{margin:auto}
 .primary-nav a{padding:13px 16px}
 .hero{padding:14px 0 8px;gap:14px}
 .hero-copy{min-height:0;padding:150px 16px 18px}.hero-copy:before{width:100%;height:150px;bottom:auto;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent)}
 .hero h1{font-size:clamp(20px,7.4cqw,40px)}.hero-copy p{font-size:clamp(11px,3.6cqw,15px)}
 .visitors{flex-wrap:wrap;gap:6px 12px}.v-car{order:3;flex-basis:100%}.v-tot{margin-left:auto}
 .live-card{padding:16px 14px}.live-left h2{font-size:22px}.live-row{gap:12px}.play-btn{width:64px;height:64px}.play-btn svg{width:30px;height:30px}
 .eq{height:56px}.eq i:nth-child(n+27){display:none}.eq i{max-width:none}
 .vol-row{margin-top:12px}.vol-row input[type=range]{height:28px}
 .on-air{padding:16px 14px}.prog{flex-basis:78%;min-width:0}
 .quad{gap:14px}.vid-grid{grid-template-columns:1fr;gap:14px}.verse{flex-wrap:wrap}.verse .btn{width:100%}.music-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .w-days{gap:5px}.w-now b{font-size:42px}
 .ncard{flex-basis:82%;min-width:0}.ccard{flex-basis:62%}
 .world-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .chat-log{height:240px}#chat-form{grid-template-columns:1fr}#chat-form input[type=text]{min-height:44px;font-size:16px}
 .sponsors .btn{align-self:stretch}
 .footer-inner{flex-direction:column;text-align:center;gap:12px}.f-eq{display:none}.footer-nav{justify-content:center;gap:12px 16px}
 .legal{padding:16px 0 90px}
 .track-bar{left:12px;right:12px;width:auto;bottom:12px}
 .cookie{bottom:0;width:100%;border-radius:18px 18px 0 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.cookie-btns .btn{flex:1}
 .splash-inner{width:min(300px,100%)}
 .yt-box{padding:10px}
 .music-grid.big{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){.brand img{width:130px}.mobile-menu-toggle{padding:8px}.world-kpis b{font-size:22px}.prog{flex-basis:88%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}