/*
Theme Name: El Altísimo TV
Theme URI: https://elaltisimo.com/
Author: El Altísimo TV
Description: Portal de streaming cristiano en vivo. Noticias automáticas, mensajes y peticiones con renovación, contadores de visitas en tiempo real y donaciones (Mercado Pago y PayPal).
Version: 2.7.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: el-altisimo-tv
*/
:root{--bg:#030814;--panel:rgba(6,19,44,.9);--line:#1b6fd6;--cyan:#19d3ff;--blue:#1e7bff;--red:#e8142f;--gold:#ffc72c;--text:#f4f8ff;--muted:#8fa6c8;--green:#25d366}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#030814;color:var(--text);font-family:'Montserrat',Arial,sans-serif;font-size:13px;line-height:1.35;overflow-x:hidden}
body:before{content:'';position:fixed;inset:0;z-index:-1;background:
 radial-gradient(900px 320px at 88% 0,rgba(232,20,47,.38),transparent 70%),
 radial-gradient(800px 380px at 12% 0,rgba(30,123,255,.38),transparent 70%),
 radial-gradient(1100px 600px at 50% 100%,rgba(20,60,140,.28),transparent 70%),#030814}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button{font-family:inherit;cursor:pointer}
.wrap{max-width:1536px;margin:0 auto;padding:0 28px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.empty{color:var(--muted);padding:14px;font-size:12px}
[hidden]{display:none!important}

/* Splash: logo + ondas wifi + "Cargando" */
.site-splash{position:fixed;inset:0;z-index:999;background:radial-gradient(700px 420px at 50% 45%,rgba(30,123,255,.22),transparent 70%),#030814;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,3vh,28px);padding:20px;overflow:hidden;transition:opacity .5s,visibility .5s;animation:splashFailsafe .5s ease 5s forwards}
.site-splash.done{opacity:0;visibility:hidden}
@keyframes splashFailsafe{to{opacity:0;visibility:hidden}}
.splash-logo{width:min(420px,72vw);max-height:30vh;object-fit:contain;filter:drop-shadow(0 0 18px rgba(30,123,255,.55))}
.splash-wifi{width:clamp(64px,13vmin,104px);height:auto;overflow:visible;filter:drop-shadow(0 0 8px rgba(25,211,255,.8))}
.splash-wifi path,.splash-wifi circle{fill:none;stroke:var(--cyan);stroke-linecap:round}
.splash-wifi path{stroke-width:7;opacity:.15;animation:wifiWave 1.5s infinite ease-in-out}
.splash-wifi .w3{animation-delay:0s}.splash-wifi .w2{animation-delay:.25s}.splash-wifi .w1{animation-delay:.5s}
.splash-wifi circle{fill:var(--cyan);stroke:none;animation:wifiDot 1.5s infinite ease-in-out}
@keyframes wifiWave{0%,15%{opacity:.15}40%,70%{opacity:1}100%{opacity:.15}}
@keyframes wifiDot{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
.splash-wifi circle{transform-box:fill-box;transform-origin:center}
.splash-text{margin:0;font-weight:800;font-size:clamp(12px,2.2vmin,16px);letter-spacing:.35em;text-transform:uppercase;color:#cfe3ff;text-align:center;padding-left:.35em}
.splash-text i{font-style:normal;display:inline-block;animation:dotBlink 1.4s infinite}
.splash-text i:nth-child(2){animation-delay:.2s}.splash-text i:nth-child(3){animation-delay:.4s}
@keyframes dotBlink{0%,20%{opacity:.15}50%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.splash-wifi path{animation:none;opacity:1}.splash-wifi circle,.splash-text i{animation:none}}

/* Header */
.site-header{position:sticky;top:0;z-index:90;background:linear-gradient(180deg,rgba(2,7,20,.97),rgba(3,10,28,.9));backdrop-filter:blur(10px);border-bottom:1px solid rgba(40,120,220,.35)}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;height:96px}
.brand{flex:none}.brand img{display:block;height:80px;width:auto;max-width:100%}
.main-nav ul{list-style:none;display:flex;align-items:center;gap:26px;margin:0;padding:0}
.main-nav li{position:relative}
.main-nav a{display:block;padding:34px 0;font-size:13px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#e9f2ff;white-space:nowrap}
.main-nav a i{margin-right:6px}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--cyan)}
.main-nav .current-menu-item>a:after{content:'';position:absolute;left:0;right:0;bottom:22px;height:3px;border-radius:3px;background:var(--red);box-shadow:0 0 10px var(--red)}
.head-right{display:flex;align-items:center;gap:18px}
.head-social{display:flex;gap:16px;font-size:20px}
.head-social a:hover,.head-search:hover{color:var(--cyan)}
.head-sep{width:1px;height:30px;background:rgba(255,255,255,.28)}
.head-search{background:none;border:0;color:#fff;font-size:20px;padding:4px}
.btn-donate{background:linear-gradient(180deg,#ff2b4a,#c80f2a);color:#fff;border:0;border-radius:30px;padding:9px 18px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 0 14px rgba(232,20,47,.55)}
.btn-donate i{margin-right:5px}
.btn-donate:hover{filter:brightness(1.12)}
.mobile-menu{display:none;background:#0a2347;color:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-weight:800}
.search-drop{display:none;border-top:1px solid rgba(40,120,220,.3);padding:10px 0;background:#04112a}
.search-drop.open{display:block}
.search-drop .wrap{display:flex;gap:8px}
.search-drop input{flex:1;background:#071a38;border:1px solid var(--line);border-radius:6px;color:#fff;padding:10px 12px;font:inherit}
.search-drop button{background:var(--blue);border:0;color:#fff;border-radius:6px;padding:0 18px;font-weight:800}

/* Paneles */
.panel{background:var(--panel);border:1px solid rgba(30,120,230,.8);border-radius:10px;box-shadow:0 0 14px rgba(0,120,255,.25),inset 0 0 24px rgba(0,80,200,.12);overflow:hidden;position:relative}
.panel-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;padding:11px 14px 8px;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.2px}
.panel-h i{color:var(--cyan);margin-right:9px;font-size:18px}
.panel-h a{font-size:10.5px;font-weight:700;color:#8fd0ff}
.panel-h>span{min-width:0}
.panel-h a:hover{color:#fff}
.panel-h a i{font-size:10px;margin:0 0 0 4px;color:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;padding:9px 16px;color:#fff;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.3px}
.btn-red{background:linear-gradient(180deg,#ff2b4a,#c80f2a);box-shadow:0 0 12px rgba(232,20,47,.45)}
.btn-blue{background:linear-gradient(180deg,#2d8cff,#1356d6);box-shadow:0 0 12px rgba(30,123,255,.45)}
.btn:hover{filter:brightness(1.12)}
.btn-block{width:100%}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.2s infinite}
@keyframes pulse{50%{opacity:.3}}

/* Fila 1 */
.home{padding-bottom:20px}
.row1{display:grid;grid-template-columns:minmax(0,295fr) minmax(0,590fr) minmax(0,320fr) minmax(0,255fr);gap:10px;margin-top:14px;min-height:352px}
.hero-left{container-type:inline-size;position:relative;border-radius:14px;overflow:hidden;padding:20px 8px 18px 16px;display:flex;flex-direction:column;justify-content:space-between;
 background:
  var(--hero-img,none) center/cover no-repeat,
  radial-gradient(160px 120px at 25% 80%,rgba(255,60,140,.45),transparent 70%),
  radial-gradient(200px 160px at 80% 25%,rgba(40,140,255,.55),transparent 70%),
  radial-gradient(240px 200px at 60% 100%,rgba(120,40,220,.45),transparent 70%),
  linear-gradient(160deg,#07163a,#050c22)}
.hero-left:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,20,.2),rgba(3,8,20,.55));pointer-events:none}
.hero-left>*{position:relative}
.script{font-family:'Kaushan Script',cursive;display:block}
.h-small{font-size:clamp(26px,15cqi,52px);line-height:1;color:#fff;transform:rotate(-7deg);transform-origin:left;margin:6px 0 -2px 8px;text-shadow:0 0 14px rgba(0,180,255,.55)}
.h-big{font-size:clamp(34px,21cqi,84px);line-height:.88;background:linear-gradient(180deg,#5eeaff 0%,#1a9bff 55%,#2c5cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:rotate(-7deg);transform-origin:left;filter:drop-shadow(0 0 14px rgba(0,170,255,.65));padding-right:10px}
.h-sub{display:block;margin:20px 0 0 6px;font-weight:800;letter-spacing:.2em;font-size:clamp(10px,5cqi,15px)}
.hero-cta{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#ff2b4a,#c80f2a);border-radius:40px;padding:6px 14px 6px 6px;box-shadow:0 0 18px rgba(232,20,47,.6);margin-top:18px}
.hero-cta:hover{filter:brightness(1.1)}
.cta-play{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--red);font-size:17px;flex:none;padding-left:3px}
.cta-txt{display:flex;flex-direction:column;line-height:1.1}
.cta-txt b{font-size:clamp(14px,7cqi,18px);font-weight:900}
.cta-txt small{font-size:clamp(8.5px,3.6cqi,10px);font-weight:700}
.cta-arrow{margin-left:auto;font-size:11px}

.player-panel{padding:6px;border-width:2px;border-color:#2b86ee}
.player-stage{position:relative;height:100%;min-height:334px;border-radius:7px;overflow:hidden;background:
 radial-gradient(260px 160px at 20% 30%,rgba(40,120,255,.55),transparent 70%),
 radial-gradient(240px 160px at 85% 25%,rgba(232,20,47,.45),transparent 70%),
 radial-gradient(300px 140px at 50% 100%,rgba(160,60,255,.35),transparent 70%),#050d24}
.player-stage iframe,.player-stage video,.player-stage>div:not(.player-fallback){max-width:100%}
.player-stage iframe,.player-stage video{position:absolute;inset:0;width:100%;height:100%;border:0}
.live-badge{position:absolute;left:14px;top:14px;z-index:6;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(180deg,#ff2b4a,#c80f2a);border-radius:6px;padding:6px 11px;font-size:12px;font-weight:900;pointer-events:none;box-shadow:0 0 12px rgba(232,20,47,.5)}
.player-fallback{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center}
.player-fallback img{width:72%;max-width:420px}
.player-fallback p{margin:0;font-size:12px;color:#bcd2f0;font-weight:700}
.player-stage.ready .player-fallback{display:none}

/* Noticias derecha */
.news-panel{display:flex;flex-direction:column}
.news-list{padding:0 12px 10px}
.news-item{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid rgba(70,130,220,.28)}
.news-item:first-child{border-top:0}
.news-thumb{display:block;width:90px;height:64px;border-radius:5px;overflow:hidden;background:linear-gradient(135deg,#0c4b82,#7a1d9a)}
.news-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cat{display:inline-block;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.2px;color:#35d5ff}
.news-item h3{margin:2px 0;font-size:12px;line-height:1.25;font-weight:700}
.news-item h3 a:hover{color:var(--cyan)}
.date{font-size:10px;color:var(--muted)}
.cat-red{color:#ff4258}.cat-gold{color:var(--gold)}.cat-pink{color:#ff5fb0}.cat-navy{color:#7fb3ff}.cat-default{color:#35d5ff}

/* Clima y patrocinio */
.right-col{display:grid;grid-template-rows:auto 1fr;gap:10px}
.weather-panel{padding:12px 14px}
.w-loc{display:flex;align-items:center;gap:9px}
.w-loc>i{color:#fff;font-size:18px}
.w-loc b{display:block;font-size:14px}
.w-loc small{display:block;font-size:9px;color:#9bb4d8;letter-spacing:.5px}
.w-clock{text-align:center;font-size:30px;font-weight:800;margin-top:6px;letter-spacing:1px}
.w-date{text-align:center;font-size:11px;color:#cfe0f7;margin-bottom:6px}
.w-now{display:flex;align-items:center;justify-content:center;gap:12px}
.w-ico{font-size:42px;line-height:1}
.w-temp{font-size:34px;display:block;line-height:1}
.w-now small{display:block;font-size:11px;color:#cfe0f7}
.w-days{display:flex;justify-content:space-between;margin-top:8px;border-top:1px solid rgba(70,130,220,.28);padding-top:8px}
.w-day{text-align:center;font-size:10.5px;font-weight:700}
.w-day span{display:block;font-size:20px;line-height:1.2}
.sponsor-card{container-type:inline-size;padding:12px 14px;background:linear-gradient(135deg,#071a3d,#0c2f66 60%,#102c5c);display:flex;flex-direction:column;justify-content:center}
.sponsor-card .sp-ico{position:absolute;right:12px;top:12px;font-size:clamp(20px,14cqi,34px);color:#e9f2ff;opacity:.9}
.sponsor-card small{font-size:clamp(9px,4.4cqi,12px);font-weight:700}
.sponsor-card h3{margin:0;font-size:clamp(12px,8.6cqi,22px);font-weight:900;letter-spacing:0;max-width:100%}
.sponsor-card p{margin:2px 0 8px;font-size:clamp(9.5px,4.6cqi,12px);color:#cfe0f7}
.sponsor-card .btn{align-self:flex-start}

/* Ticker */
.ticker{display:flex;align-items:stretch;margin-top:10px;height:34px;border-top:1px solid rgba(40,120,220,.35);border-bottom:1px solid rgba(40,120,220,.35);background:rgba(4,12,32,.85);overflow:hidden}
.ticker-label{background:linear-gradient(90deg,#d6102b,#b30d25);padding:0 26px 0 18px;display:flex;align-items:center;font-weight:900;font-size:11.5px;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);position:relative;z-index:2;white-space:nowrap}
.ticker-view{flex:1;overflow:hidden;display:flex;align-items:center}
.ticker-track{display:flex;align-items:center;gap:0;white-space:nowrap;animation:tick 70s linear infinite;padding-left:20px}
.ticker-view:hover .ticker-track{animation-play-state:paused}
.ticker-track a{font-size:11.5px;font-weight:500;color:#e8f1ff}
.ticker-track a:hover{color:var(--cyan)}
.sepbar{display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.4);margin:0 26px}
@keyframes tick{to{transform:translateX(-50%)}}

/* Fila 2 */
.row2{display:grid;grid-template-columns:minmax(0,485fr) minmax(0,176fr) minmax(0,590fr) minmax(0,205fr);gap:10px;margin-top:10px}
.row2>.panel{min-height:142px}
.live-count{font-size:11px;font-weight:700;text-transform:none;color:#9fe3ff;display:inline-flex;align-items:center;gap:6px}
.live-count b{color:#fff}
.carousel{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:4px;padding:0 8px}
.car-btn{background:none;border:0;color:#cfe3ff;font-size:16px;height:60px}
.car-btn:hover{color:var(--cyan)}
.flags{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px;min-width:0;scroll-snap-type:x proximity}
.flags::-webkit-scrollbar,.progs::-webkit-scrollbar,.comm-list::-webkit-scrollbar{display:none}
.flag{flex:0 0 auto;scroll-snap-align:start;text-align:center;min-width:54px;display:flex;flex-direction:column;align-items:center;gap:1px}
.flag img{width:46px;height:32px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 2px 8px rgba(0,0,0,.5)}
.flag b{font-size:11px;margin-top:3px}
.flag small{font-size:9px;color:var(--muted)}
.flag.bump b{color:var(--cyan)}
.flag:not(.on) img{opacity:.6}
.flag.on img{box-shadow:0 0 0 2px #3ddc84,0 0 12px rgba(61,220,132,.55)}
.flag.on small{color:#3ddc84;font-weight:700}
.totals{display:flex;justify-content:space-around;gap:6px;padding:4px 12px 9px;font-size:10.5px;color:#bcd2f0;border-top:1px solid rgba(70,130,220,.2)}
.totals i{color:var(--cyan);margin-right:4px}
.totals b{color:#fff}
.hora-time{text-align:center;font-size:28px;font-weight:800;letter-spacing:1px;margin-top:6px}
.hora-city{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;font-size:17px;font-weight:700}
.hora-city img{width:34px;height:24px;object-fit:cover;border-radius:3px}
.progs{--n:4;--gap:8px;display:flex;gap:var(--gap);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;min-width:0}
.prog-card{flex:0 0 calc((100% - (var(--n) - 1)*var(--gap))/var(--n));aspect-ratio:118/92;scroll-snap-align:start;container-type:inline-size;border-radius:6px;overflow:hidden;position:relative;border:1px solid rgba(60,140,240,.6);background:linear-gradient(135deg,#164b80,#7b21b3)}
.prog-card img{width:100%;height:100%;object-fit:cover;display:block}
.prog-over{position:absolute;left:0;right:0;bottom:0;padding:16px 5px 4px;text-align:center;background:linear-gradient(0deg,rgba(2,8,24,.95),transparent)}
.prog-over b{display:block;font-size:clamp(8px,8.6cqi,12px);font-weight:800;line-height:1.1;text-wrap:balance}
.prog-over small{display:block;font-size:clamp(7.5px,7.4cqi,11px);font-weight:700;color:var(--cyan)}
.demo-0{background:linear-gradient(135deg,#6b3a12,#0a1a3a)}
.demo-1{background:linear-gradient(135deg,#1a3bb0,#7b21b3)}
.demo-2{background:linear-gradient(135deg,#3d4a63,#0a1428)}
.demo-3{background:linear-gradient(135deg,#0a2a5c,#b0152c)}
.mira-card{container-type:inline-size;display:flex;flex-direction:column;justify-content:center;padding:14px 16px;background:
 var(--mira-img,none) right/cover no-repeat,
 radial-gradient(180px 140px at 90% 40%,rgba(255,150,40,.35),transparent 70%),
 linear-gradient(135deg,#071a3d,#0a2150)}
.mira-card small{font-size:clamp(10px,7.2cqi,16px);font-weight:800;letter-spacing:.3px}
.mira-card h3{margin:0 0 8px;font-size:clamp(12px,9.2cqi,26px);font-weight:900;color:var(--gold);line-height:1}
.mira-btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:linear-gradient(180deg,#ff2b4a,#c80f2a);border-radius:30px;padding:3px 16px 3px 3px;font-weight:900;font-size:clamp(11px,6.4cqi,15px);box-shadow:0 0 14px rgba(232,20,47,.55)}
.mira-btn .cta-play{width:30px;height:30px;font-size:12px}

/* Fila 3 */
.row3{display:grid;grid-template-columns:minmax(0,658fr) minmax(0,275fr) minmax(0,276fr) minmax(0,237fr);gap:10px;margin-top:10px}
.row3>.panel{min-height:263px}
.news-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0 10px 10px}
.news-card a{display:block}
.nc-img{display:block;position:relative;height:118px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#0c4b82,#7a1d9a)}
.nc-img img{width:100%;height:100%;object-fit:cover;display:block}
.nc-img .cat{position:absolute;left:0;bottom:0;background:rgba(3,10,28,.88);padding:3px 8px;border-top-right-radius:6px;font-size:9.5px}
.news-card h3{margin:7px 0 4px;font-size:12px;line-height:1.25;font-weight:700;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.news-card a:hover h3{color:var(--cyan)}
.comm-panel{display:flex;flex-direction:column}
.comm-list{flex:1;overflow-y:auto;scrollbar-width:none;padding:2px 14px;height:170px;max-height:170px}
.msg{display:flex;align-items:center;gap:10px;padding:5px 0;animation:fadein .6s}
.msg.new{background:rgba(30,123,255,.18);border-radius:6px}
@keyframes fadein{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.av{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover;background:#2a4f86;display:grid;place-items:center;font-size:13px;color:#cfe0ff;border:1px solid rgba(255,255,255,.25)}
.msg b{display:block;font-size:11.5px;line-height:1.25;font-weight:700;word-break:break-word}
.msg small{display:block;font-size:10px;color:#5fa8ff}
.send-row{display:flex;gap:6px;padding:8px 12px 4px}
.send-row input[type=text]:not(.hp){flex:1;min-width:0;background:#071a38;border:1px solid rgba(60,140,240,.7);border-radius:5px;color:#fff;padding:9px 10px;font:inherit;font-size:11.5px}
.send-row input::placeholder{color:#8aa4cc}
.send-row button{flex:none;width:36px;border:0;border-radius:5px;background:linear-gradient(180deg,#2d8cff,#1356d6);color:#fff;font-size:14px}
.form-msg{min-height:16px;padding:0 14px 8px;font-size:10.5px;color:#9fe3ff}
.form-msg.err{color:#ff8a98}
.contact-panel{padding:16px 16px;background:
 radial-gradient(200px 150px at 100% 0,rgba(232,20,47,.4),transparent 70%),
 radial-gradient(220px 160px at 0 100%,rgba(30,123,255,.4),transparent 70%),#06162f}
.contact-panel h3{margin:0;font-size:20px;line-height:1.1;font-weight:900}
.contact-panel p{margin:6px 0 12px;font-size:12.5px}
.c-line{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:15px}
.c-line i{font-size:26px;width:30px;text-align:center}
.c-wa{color:var(--green)}.c-mail{color:#dbe9ff}
.c-line b{font-weight:700;font-size:14px;overflow-wrap:anywhere;min-width:0}
.contact-panel .btn{margin:4px 0 12px;border-radius:30px;padding:11px}
.c-social{display:flex;gap:12px;justify-content:center}
.c-social a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:18px}
.s-fb{background:#1877f2}.s-ig{background:linear-gradient(45deg,#f9a825,#e1306c,#833ab4)}.s-tt{background:#000;box-shadow:0 0 0 1px #333}.s-wa{background:var(--green)}

/* Footer */
.site-footer{margin-top:14px;border-top:1px solid rgba(40,120,220,.3);background:rgba(2,6,16,.9)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;flex-wrap:wrap;font-size:11px}
.footer-logo{height:64px;width:auto}
.footer-tag{font-weight:600;font-size:11px}
.footer-social{display:flex;gap:10px}
.footer-social a{width:28px;height:28px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:13px}
.footer-social a:hover{border-color:var(--cyan);color:var(--cyan)}
.footer-links{display:flex;gap:0}
.footer-links a{padding:0 14px;border-left:1px solid rgba(255,255,255,.35)}
.footer-links a:first-child{border-left:0}
.footer-links a:hover{color:var(--cyan)}
.footer-copy{font-size:10.5px}

/* Páginas internas */
.page-main{padding-top:24px;padding-bottom:30px}
.archive-title{font-size:26px;margin:0 0 16px}
.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.archive-grid .news-card{padding:10px}
.post-card{max-width:860px;margin:0 auto;padding:26px}
.post-card h1{font-size:28px;line-height:1.2;margin:8px 0}
.post-img{margin:14px 0;border-radius:8px;overflow:hidden}
.post-img img{display:block;width:100%}
.post-body{font-size:15px;line-height:1.65;color:#dbe7fa}
.post-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.pagination{margin-top:20px;text-align:center}
.pagination .page-numbers{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:5px;margin:0 2px}
.pagination .current{background:var(--blue)}

/* Modales */
.modal{position:fixed;inset:0;z-index:300;display:none;place-items:center;background:rgba(0,4,16,.82);padding:16px}
.modal.open{display:grid}
.modal-box{position:relative;width:min(500px,100%);max-height:94vh;overflow:auto;background:#06142c;border:1px solid var(--line);border-radius:14px;padding:26px 24px;box-shadow:0 0 40px rgba(0,120,255,.35)}
.modal-box h2{margin:0 0 6px;font-size:20px}
.modal-box h2 i{color:var(--red);margin-right:8px}
.modal-x{position:absolute;right:12px;top:10px;background:none;border:0;color:#fff;font-size:20px}
.modal-sub{margin:0 0 14px;color:#bcd2f0;font-size:12.5px}
.modal-note{font-size:11px;color:var(--muted);margin:10px 0 0}
.tabs{display:flex;gap:6px;margin-bottom:14px}
.tab{flex:1;background:#0a1f42;color:#bcd2f0;border:1px solid #1a4a8a;border-radius:8px;padding:10px 6px;font-weight:700;font-size:11.5px}
.tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.chip{background:#0a1f42;color:#fff;border:1px solid #1a4a8a;border-radius:30px;padding:9px 16px;font-weight:800;font-size:13px}
.chip.active{background:var(--red);border-color:var(--red)}
.mp-note{margin:0 0 14px;padding:12px 14px;background:#071a38;border:1px dashed #1a4a8a;border-radius:8px;color:#cfe0f7;font-size:13px}
.custom-amount[hidden],.mp-note[hidden],.chips[hidden]{display:none}
.custom-amount{display:flex;align-items:center;gap:8px;background:#071a38;border:1px solid #1a4a8a;border-radius:8px;padding:0 12px;margin-bottom:12px;font-weight:800;font-size:12px;color:#9fc4ff}
.custom-amount input{flex:1;background:none;border:0;color:#fff;padding:12px 0;font:inherit;font-size:15px;outline:none}
.contact-form{display:grid;gap:10px}
.contact-form input:not(.hp),.contact-form textarea{background:#071a38;border:1px solid #1a4a8a;border-radius:8px;color:#fff;padding:11px 12px;font:inherit}
.form-status{margin:0;font-size:12px;min-height:16px;color:#9fe3ff}
.form-status.err{color:#ff8a98}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:400;background:#0c2a57;border:1px solid var(--cyan);border-radius:10px;padding:12px 18px;font-weight:700;max-width:92vw;box-shadow:0 0 24px rgba(0,180,255,.4)}

/* Sponsors exclusivos */
.sponsors-panel{margin-top:10px;overflow:hidden}

/* Franja neón */
.neon-strip{--neon:#19d3ff;--neon2:#ff2bd6;margin:4px 16px 16px;padding:14px 22px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(2,8,24,.85);border:2px solid var(--neon);box-shadow:0 0 6px var(--neon),0 0 18px rgba(25,211,255,.6),0 0 42px rgba(25,211,255,.35),inset 0 0 14px rgba(25,211,255,.35);animation:neonBorder 3.2s ease-in-out infinite}
.neon-copy{flex:1;min-width:0;text-align:center}
.neon-copy p{margin:0}
.neon-l1{font-weight:900;font-size:clamp(14px,1.7vw,22px);line-height:1.25;letter-spacing:.4px;color:#eafcff;text-shadow:0 0 4px #fff,0 0 10px var(--neon),0 0 22px var(--neon),0 0 44px var(--neon);animation:neonFlicker 5s linear infinite}
.neon-l2{margin-top:6px;font-weight:800;font-size:clamp(11px,1.15vw,15px);letter-spacing:1px;text-transform:uppercase;color:#ffe9fb;text-shadow:0 0 4px #fff,0 0 10px var(--neon2),0 0 22px var(--neon2)}
.neon-btn{flex:none;background:transparent;color:#fff;border:2px solid var(--neon2);border-radius:30px;padding:11px 22px;font-weight:900;font-size:13px;letter-spacing:1px;cursor:pointer;text-shadow:0 0 8px var(--neon2);box-shadow:0 0 8px var(--neon2),inset 0 0 10px rgba(255,43,214,.45);transition:.2s}
.neon-btn:hover{background:var(--neon2);box-shadow:0 0 22px var(--neon2),0 0 44px rgba(255,43,214,.6)}
.neon-btn i{margin-right:6px}
@keyframes neonBorder{0%,100%{box-shadow:0 0 6px var(--neon),0 0 18px rgba(25,211,255,.6),0 0 42px rgba(25,211,255,.35),inset 0 0 14px rgba(25,211,255,.35)}50%{box-shadow:0 0 10px var(--neon),0 0 28px rgba(25,211,255,.85),0 0 60px rgba(25,211,255,.5),inset 0 0 20px rgba(25,211,255,.5)}}
@keyframes neonFlicker{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:.78}}

/* Carrusel automático: cada logo se ve completo (object-fit: contain) */
.sponsors-marquee{overflow:hidden;padding:4px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.sponsors-track{display:flex;width:max-content;animation:sponsorScroll 45s linear infinite;will-change:transform}
.sponsors-marquee:hover .sponsors-track{animation-play-state:paused}
.sponsors-group{display:flex;flex:none}
.sponsor-logo{flex:none;margin:0 24px 0 0;background:#f4f8ff;border-radius:14px;width:240px;height:170px;display:flex;align-items:center;justify-content:center;padding:14px;box-shadow:0 0 16px rgba(0,120,255,.3)}
.sponsor-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@keyframes sponsorScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sponsors-track{animation:none}.sponsors-marquee{overflow-x:auto}.neon-strip,.neon-l1{animation:none}}
.footer-copy{text-align:right;line-height:1.5}
.footer-copy sup{font-size:8px;line-height:0}
@media(max-width:800px){.footer-copy{text-align:center}.sponsor-logo{width:170px;height:125px;padding:10px;margin-right:16px}.sponsors-track{animation-duration:32s}.neon-strip{flex-direction:column;text-align:center;padding:14px 14px;margin:4px 10px 14px}}

/* Logos de sponsors: tamaño fijo y logo completo centrado */
.sponsors-track{flex-direction:row;flex-wrap:nowrap}
.sponsor-logo{width:240px;min-width:240px;height:170px;min-height:170px}
.sponsor-logo img{width:auto;height:auto;max-width:100%;max-height:100%}
@media(max-width:800px){.sponsor-logo{width:170px;min-width:170px;height:125px;min-height:125px}}

/* Aviso de cookies */
.cookie-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:500;width:min(960px,calc(100% - 24px));display:flex;align-items:center;gap:16px;padding:14px 18px;background:rgba(4,14,36,.97);border:1px solid var(--line);border-radius:14px;box-shadow:0 0 30px rgba(0,120,255,.4),0 10px 40px rgba(0,0,0,.6);backdrop-filter:blur(6px)}
.cookie-bar[hidden]{display:none}
.cookie-ico{flex:none;font-size:26px;color:var(--gold)}
.cookie-txt{flex:1;margin:0;font-size:12.5px;line-height:1.5;color:#cfe0f7}
.cookie-txt a{color:var(--cyan);text-decoration:underline}
.cookie-actions{flex:none;display:flex;gap:8px}
.cookie-btn{border:1px solid #1a4a8a;background:#0a1f42;color:#fff;border-radius:30px;padding:10px 18px;font:inherit;font-weight:800;font-size:12px;cursor:pointer;white-space:nowrap}
.cookie-btn:hover{border-color:var(--cyan);color:var(--cyan)}
.cookie-btn.ok{background:var(--red);border-color:var(--red)}
.cookie-btn.ok:hover{background:#ff2b45;color:#fff}
.footer-links .cookie-config{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.footer-links .cookie-config:hover{color:var(--cyan)}
@media(max-width:800px){.cookie-bar{flex-direction:column;text-align:center;gap:10px;bottom:10px}.cookie-actions{width:100%}.cookie-btn{flex:1}}

/* Placeholder de noticias sin foto: ícono de El Altísimo */
.news-thumb,.nc-img{background:var(--eatv-icon) center/42% auto no-repeat,linear-gradient(135deg,#0c4b82,#7a1d9a)}
.news-thumb img,.nc-img img{position:relative;z-index:1;background:#06142c}

/* Franja neón a todo el ancho */
.neon-band{--neon:#19d3ff;--neon2:#ff2bd6;margin:10px 0 0;display:flex;align-items:center;gap:0;height:64px;border-radius:12px;overflow:hidden;background:#020818;border:2px solid var(--neon);box-shadow:0 0 6px var(--neon),0 0 20px rgba(25,211,255,.65),0 0 46px rgba(25,211,255,.35),inset 0 0 16px rgba(25,211,255,.35);animation:neonBorder 3.2s ease-in-out infinite}
.neon-marquee{flex:1;min-width:0;overflow:hidden;height:100%;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.neon-track{display:flex;width:max-content;animation:neonScroll 70s linear infinite}
.neon-marquee:hover .neon-track{animation-play-state:paused}
.neon-group{display:flex;flex:none;align-items:center}
.neon-group span{white-space:nowrap;font-weight:900;font-size:20px;letter-spacing:1.2px;text-transform:uppercase;color:#eafcff;text-shadow:0 0 3px #fff,0 0 9px var(--neon),0 0 20px var(--neon),0 0 40px var(--neon);animation:neonFlicker 6s linear infinite}
.neon-group span:nth-of-type(3n+2){color:#fff0fc;text-shadow:0 0 3px #fff,0 0 9px var(--neon2),0 0 20px var(--neon2),0 0 40px var(--neon2)}
.neon-star{font-style:normal;margin:0 34px;font-size:20px;color:#ffe9fb;text-shadow:0 0 8px var(--neon2),0 0 18px var(--neon2)}
.neon-static{display:none;margin:0;flex:1;padding:8px 14px;font-weight:800;font-size:12px;text-transform:uppercase;color:#eafcff;text-shadow:0 0 8px var(--neon)}
.neon-band .neon-btn{margin:0 14px 0 8px;white-space:nowrap}
@keyframes neonScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.neon-marquee{display:none}.neon-static{display:block}.neon-band{height:auto;min-height:64px}}
@media(max-width:800px){.neon-band{height:54px}.neon-track{animation-duration:55s}.neon-band .neon-btn{padding:9px 14px;font-size:11px;margin:0 8px 0 4px}}
.sponsors-panel{margin-top:10px}

/* Nombre en mensajes y peticiones */
.send-row{flex-wrap:wrap}
.send-row input.nm{flex:1 0 100%}
.send-row input[type=text]:not(.hp):not(.nm){flex:1 1 0}

/* Formulario de contacto ampliado */
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact-form select{background:#071a38;border:1px solid #1a4a8a;border-radius:8px;color:#fff;padding:11px 12px;font:inherit}
.contact-form select option{background:#071a38;color:#fff}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 2px rgba(25,211,255,.25)}
.contact-form button[disabled]{opacity:.6;cursor:wait}
@media(max-width:480px){.cf-row{grid-template-columns:1fr}}
.modal-box{max-height:calc(100vh - 24px);overflow-y:auto}


/* ============ v2.7 RESPONSIVE: todo se ve completo, a cualquier ancho y zoom ============ */
.row1>*,.row2>*,.row3>*{min-width:0}
.panel h3,.panel b,.panel small{overflow-wrap:break-word}

/* Celular */
@media(max-width:800px){
 .head-inner{height:auto;flex-wrap:wrap;padding:8px 0;gap:10px}
 .mobile-menu{display:inline-block;order:3}
 .head-right{order:2;margin-left:auto}
 .head-social,.head-sep{display:none}
 .main-nav{display:none;order:5;width:100%}
 .main-nav.open{display:block}
 .main-nav ul{flex-direction:column;align-items:flex-start;gap:0}
 .main-nav a{padding:12px 0}
 .main-nav .current-menu-item>a:after{display:none}
 .player-panel{min-height:0}
 .player-stage{min-height:0;height:auto;aspect-ratio:16/9}
 .row1{min-height:0}
 .wrap{padding:0 12px}
 .brand img{height:52px}
 .neon-group span{font-size:15px}
 .hora-time{font-size:24px}
 .btn-donate{padding:8px 14px}
 .row1{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "player" "news" "right";gap:10px}
 .hero-left{min-height:260px}
 .right-col{grid-template-columns:minmax(0,1fr)}
 .row2{grid-template-columns:minmax(0,1fr);grid-template-areas:"countries" "hora" "prog" "mira"}
 .progs{--n:2}
 .row3{grid-template-columns:minmax(0,1fr);grid-template-areas:"music" "msg" "pray" "contact"}
 .news-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .neon-band{height:54px}
 .footer-inner{justify-content:center;text-align:center}
 .footer-links{flex-wrap:wrap;justify-content:center;row-gap:6px}
 .archive-grid{grid-template-columns:minmax(0,1fr)}
 .post-card{padding:18px}
 .post-card h1{font-size:22px}
}
@media(max-width:400px){
 .news-cards{grid-template-columns:minmax(0,1fr)}
 .progs{--n:2;--gap:6px}
 .panel-h{font-size:13px}
 .ticker-label{padding:0 20px 0 12px;font-size:10.5px}
}


/* Escritorio/tablet horizontal: SIEMPRE el mismo diseño. Entre 801 y 1279 px (o al hacer zoom)
   toda la página se escala proporcionalmente, sin reacomodar nada ni agrandar el reproductor. */
@media(min-width:801px){
 .site-header,main.home,.site-footer{zoom:var(--eatv-z,1)}
 .wrap{max-width:1536px}
}