/* ===== Banner Radio El Altísimo + Fuego en el Altar Tour (rediseño colorido) ===== */
.eatv-adwrap{margin:10px 0 0}
.eatv-ad{--v:#8a2bff;--p:#ff2f92;--o:#ff9d00;--y:#ffe14d;--c:#19d3ff;--fire:#ff4b1f;--gold:#ffc23a;
  display:block;position:relative;aspect-ratio:8/1;overflow:hidden;container-type:size;color:#fff;text-decoration:none;isolation:isolate;
  border-radius:14px;background:#12031f;font-family:'Montserrat','Segoe UI',system-ui,sans-serif;-webkit-tap-highlight-color:transparent;
  border:2px solid transparent;
  background-image:linear-gradient(#12031f,#12031f),conic-gradient(from var(--ang,0deg),#ff2f92,#ffc23a,#19d3ff,#8a2bff,#ff2f92);
  background-origin:border-box;background-clip:padding-box,border-box;
  box-shadow:0 0 22px rgba(255,47,146,.45),0 0 46px rgba(138,43,255,.35);
  animation:adSpin 6s linear infinite}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes adSpin{to{--ang:360deg}}
.eatv-ad:focus-visible{outline:3px solid var(--y);outline-offset:3px}
@media(max-width:600px){.eatv-ad{aspect-ratio:3.2/1;border-radius:10px}}

.eatv-ad *{box-sizing:border-box}
.eatv-ad h2{margin:0}

/* escenas */
.eatv-ad .ad-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12cqh;padding:0 3cqw;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;overflow:hidden}
.eatv-ad .ad-scene.on{opacity:1;visibility:visible}
.eatv-ad .re{opacity:0;transform:translateY(16cqh) scale(.96);transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,1.2,.3,1)}
.eatv-ad .re.show{opacity:1;transform:none}
.eatv-ad.static .re{opacity:1;transform:none;transition:none}

/* cortina de color al cambiar de escena */
.eatv-ad .ad-wipe{position:absolute;top:-10%;bottom:-10%;left:-40%;width:35%;z-index:9;pointer-events:none;transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.0) 10%,rgba(255,225,77,.95) 40%,#ff2f92 60%,rgba(138,43,255,.8) 85%,transparent);
  filter:blur(2px);opacity:0}
.eatv-ad .ad-wipe.go{animation:adWipe .9s cubic-bezier(.6,0,.3,1)}
@keyframes adWipe{0%{left:-40%;opacity:1}100%{left:120%;opacity:1}}

/* puntitos indicadores */
.eatv-ad .ad-dots{position:absolute;right:2cqw;bottom:6cqh;z-index:8;display:flex;gap:5px}
.eatv-ad .ad-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .3s}
.eatv-ad .ad-dots i.on{background:#fff;box-shadow:0 0 8px #fff;width:18px;border-radius:5px}

/* ===== ESCENA 1 · RADIO ===== */
.eatv-ad [data-scene=radio]{background:#1a0540}
.eatv-ad .ad-aurora{position:absolute;inset:-30%;background:
  radial-gradient(40% 60% at 15% 50%,rgba(138,43,255,.95),transparent 70%),
  radial-gradient(35% 70% at 45% 100%,rgba(255,47,146,.9),transparent 70%),
  radial-gradient(35% 60% at 80% 20%,rgba(255,157,0,.85),transparent 70%),
  radial-gradient(30% 60% at 95% 90%,rgba(25,211,255,.75),transparent 70%);
  filter:blur(8px);animation:adAurora 9s ease-in-out infinite alternate}
@keyframes adAurora{0%{transform:translateX(-6%) rotate(0deg) scale(1)}100%{transform:translateX(6%) rotate(8deg) scale(1.12)}}
.eatv-ad .ad-eq{position:absolute;inset:auto 0 0 0;height:78%;display:flex;align-items:flex-end;gap:3px;padding:0 4px;opacity:.55;mix-blend-mode:screen}
.eatv-ad .ad-eq i{flex:1;height:12%;border-radius:3px 3px 0 0;background:linear-gradient(to top,#19d3ff,#7cff6b 35%,#ffe14d 65%,#ff2f92);
  animation:adEq 1s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes adEq{to{height:var(--h)}}
.eatv-ad .ad-notes{position:absolute;inset:0;pointer-events:none}
.eatv-ad .ad-notes b{position:absolute;bottom:-20%;font-weight:900;font-size:var(--s);color:var(--col);text-shadow:0 0 10px var(--col);opacity:0;animation:adNote var(--t) linear infinite;animation-delay:var(--d)}
@keyframes adNote{0%{transform:translate(0,0) rotate(-12deg);opacity:0}12%{opacity:.95}50%{transform:translate(var(--x),-70cqh) rotate(14deg)}100%{transform:translate(calc(var(--x)*-.6),-150cqh) rotate(-10deg);opacity:0}}

.eatv-ad .ad-logo1{position:relative;display:grid;place-items:center;flex:none;z-index:2}
.eatv-ad .ad-logo1:before,.eatv-ad .ad-logo1:after{content:"";position:absolute;height:90cqh;aspect-ratio:1;border-radius:50%;border:3px solid #ffe14d;animation:adRing 2.8s ease-out infinite;opacity:0}
.eatv-ad .ad-logo1:after{animation-delay:1.4s;border-color:#19d3ff}
@keyframes adRing{0%{transform:scale(.6);opacity:.95}100%{transform:scale(1.9);opacity:0}}
.eatv-ad .ad-logo1 img,.eatv-ad .ad-logo2 img{display:block;width:auto;max-width:none}
.eatv-ad .ad-logo1 img{height:88cqh;transform:scale(.5) rotate(-12deg);opacity:0;filter:drop-shadow(0 0 12px rgba(255,255,255,.55));transition:transform .9s cubic-bezier(.2,1.4,.4,1),opacity .5s}
.eatv-ad .ad-logo1 img.show{transform:none;opacity:1;animation:adBob 3s ease-in-out 1s infinite}
@keyframes adBob{50%{transform:translateY(-4cqh) scale(1.03)}}
.eatv-ad.static .ad-logo1 img{transform:none;opacity:1;transition:none;animation:none}

.eatv-ad .ad-copy1{position:relative;z-index:2;display:flex;align-items:center;gap:10cqh}
.eatv-ad .ad-copy1 h2{font-size:21cqh;line-height:1.1;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.eatv-ad .ad-big{font-size:68cqh;line-height:.9;font-weight:900;letter-spacing:-.03em;padding-right:.08em;
  background:linear-gradient(95deg,#fff 0%,#ffe14d 30%,#ff9d00 55%,#ff2f92 85%);background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 14px rgba(255,157,0,.7)) drop-shadow(0 3px 6px rgba(0,0,0,.45));animation:adShine 3s linear infinite}
@keyframes adShine{to{background-position:-200% 0}}
.eatv-ad .ad-cta1{display:flex;flex-direction:column;align-items:flex-start;gap:8cqh}
.eatv-ad .ad-pill{display:inline-flex;align-items:center;gap:6cqh;padding:7cqh 13cqh;border-radius:99px;font-weight:800;font-size:19cqh;line-height:1.2;white-space:nowrap;
  background:linear-gradient(95deg,#ff9d00,#ff2f92,#8a2bff);box-shadow:0 0 16px rgba(255,47,146,.75),inset 0 0 0 2px rgba(255,255,255,.35)}
.eatv-ad .ad-dot{display:inline-block;width:7cqh;height:7cqh;border-radius:50%;background:#fff;animation:adBlink 1s infinite}
@keyframes adBlink{50%{opacity:.2}}
.eatv-ad .ad-pill-f{background:linear-gradient(180deg,#fff7c2,#ffd23a);color:#3a0a00;box-shadow:0 0 18px rgba(255,230,90,.9),0 0 0 2px rgba(58,6,32,.55)}
.eatv-ad .ad-pill-f .ad-dot{background:#2a0800}
.eatv-ad .ad-play{display:inline-flex;align-items:center;gap:6cqh;padding:6cqh 12cqh;border-radius:8px;font-weight:900;font-size:15cqh;letter-spacing:.5px;white-space:nowrap;
  color:#1a0540;background:linear-gradient(180deg,#fff,#ffe14d);box-shadow:0 0 14px rgba(255,225,77,.85);animation:adPulse 1.3s ease-in-out infinite}
@keyframes adPulse{50%{transform:scale(1.07);box-shadow:0 0 26px rgba(255,225,77,1)}}

/* ===== ESCENA 2 · TOUR ===== */
.eatv-ad [data-scene=tour]{background:linear-gradient(100deg,#3a0620 0%,#a3122a 38%,#ff4b1f 72%,#ffa21f 100%)}
.eatv-ad .ad-fire{position:absolute;inset:-20%;background:
  radial-gradient(45% 85% at 50% 125%,rgba(255,236,90,1),transparent 70%),
  radial-gradient(40% 90% at 15% 125%,rgba(255,120,20,.95),transparent 70%),
  radial-gradient(38% 80% at 88% 110%,rgba(255,200,40,.9),transparent 70%),
  radial-gradient(32% 80% at 100% 0%,rgba(40,110,255,.85),transparent 70%),
  radial-gradient(30% 70% at 0% 0%,rgba(255,47,146,.7),transparent 70%);
  filter:blur(6px);animation:adFire 3.5s ease-in-out infinite alternate}
@keyframes adFire{0%{transform:translateY(2%) scale(1)}100%{transform:translateY(-3%) scale(1.1)}}
.eatv-ad .ad-embers{position:absolute;inset:0;pointer-events:none}
.eatv-ad .ad-embers b{position:absolute;bottom:-6%;width:var(--s);aspect-ratio:1;border-radius:50%;background:radial-gradient(#fff,var(--col) 55%,transparent 70%);box-shadow:0 0 8px var(--col);opacity:0;animation:adEmber var(--t) ease-out infinite;animation-delay:var(--d)}
@keyframes adEmber{0%{opacity:0;transform:translate(0,0) scale(1)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),-105cqh) scale(.3)}}

.eatv-ad .ad-c2{position:relative;z-index:3;display:flex;align-items:center;gap:14cqh}
.eatv-ad .ad-k{font-size:15cqh;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.eatv-ad .ad-c2 h2{font-size:33cqh;line-height:1.05;font-weight:900;letter-spacing:-.02em;white-space:nowrap;padding-right:.05em;
  background:linear-gradient(180deg,#fff 10%,#fff3a0 50%,#ffd23a 100%);background-size:100% 200%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 10px rgba(120,10,0,.8)) drop-shadow(0 3px 5px rgba(40,0,10,.75));animation:adHeat 2.4s ease-in-out infinite alternate}
@keyframes adHeat{to{background-position:0 100%}}
.eatv-ad .ad-b{display:flex;flex-direction:column;align-items:flex-start;gap:8cqh}
.eatv-ad .ad-tag{font-size:21cqh;font-weight:900;font-style:italic;color:#fff;white-space:nowrap;
  text-shadow:0 0 6px #7a0f00,0 2px 10px #5a0010,0 0 22px #ff7a1a}
.eatv-ad .ad-logo2{position:relative;z-index:3;flex:none}
.eatv-ad .ad-logo2 img{height:90cqh;transform:scale(.3) rotate(10deg);opacity:0;filter:drop-shadow(0 0 3px #4a0618) drop-shadow(0 0 10px rgba(255,150,30,.8));transition:transform .8s cubic-bezier(.2,1.4,.4,1),opacity .4s}
.eatv-ad .ad-logo2 img.show{transform:none;opacity:1;animation:adFlick 2.2s ease-in-out 1s infinite}
@keyframes adFlick{0%,100%{filter:drop-shadow(0 0 3px #4a0618) drop-shadow(0 0 10px rgba(255,150,30,.8))}50%{filter:drop-shadow(0 0 3px #4a0618) drop-shadow(0 0 22px rgba(255,210,60,1)) brightness(1.08)}}
.eatv-ad.static .ad-logo2 img{transform:none;opacity:1;transition:none;animation:none}

.eatv-ad .ad-estamos{position:absolute;left:0;right:0;top:8cqh;text-align:center;z-index:3;pointer-events:none}
.eatv-ad .ad-estamos span{display:inline-block;font-size:27cqh;font-weight:900;font-style:italic;color:#fff;text-shadow:0 0 6px #7a0f00,0 3px 12px #5a0010,0 0 26px #ffcf3a}
.eatv-ad.static .ad-estamos{display:none}
.eatv-ad .ad-trail{position:absolute;inset:0;z-index:2;pointer-events:none;transition:opacity .8s}
.eatv-ad.dim .ad-trail{opacity:.25}
.eatv-ad .ad-foot{position:absolute}
.eatv-ad .ad-foot svg{width:100%;height:100%;display:block;opacity:0}
.eatv-ad .ad-foot.lit svg{animation:adStomp .5s ease-out forwards}
.eatv-ad.static .ad-foot svg{opacity:.9;animation:none}
@keyframes adStomp{0%{opacity:0;transform:scale(1.7)}40%{opacity:1;transform:scale(.94);filter:drop-shadow(0 0 10px #fff3a0)}100%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 2px #4a0618) drop-shadow(0 0 6px rgba(60,0,20,.7))}}
.eatv-ad .ad-flame{position:absolute;z-index:4;width:14cqh;height:24cqh;border-radius:50% 50% 50% 50%/65% 65% 35% 35%;
  background:radial-gradient(ellipse at 50% 75%,#fff 0,#fff2a8 20%,var(--gold) 45%,var(--fire) 78%,transparent 100%);
  box-shadow:0 0 16px 5px rgba(255,120,20,.9),0 0 34px 10px rgba(255,60,20,.5);transform:translate(-50%,-80%);opacity:0;
  filter:drop-shadow(0 0 3px #7a0010);transition:left .2s linear,opacity .4s;animation:adFl .16s ease-in-out infinite alternate}
.eatv-ad .ad-flame.show{opacity:1}
@keyframes adFl{to{height:29cqh;filter:brightness(1.2) drop-shadow(0 0 3px #7a0010)}}

/* ===== Compacto (móvil) ===== */
@container (max-aspect-ratio:5/1){
  .eatv-ad .ad-scene{gap:7cqh;padding:0 2.5cqw}
  .eatv-ad .ad-logo1 img{height:80cqh}
  .eatv-ad .ad-copy1{flex-wrap:wrap;gap:3cqh 6cqh;justify-content:flex-start;max-width:62cqw}
  .eatv-ad .ad-copy1 h2{flex-basis:100%;font-size:14cqh}
  .eatv-ad .ad-big{font-size:36cqh}
  .eatv-ad .ad-cta1{flex-direction:row;gap:5cqh}
  .eatv-ad .ad-pill{font-size:10cqh;padding:4cqh 8cqh;gap:4cqh}
  .eatv-ad .ad-play{display:none}
  .eatv-ad .ad-dot{width:5cqh;height:5cqh}
  .eatv-ad .ad-c2{flex-direction:column;align-items:flex-start;gap:5cqh}
  .eatv-ad .ad-k{font-size:10cqh}
  .eatv-ad .ad-c2 h2{font-size:21cqh}
  .eatv-ad .ad-b{gap:5cqh}
  .eatv-ad .ad-tag{font-size:12cqh}
  .eatv-ad .ad-logo2 img{height:80cqh}
  .eatv-ad .ad-estamos span{font-size:22cqh}
  .eatv-ad .ad-flame{width:11cqh;height:19cqh}
  .eatv-ad .ad-dots{display:none}
}
@media(prefers-reduced-motion:reduce){
  .eatv-ad,.eatv-ad .ad-aurora,.eatv-ad .ad-eq i,.eatv-ad .ad-notes b,.eatv-ad .ad-embers b,.eatv-ad .ad-fire,.eatv-ad .ad-big,.eatv-ad .ad-play,.eatv-ad .ad-c2 h2,.eatv-ad .ad-logo1:before,.eatv-ad .ad-logo1:after,.eatv-ad .ad-flame,.eatv-ad .ad-dot{animation:none!important}
}