:root{--bg:#050505;--panel:#0a0a0b;--panel2:#100606;--red:#e81d24;--redDark:#651015;--gold:#f6bc28;--text:#f2f2f2;--muted:#aaa;--line:#361014;--max:1640px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 20% 0,#240505 0,transparent 28%),linear-gradient(#030303,#090505 60%,#030303);font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{min-height:38px;background:#020202;border-bottom:1px solid #262626;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - var(--max))/2));font-size:12px;font-weight:900;letter-spacing:.06em}.top-slogan{display:flex;gap:8px;align-items:center}.antenna{font-size:20px}.top-actions{display:flex;align-items:center;gap:10px}.follow-label{color:var(--gold);margin-right:6px}.top-actions a{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#172a59;color:#fff;font-weight:900}.top-actions a:nth-of-type(2){background:#222}.live-pill{margin-left:10px;background:#b91419;border:1px solid #ed2b31;padding:7px 15px;border-radius:2px;box-shadow:0 0 16px rgba(232,29,36,.18)}.live-pill i,.live-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;margin-right:6px}
.hero{width:min(calc(100% - 22px),var(--max));margin:auto;background:#090909;border-left:1px solid #200707;border-right:1px solid #200707;overflow:hidden}.hero img{display:block;width:100%;height:auto;min-height:225px;object-fit:cover}.nav{position:sticky;top:0;z-index:20;min-height:58px;background:rgba(3,3,3,.97);border-bottom:1px solid #5d0c12;display:flex;justify-content:center;align-items:stretch;gap:0;overflow-x:auto}.nav a{min-width:145px;height:58px;display:flex;align-items:center;justify-content:center;gap:10px;color:#d4d4d4;font-size:13px;font-weight:900;border-bottom:3px solid transparent;white-space:nowrap}.nav a span{font-size:19px}.nav a:hover,.nav a.active{color:#fff;border-bottom-color:var(--red);background:linear-gradient(180deg,transparent,#120405)}main{width:min(calc(100% - 22px),var(--max));margin:auto;padding:14px 0 26px}
.upper-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.player-shell,.schedule-card,.side-card{border:1px solid #6b1117;background:linear-gradient(135deg,#0c0c0c,#080404);box-shadow:inset 0 0 30px rgba(255,0,0,.035)}.player-shell{min-height:180px;padding:15px;display:grid;grid-template-columns:145px 1fr 115px 1.25fr;gap:16px;align-items:center}.cover{height:140px;border:1px solid #411015;background:radial-gradient(circle at 50% 50%,#260406 0,#090909 68%);display:grid;place-items:center;overflow:hidden}.cover-logo{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(232,29,36,.28))}.red-kicker,.panel-heading,.promo>span,.promo div>span{color:var(--red);font-weight:900;font-style:italic;letter-spacing:.04em}.track h1{font-family:Impact,"Arial Black",sans-serif;font-size:34px;letter-spacing:.02em;margin:5px 0}.track p{margin:0;color:#ddd;font-size:16px}.track-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.track-meta span:first-child{color:#d9d9d9}.play-zone{text-align:center}.live-status{color:var(--red);font-weight:900;margin-bottom:13px}.live-status i{background:var(--red);box-shadow:0 0 12px var(--red)}.play{width:68px;height:68px;border-radius:50%;border:3px solid var(--red);background:#060606;color:white;font-size:25px;cursor:pointer}.play:hover{background:#1e0608}.wave-zone{display:flex;flex-direction:column;gap:11px}.wave{height:52px;display:flex;gap:4px;align-items:center;overflow:hidden}.wave span{width:4px;height:18px;border-radius:2px;background:linear-gradient(#ff4348,#bd0810);animation:wave 1s ease-in-out infinite alternate;animation-play-state:paused}.playing .wave span{animation-play-state:running}.wave span:nth-child(2n){height:42px;animation-delay:.1s}.wave span:nth-child(3n){height:28px;animation-delay:.25s}.wave span:nth-child(5n){height:48px;animation-delay:.45s}@keyframes wave{to{transform:scaleY(.32);opacity:.45}}.volume-wrap{display:flex;align-items:center;gap:10px}.volume-wrap input{width:72%;accent-color:var(--red)}.kbps{margin-left:auto;font-size:11px;color:#bbb}.external-player{align-self:flex-end;border:1px solid #561017;padding:9px 13px;font-size:10px;font-weight:900}.schedule-card{padding:17px}.panel-heading{font-size:20px;border-bottom:1px solid #361014;padding-bottom:10px;margin-bottom:10px}.schedule-row{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px;margin:7px 0;font-size:14px}.schedule-row b{background:var(--red);padding:5px 7px;text-align:center;border-radius:2px}.schedule-more{display:block;margin-top:13px;border:1px solid #5a1015;color:#fff;text-align:center;padding:8px 10px;font-size:10px;font-weight:900}.schedule-more:hover{background:#170407;border-color:var(--red)}.planned{display:block;margin-top:10px;color:#777;font-size:9px;letter-spacing:.08em}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-top:14px}.section-head{min-height:46px;border-top:1px solid #471015;border-bottom:1px solid #471015;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-head>div{display:flex;align-items:center;gap:8px}.section-head h2{margin:0;font-style:italic;font-size:24px}.bolt{color:var(--red);font-size:34px}.auto-badge{font-size:9px;color:#888;border:1px solid #303030;padding:6px 8px}.news-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.news-card{border:1px solid #641017;background:#090909;min-height:325px;display:flex;flex-direction:column;overflow:hidden;transition:.15s}.news-card:hover{transform:translateY(-3px);border-color:var(--red);box-shadow:0 8px 25px rgba(0,0,0,.45)}.news-card img{display:block;width:100%;height:112px;object-fit:cover;filter:saturate(.85) contrast(1.08)}.news-body{padding:12px 13px 14px;display:flex;flex:1;flex-direction:column}.news-card .date{font-size:10px;color:var(--red);font-weight:900;margin-bottom:7px}.news-card .source{font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.news-card h3{font-size:16px;line-height:1.16;margin:0 0 8px}.news-card p{font-size:12px;color:#bbb;line-height:1.42;margin:0 0 10px}.news-card a{margin-top:auto;color:#ff3037;font-weight:900;font-size:11px}.right-column{display:flex;flex-direction:column;gap:10px}.side-card{padding:13px}.history-inner,.album-inner{display:grid;grid-template-columns:120px 1fr;gap:13px;align-items:center}.history-inner img,.album-inner img{width:120px;height:105px;object-fit:cover;border:1px solid #2f2f2f}.history-inner b,.album-inner b{font-size:13px}.history-inner p,.album-inner p{font-size:12px;line-height:1.35;color:#c2c2c2}.history-inner a{color:var(--red);font-weight:900;font-size:11px}
.promo-grid{display:grid;grid-template-columns:1.05fr 1.3fr .7fr 1.05fr;gap:10px;margin-top:14px}.promo{min-height:132px;border:1px solid #641017;background:linear-gradient(145deg,#0c0c0c,#090303);padding:15px;display:flex;align-items:center;gap:15px;overflow:hidden}.promo strong{display:block;font-family:Impact,"Arial Black",sans-serif;font-size:29px;margin-top:4px}.promo small{display:block;color:#aaa;margin-top:3px}.promo a,.promo em{font-style:normal;font-weight:900;font-size:10px}.zeno .radio-icon{font-size:55px;color:#f2212b}.zeno strong{color:#22d8df}.zeno a{margin-left:auto;background:var(--red);padding:9px 12px}.app{justify-content:space-between}.app em{display:inline-block;background:#222;color:#aaa;padding:7px 9px;margin-top:10px}.app img{height:120px;width:120px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,0,0,.28))}.social{display:flex;align-items:stretch;justify-content:center;flex-direction:column}.social a{border-bottom:1px solid #242424;padding:7px 0;font-size:12px}.social b{float:right;color:var(--red)}.carry{background:radial-gradient(circle at 72% 50%,rgba(255,0,0,.18),transparent 35%),linear-gradient(145deg,#0b0b0b,#120305);font-family:Impact,"Arial Black",sans-serif;font-style:italic;font-size:23px}.carry img{height:105px;width:105px;object-fit:contain}.carry b{color:var(--red);font-size:1.25em}
footer{min-height:110px;border-top:1px solid #2a0d10;background:#020202;padding:20px max(18px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:center}.made{display:flex;align-items:center;gap:10px}.lightning{font-size:52px;color:var(--gold)}.made small,.made span,.footer-center span,.footer-center small{display:block;color:#999;font-size:11px}.made a{display:block;color:var(--gold);font-weight:900;font-size:18px}.footer-center{text-align:center;line-height:1.45}.footer-links{display:flex;justify-content:flex-end;gap:18px;color:#aaa;font-size:10px}
@media(max-width:1200px){.upper-grid,.content-grid{grid-template-columns:1fr}.schedule-card{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.schedule-card .panel-heading,.schedule-card .planned{grid-column:1/-1}.schedule-row{grid-template-columns:1fr;text-align:center}.news-grid{grid-template-columns:repeat(3,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr}.promo-grid{grid-template-columns:1fr 1fr}.nav a{min-width:125px}.player-shell{grid-template-columns:130px 1fr 100px 1.1fr}}
@media(max-width:760px){.topbar{padding:7px 10px;gap:10px}.follow-label,.top-actions a{display:none}.hero img{height:250px;object-fit:cover;object-position:center}.nav{justify-content:flex-start}.nav a{min-width:115px}.player-shell{grid-template-columns:90px 1fr 76px;gap:10px}.cover{height:90px}.track h1{font-size:24px}.track p{font-size:13px}.play{width:56px;height:56px}.wave-zone{grid-column:1/-1}.schedule-card{display:block}.schedule-row{grid-template-columns:65px 1fr;text-align:left}.news-grid{grid-template-columns:1fr 1fr}.right-column{display:block}.side-card{margin-top:10px}.promo-grid{grid-template-columns:1fr}.app img{width:90px;height:90px}footer{grid-template-columns:1fr;text-align:center}.made,.footer-links{justify-content:center}.footer-links{flex-wrap:wrap}}
@media(max-width:500px){main{padding:10px}.hero img{height:205px}.news-grid{grid-template-columns:1fr}.player-shell{grid-template-columns:72px 1fr}.play-zone{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:12px}.cover{height:72px}.track h1{font-size:21px}.history-inner,.album-inner{grid-template-columns:95px 1fr}.history-inner img,.album-inner img{width:95px;height:90px}}

/* V3: mayor presencia visual y mejor aprovechamiento del ancho */
@media(min-width:1500px){
  .upper-grid,.content-grid{grid-template-columns:minmax(0,1fr) 350px}
  .player-shell{grid-template-columns:145px minmax(260px,.95fr) 115px minmax(360px,1.35fr)}
  .news-card img{height:126px}
  .news-card{min-height:338px}
}


/* V5 · STREAM DIRECTO ZENO manteniendo el player visual V3 */
.stream-status{
  min-height:14px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  color:#777;
  text-align:right;
  text-transform:uppercase;
}
.stream-status[data-state="live"]{color:#ff343a}
.stream-status[data-state="loading"]{color:#d6a745}
.stream-status[data-state="error"]{color:#ff6065}
.stream-status[data-state="paused"]{color:#999}


/* =========================================================
   V6 · HISTORIA CINEMATOGRÁFICA / EL NACIMIENTO DE UNA SEÑAL
   ========================================================= */
.story-section{
  margin-top:18px;
  border-top:1px solid #421015;
  padding-top:13px;
}
.story-heading{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #421015;
  margin-bottom:10px;
}
.story-heading h2{
  margin:0;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:25px;
  font-style:italic;
  letter-spacing:.055em;
}
.story-heading>span:last-child{
  margin-left:auto;
  color:#7e7e7e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.story-signal{
  width:28px;
  height:20px;
  position:relative;
  display:block;
  background:
    linear-gradient(90deg,transparent 0 8%,#e81d24 8% 13%,transparent 13% 24%,#e81d24 24% 30%,transparent 30% 41%,#e81d24 41% 48%,transparent 48% 59%,#e81d24 59% 65%,transparent 65% 76%,#e81d24 76% 82%,transparent 82%);
  transform:skewX(-16deg);
}
.story-slider{
  position:relative;
  height:430px;
  overflow:hidden;
  border:1px solid #6b1117;
  background:#040404;
  isolation:isolate;
  outline:none;
  box-shadow:inset 0 0 55px rgba(255,0,0,.035);
}
.story-slider:focus-visible{
  box-shadow:0 0 0 2px #e81d24,inset 0 0 55px rgba(255,0,0,.035);
}
.story-slider::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  opacity:.13;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 1px,transparent 1px,transparent 4px);
  mix-blend-mode:overlay;
}
.story-slider::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.52) 28%,rgba(0,0,0,.08) 60%,rgba(0,0,0,.18) 100%),
    linear-gradient(0deg,rgba(0,0,0,.65) 0%,transparent 38%);
}
.story-slide{
  position:absolute;
  inset:0;
  z-index:1;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.035);
  transition:opacity 1.15s ease,transform 6.8s ease;
  pointer-events:none;
}
.story-slide.active{
  opacity:1;
  transform:scale(1);
  pointer-events:auto;
}
.story-copy{
  position:absolute;
  z-index:8;
  left:68px;
  bottom:64px;
  width:min(540px,52%);
  transform:translateY(14px);
  opacity:0;
  transition:opacity .75s ease .2s,transform .8s ease .2s;
}
.story-slide.active .story-copy{
  opacity:1;
  transform:translateY(0);
}
.story-number{
  display:block;
  color:#ff252c;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:28px;
  line-height:1;
  margin-bottom:7px;
  text-shadow:0 0 22px rgba(255,0,0,.25);
}
.story-copy h3{
  margin:0 0 8px;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:42px;
  line-height:.98;
  letter-spacing:.035em;
  text-transform:uppercase;
  text-shadow:0 3px 20px #000;
}
.story-copy p{
  margin:0;
  color:#f2f2f2;
  font-size:18px;
  line-height:1.45;
  max-width:480px;
  text-shadow:0 2px 12px #000;
}
.story-arrow{
  position:absolute;
  z-index:10;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:72px;
  border:0;
  background:rgba(0,0,0,.36);
  color:#fff;
  font-size:48px;
  line-height:1;
  cursor:pointer;
  transition:.15s;
}
.story-arrow:hover{
  background:rgba(232,29,36,.68);
}
.story-prev{left:0}
.story-next{right:0}
.story-progress{
  position:absolute;
  z-index:11;
  left:50%;
  bottom:23px;
  transform:translateX(-50%);
  display:flex;
  gap:9px;
}
.story-progress button{
  width:38px;
  height:4px;
  padding:0;
  border:0;
  border-radius:4px;
  background:#c8c8c8;
  opacity:.72;
  cursor:pointer;
  transition:.25s;
}
.story-progress button.active{
  width:54px;
  background:#e81d24;
  opacity:1;
  box-shadow:0 0 10px rgba(232,29,36,.45);
}
.story-wave{
  position:absolute;
  z-index:9;
  left:0;
  right:0;
  bottom:0;
  height:5px;
  display:flex;
  gap:0;
  overflow:hidden;
  opacity:.92;
}
.story-wave i{
  flex:1;
  background:linear-gradient(90deg,#7e080d,#ff2b32,#7e080d);
  animation:storySignal 2.2s linear infinite;
}
.story-wave i:nth-child(2n){animation-delay:-.35s}
.story-wave i:nth-child(3n){animation-delay:-.7s}
@keyframes storySignal{
  0%,100%{filter:brightness(.55)}
  50%{filter:brightness(1.7)}
}
@media(max-width:900px){
  .story-slider{height:350px}
  .story-copy{left:42px;bottom:58px;width:65%}
  .story-copy h3{font-size:34px}
  .story-copy p{font-size:16px}
  .story-heading>span:last-child{display:none}
}
@media(max-width:600px){
  .story-section{margin-top:12px}
  .story-heading h2{font-size:20px}
  .story-slider{height:315px}
  .story-slider::after{
    background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.08) 100%);
  }
  .story-slide{background-position:63% center}
  .story-copy{
    left:20px;
    right:20px;
    bottom:52px;
    width:auto;
  }
  .story-number{font-size:22px}
  .story-copy h3{font-size:28px}
  .story-copy p{font-size:14px}
  .story-arrow{width:38px;height:58px;font-size:38px;background:rgba(0,0,0,.28)}
  .story-progress{bottom:19px;gap:5px}
  .story-progress button{width:24px}
  .story-progress button.active{width:34px}
}
@media(prefers-reduced-motion:reduce){
  .story-slide,.story-copy,.story-progress button{transition:none}
  .story-wave i{animation:none}
}


/* =========================================================
   V7 · SLIDER PROFESIONAL + LOGO SIN CUADRO
   ========================================================= */

/* El logo oficial queda integrado, sin borde/cuadro blanco */
.player-shell .cover{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.player-shell .cover-logo{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 14px rgba(232,29,36,.18));
}

/* Slider: fotografía grande y limpia */
.story-slider{
  --story-duration: 9500ms;
  height:460px;
  border-color:#531015;
  background:#050505;
}
.story-slide{
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.075);
  transition:opacity 1.35s cubic-bezier(.4,0,.2,1);
  will-change:opacity,transform;
}
.story-slide.active{
  opacity:1;
  animation:storyKenBurns var(--story-duration) linear forwards;
}
.story-slide:nth-of-type(2){background-position:center 45%}
.story-slide:nth-of-type(3){background-position:center 55%}
.story-slide:nth-of-type(4){background-position:center 45%}
.story-slide:nth-of-type(5){background-position:center 50%}
.story-slide:nth-of-type(6){background-position:center 48%}

@keyframes storyKenBurns{
  from{transform:scale(1.075) translate3d(0,0,0)}
  to{transform:scale(1.015) translate3d(-.7%,.25%,0)}
}

/* Oscurecimiento cinematográfico: texto claro sin tapar la foto */
.story-slider::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.58) 26%,rgba(0,0,0,.13) 58%,rgba(0,0,0,.20) 100%),
    linear-gradient(0deg,rgba(0,0,0,.60) 0%,transparent 48%);
}
.story-slider::before{
  opacity:.055;
}

/* Sin números tipo 01 / 02 / 03 */
.story-number{display:none !important}

/* Texto más elegante, sin parecer plantilla */
.story-copy{
  left:72px;
  bottom:72px;
  width:min(570px,52%);
}
.story-copy h3{
  font-size:46px;
  letter-spacing:.025em;
  text-shadow:0 3px 28px #000;
}
.story-copy p{
  font-size:18px;
  max-width:520px;
  color:#ededed;
}

/* Indicadores discretos con progreso visible */
.story-progress{
  bottom:25px;
  gap:7px;
}
.story-progress button{
  position:relative;
  overflow:hidden;
  width:42px;
  height:3px;
  background:rgba(255,255,255,.32);
  opacity:1;
}
.story-progress button::after{
  content:"";
  position:absolute;
  inset:0;
  transform:scaleX(0);
  transform-origin:left center;
  background:#e81d24;
}
.story-progress button.active{
  width:58px;
  background:rgba(255,255,255,.24);
  box-shadow:none;
}
.story-progress button.active::after{
  animation:storyProgress var(--story-duration) linear forwards;
}
@keyframes storyProgress{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

/* Flechas finas: visibles solo cuando sirven */
.story-arrow{
  width:44px;
  height:64px;
  background:rgba(0,0,0,.18);
  color:rgba(255,255,255,.78);
  font-size:42px;
  opacity:.58;
}
.story-arrow:hover{
  opacity:1;
  background:rgba(180,0,8,.50);
}

/* Logo REAL en la escena final */
.story-official-logo{
  position:absolute;
  z-index:8;
  right:9%;
  top:50%;
  transform:translateY(-50%);
  width:min(330px,28vw);
  height:auto;
  filter:drop-shadow(0 0 28px rgba(255,0,0,.30));
  opacity:.94;
}

/* Quitar la línea roja "onda" inferior de V6, que distraía */
.story-wave{display:none !important}

@media(max-width:900px){
  .story-slider{height:380px}
  .story-copy{left:46px;bottom:62px;width:62%}
  .story-copy h3{font-size:36px}
  .story-official-logo{right:6%;width:min(250px,30vw)}
}
@media(max-width:600px){
  .story-slider{height:330px}
  .story-copy{
    left:22px;
    right:22px;
    bottom:54px;
    width:auto;
  }
  .story-copy h3{font-size:29px}
  .story-copy p{font-size:14px}
  .story-official-logo{
    width:145px;
    right:18px;
    top:38%;
    opacity:.62;
  }
}
@media(prefers-reduced-motion:reduce){
  .story-slide.active{animation:none}
  .story-progress button.active::after{animation:none;transform:scaleX(1)}
}


/* =========================================================
   V8 · SLIDER LOCAL + FOOTER ESTÁNDAR OZZYLATOR LABS
   ========================================================= */

/* Slider servido 100% desde Cloudflare: nada externo */
.story-slide{
  background-color:#090909;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

/* Evita que quede negro mientras cambia una imagen */
.story-slide.active{
  opacity:1 !important;
}

/* Pie de página estándar de los proyectos Ozzylator Labs */
.site-footer{
  min-height:116px;
  border-top:1px solid #351014;
  background:
    linear-gradient(180deg,#050505 0%,#010101 100%);
  padding:20px max(18px,calc((100vw - var(--max))/2));
  display:grid;
  grid-template-columns:1fr 1.35fr 1fr;
  align-items:center;
  gap:24px;
}

.footer-credit{
  display:flex;
  align-items:center;
  gap:12px;
}

.footer-bolt{
  color:var(--gold);
  font-family:Impact,"Arial Black",sans-serif;
  font-size:48px;
  line-height:1;
  transform:skewX(-10deg);
}

.footer-credit small{
  display:block;
  color:#969696;
  font-size:9px;
  letter-spacing:.12em;
  margin-bottom:2px;
}

.footer-credit a{
  display:block;
  color:var(--gold);
  font-size:18px;
  font-weight:900;
  letter-spacing:.025em;
}

.footer-credit a:hover{
  color:#fff;
}

.site-footer .footer-center{
  text-align:center;
  line-height:1.48;
}

.site-footer .footer-center b{
  display:block;
  color:#ddd;
  font-size:11px;
  letter-spacing:.05em;
}

.site-footer .footer-center span,
.site-footer .footer-center small{
  display:block;
  color:#8d8d8d;
  font-size:10px;
}

.site-footer .footer-links{
  display:flex;
  justify-content:flex-end;
  gap:18px;
  flex-wrap:wrap;
}

.site-footer .footer-links a{
  color:#9c9c9c;
  font-size:9px;
  letter-spacing:.08em;
  font-weight:800;
}

.site-footer .footer-links a:hover{
  color:var(--red);
}

@media(max-width:760px){
  .site-footer{
    grid-template-columns:1fr;
    text-align:center;
    gap:16px;
  }
  .footer-credit,
  .site-footer .footer-links{
    justify-content:center;
  }
}


/* =========================================================
   V9 · FIX DEFINITIVO DEL SLIDER
   Las imágenes se definen desde CSS para evitar rutas inline inválidas.
   ========================================================= */

.story-slide[data-story="0"]{background-image:url("story-01-hd.jpg") !important}
.story-slide[data-story="1"]{background-image:url("story-02-hd.jpg") !important}
.story-slide[data-story="2"]{background-image:url("story-03-hd.jpg") !important}
.story-slide[data-story="3"]{background-image:url("story-04-hd.jpg") !important}
.story-slide[data-story="4"]{background-image:url("story-05-hd.jpg") !important}
.story-slide[data-story="5"]{background-image:url("story-06-hd.jpg") !important}

.story-slide{
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-color:#090909 !important;
}

/* Mostrar mejor la fotografía: menos capa negra que en V8 */
.story-slider::after{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.68) 0%,
      rgba(0,0,0,.42) 28%,
      rgba(0,0,0,.06) 63%,
      rgba(0,0,0,.11) 100%),
    linear-gradient(0deg,rgba(0,0,0,.42) 0%,transparent 44%) !important;
}

.story-slider::before{
  opacity:.035 !important;
}

.story-copy{
  z-index:12 !important;
}

.story-copy h3,
.story-copy p{
  opacity:1 !important;
  color:#fff !important;
}

.story-slide.active{
  opacity:1 !important;
}


/* =========================================================
   V10 · TICKER "AHORA SUENA" + METADATOS REALES ZENO.FM
   ========================================================= */

.now-ticker{
  margin:12px 0 17px;
  min-height:46px;
  border:1px solid #541015;
  background:
    linear-gradient(180deg,#0b0708 0%,#050505 100%);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  overflow:hidden;
  box-shadow:
    inset 0 1px rgba(255,255,255,.018),
    inset 0 -1px rgba(232,29,36,.055);
}

.now-ticker-label{
  align-self:stretch;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 18px;
  border-right:1px solid #4c0d12;
  color:#ff343a;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:14px;
  font-style:italic;
  letter-spacing:.065em;
  white-space:nowrap;
  background:#0b0506;
  position:relative;
  z-index:3;
}

.ticker-live-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ff252c;
  box-shadow:0 0 10px rgba(255,37,44,.85);
  animation:tickerPulse 1.45s ease-in-out infinite;
}

@keyframes tickerPulse{
  0%,100%{opacity:.45;transform:scale(.82)}
  50%{opacity:1;transform:scale(1.15)}
}

.now-ticker-window{
  min-width:0;
  overflow:hidden;
  position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
}

.now-ticker-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:24px;
  padding-left:30px;
  animation:nowTickerScroll 24s linear infinite;
  will-change:transform;
}

.now-ticker:hover .now-ticker-track{
  animation-play-state:paused;
}

.ticker-text{
  color:#f2f2f2;
  font-size:13px;
  font-weight:900;
  letter-spacing:.055em;
  white-space:nowrap;
  text-transform:uppercase;
}

.ticker-text .ticker-artist{
  color:#fff;
}

.ticker-text .ticker-song{
  color:#ff333a;
}

.ticker-separator{
  color:#7e1117;
  font-size:9px;
}

.ticker-source{
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:0 14px;
  border-left:1px solid #4c0d12;
  color:#777;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  background:#080505;
  white-space:nowrap;
  position:relative;
  z-index:3;
}

@keyframes nowTickerScroll{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 12px))}
}

.now-ticker.metadata-live{
  border-color:#751017;
}
.now-ticker.metadata-live .ticker-source{
  color:#c9c9c9;
}
.now-ticker.metadata-error .ticker-live-dot{
  animation:none;
  opacity:.35;
}

@media(max-width:700px){
  .now-ticker{
    grid-template-columns:auto minmax(0,1fr);
    min-height:44px;
  }
  .now-ticker-label{
    padding:0 12px;
    font-size:12px;
  }
  .ticker-source{display:none}
  .ticker-text{font-size:11px}
  .now-ticker-track{
    gap:18px;
    animation-duration:20s;
  }
}

@media(prefers-reduced-motion:reduce){
  .now-ticker-track{
    animation:none;
    transform:none;
  }
  .ticker-live-dot{
    animation:none;
  }
}


/* =========================================================
   V16 — MAQUETA APROBADA LLEVADA AL SITIO REAL
   ========================================================= */

.story-v16{margin-top:16px}
.story-v16 .story-heading{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:12px;
  border-top:1px solid #421015;
  border-bottom:1px solid #421015;
  margin-bottom:10px;
}
.story-v16 .story-heading h2{
  margin:0;
  color:#fff;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:25px;
  font-style:italic;
  letter-spacing:.04em;
}
.story-v16 .story-heading>span:last-child{
  margin-left:auto;
  color:#777;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.story-v16 .story-signal{
  width:28px;height:18px;
  background:repeating-linear-gradient(90deg,#e81d24 0 3px,transparent 3px 6px);
  transform:skewX(-15deg);
}

.story-v16 .story-slider{
  position:relative;
  height:470px;
  overflow:hidden;
  border:1px solid #641017;
  background:#050505;
  isolation:isolate;
}
.story-v16 .story-slide{
  position:absolute;
  inset:0;
  opacity:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.025);
  transition:opacity .9s ease;
}
.story-v16 .story-slide.active{
  opacity:1;
  animation:v16cinema 6s ease-out forwards;
}
@keyframes v16cinema{
  from{transform:scale(1.025)}
  to{transform:scale(1.002)}
}
.story-v16 .story-slide[data-story="0"]{background-image:url("story-v16-01.jpg")}
.story-v16 .story-slide[data-story="1"]{background-image:url("story-v16-02.jpg")}
.story-v16 .story-slide[data-story="2"]{background-image:url("story-v16-03.jpg")}
.story-v16 .story-slide[data-story="3"]{background-image:url("story-v16-04.jpg")}
.story-v16 .story-slide[data-story="4"]{background-image:url("story-v16-05.jpg")}
.story-v16 .story-slide[data-story="5"]{background-image:url("story-v16-06.jpg")}

.story-v16 .story-slider::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.46) 29%,rgba(0,0,0,.08) 62%,rgba(0,0,0,.10) 100%),
    linear-gradient(0deg,rgba(0,0,0,.34),transparent 48%);
}
.story-v16 .story-copy{
  position:absolute;
  z-index:8;
  left:58px;
  bottom:48px;
  width:min(650px,52%);
  padding:22px 25px;
  border-left:3px solid #e81d24;
  background:linear-gradient(90deg,rgba(0,0,0,.77),rgba(0,0,0,.52) 72%,rgba(0,0,0,.04));
}
.story-v16 .story-eyebrow{
  display:block;
  color:#ff333a;
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  margin-bottom:7px;
}
.story-v16 .story-copy h3{
  margin:0 0 8px;
  color:#fff;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:44px;
  line-height:1;
  letter-spacing:.025em;
  text-shadow:0 3px 18px #000;
}
.story-v16 .story-copy p{
  margin:0;
  color:#f2f2f2;
  font-size:17px;
  line-height:1.5;
  text-shadow:0 2px 8px #000;
}
.story-v16 .story-arrow{
  position:absolute;
  z-index:10;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:66px;
  border:1px solid rgba(255,255,255,.04);
  background:rgba(0,0,0,.35);
  color:#fff;
  font-size:42px;
  cursor:pointer;
}
.story-v16 .story-prev{left:0}
.story-v16 .story-next{right:0}
.story-v16 .story-arrow:hover{background:rgba(180,0,7,.55)}

/* exact old V5 footer */
footer{
  min-height:110px;
  border-top:1px solid #2a0d10;
  background:#020202;
  padding:20px max(18px,calc((100vw - var(--max))/2));
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:16px;
  align-items:center
}
.made{display:flex;align-items:center;gap:10px}
.lightning{font-size:52px;color:var(--gold)}
.made small,.made span,.footer-center span,.footer-center small{display:block;color:#999;font-size:11px}
.made a{display:block;color:var(--gold);font-weight:900;font-size:18px}
.footer-center{text-align:center;line-height:1.45}
.footer-links{display:flex;justify-content:flex-end;gap:18px;color:#aaa;font-size:10px}

/* mobile: top banner complete, slider composition adapted */
@media(max-width:760px){
  .hero{width:100%;margin:0;border:0}
  .hero img{
    width:100%;
    height:auto !important;
    min-height:0 !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  .story-v16 .story-slider{height:330px}
  .story-v16 .story-slide{background-position:62% center}
  .story-v16 .story-copy{
    left:14px;
    right:14px;
    bottom:18px;
    width:auto;
    padding:14px 15px;
    background:rgba(0,0,0,.74);
  }
  .story-v16 .story-copy h3{font-size:27px}
  .story-v16 .story-copy p{font-size:13px;line-height:1.4}
  .story-v16 .story-eyebrow{font-size:9px}
  .story-v16 .story-heading>span:last-child{display:none}
  footer{grid-template-columns:1fr;text-align:center}
  .made,.footer-links{justify-content:center}
  .footer-links{flex-wrap:wrap}
}


/* =========================================================
   V17 · REFERENCIA EXACTA APROBADA
   ========================================================= */

/* Primer slide: usar la composición exacta aprobada por el usuario */
.story-v16 .story-slide[data-story="0"]{
  background-image:url("story-v17-01.jpg") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

/* No superponer ningún texto HTML sobre la escena de referencia */
.story-v16 .story-slide[data-story="0"] .story-copy{
  display:none !important;
}

/* El slide aprobado ya trae su propio tratamiento visual; no oscurecerlo */
.story-v16 .story-slider::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,.03) 100%) !important;
}

/* Mantener flechas discretas, como en la referencia */
.story-v16 .story-arrow{
  background:rgba(0,0,0,.58) !important;
  color:#e81d24 !important;
  border:1px solid rgba(255,255,255,.04) !important;
  opacity:.9 !important;
}
.story-v16 .story-arrow:hover{
  background:rgba(25,0,2,.82) !important;
  color:#ff343a !important;
}

/* =========================================================
   FOOTER FINAL ESTÁNDAR
   Ozzylator izquierda / Radio centro / legales derecha
   ========================================================= */
.footer-final{
  min-height:112px !important;
  border-top:1px solid #2b0c10 !important;
  background:#020202 !important;
  padding:20px max(20px,calc((100vw - var(--max))/2)) !important;
  display:grid !important;
  grid-template-columns:1fr 1.25fr 1fr !important;
  gap:22px !important;
  align-items:center !important;
}

.footer-made{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
.footer-made .footer-bolt{
  color:var(--gold) !important;
  font-family:Impact,"Arial Black",sans-serif !important;
  font-size:50px !important;
  line-height:1 !important;
}
.footer-made small{
  display:block !important;
  color:#999 !important;
  font-size:9px !important;
  letter-spacing:.12em !important;
  margin-bottom:2px !important;
}
.footer-made a{
  display:block !important;
  color:var(--gold) !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:.025em !important;
}
.footer-made span:not(.footer-bolt){
  display:block !important;
  color:#a0a0a0 !important;
  font-size:10px !important;
  margin-top:2px !important;
}

.footer-radio{
  text-align:center !important;
  line-height:1.48 !important;
}
.footer-radio b{
  display:block !important;
  color:#ddd !important;
  font-size:11px !important;
  letter-spacing:.04em !important;
}
.footer-radio span,
.footer-radio small{
  display:block !important;
  color:#8d8d8d !important;
  font-size:10px !important;
}

.footer-legal{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
.footer-legal a,
.footer-legal span{
  color:#9b9b9b !important;
  font-size:9px !important;
  letter-spacing:.045em !important;
}
.footer-legal a:hover{
  color:#e81d24 !important;
}

/* Mobile: la escena se ve completa, sin recortes absurdos */
@media(max-width:760px){
  .story-v16 .story-slider{
    height:auto !important;
    aspect-ratio:3.38/1 !important;
    min-height:210px !important;
  }

  .story-v16 .story-slide[data-story="0"]{
    background-size:contain !important;
    background-position:center top !important;
    background-color:#050505 !important;
  }

  .footer-final{
    grid-template-columns:1fr !important;
    text-align:center !important;
    gap:15px !important;
  }
  .footer-made,
  .footer-legal{
    justify-content:center !important;
  }
  .footer-legal{
    flex-wrap:wrap !important;
  }
}

@media(max-width:500px){
  .story-v16 .story-slider{
    min-height:170px !important;
  }
}


/* =========================================================
   V18 · LAS 6 ESCENAS CON UNA SOLA DIRECCIÓN VISUAL
   Primera escena aprobada intacta; escenas 2-6 rehechas.
   ========================================================= */
.story-v16 .story-slide[data-story="1"]{background-image:url("story-v18-02.jpg") !important}
.story-v16 .story-slide[data-story="2"]{background-image:url("story-v18-03.jpg") !important}
.story-v16 .story-slide[data-story="3"]{background-image:url("story-v18-04.jpg") !important}
.story-v16 .story-slide[data-story="4"]{background-image:url("story-v18-05.jpg") !important}
.story-v16 .story-slide[data-story="5"]{background-image:url("story-v18-06.jpg") !important}

/* Misma iluminación y tratamiento en todo el slider */
.story-v16 .story-slide{
  background-size:cover !important;
  background-position:center !important;
}
.story-v16 .story-slide:not([data-story="0"]) .story-copy{
  background:linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.54) 73%,rgba(0,0,0,.03)) !important;
  border-left:3px solid #e81d24 !important;
}
.story-v16 .story-slide:not([data-story="0"]) .story-copy h3{
  color:#fff !important;
  text-shadow:0 3px 20px #000 !important;
}
.story-v16 .story-slide:not([data-story="0"]) .story-copy p{
  color:#f2f2f2 !important;
}

/* Mobile mantiene encuadre útil en las nuevas escenas */
@media(max-width:760px){
  .story-v16 .story-slide:not([data-story="0"]){
    background-position:68% center !important;
  }
}


/* =========================================================
   V20 · SLIDER LIMPIO + FOOTER EXACTO DE UNA SOLA LÍNEA
   ========================================================= */

/* Escena 1 aprobada: intacta */
.story-v16 .story-slide[data-story="1"]{background-image:url("story-v20-02.jpg") !important}
.story-v16 .story-slide[data-story="2"]{background-image:url("story-v20-03.jpg") !important}
.story-v16 .story-slide[data-story="3"]{background-image:url("story-v20-04.jpg") !important}
.story-v16 .story-slide[data-story="4"]{background-image:url("story-v20-05.jpg") !important}
.story-v16 .story-slide[data-story="5"]{background-image:url("story-v20-06.jpg") !important}

/* Las imágenes ya están creadas exactamente a 2400x900 */
.story-v16 .story-slide{
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

/* En escenas 2-6, texto HTML únicamente: sin textos horneados en la foto */
.story-v16 .story-slide:not([data-story="0"]) .story-copy{
  left:48px !important;
  bottom:42px !important;
  width:min(620px,48%) !important;
  padding:19px 22px !important;
  border-left:3px solid #e81d24 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.79),rgba(0,0,0,.50) 75%,rgba(0,0,0,0)) !important;
}
.story-v16 .story-slide:not([data-story="0"]) .story-copy h3{
  color:#fff !important;
  font-size:40px !important;
  line-height:1.02 !important;
  text-shadow:0 3px 18px #000 !important;
}
.story-v16 .story-slide:not([data-story="0"]) .story-copy p{
  color:#f0f0f0 !important;
  font-size:16px !important;
  line-height:1.45 !important;
}
.story-v16 .story-eyebrow{
  color:#ff3138 !important;
}

/* FOOTER: como el ejemplo de MohaaChile, una sola línea delgada */
.footer-slim{
  min-height:0 !important;
  height:auto !important;
  display:block !important;
  padding:13px 22px 12px !important;
  margin:0 !important;
  background:#02070a !important;
  border-top:1px solid #17232a !important;
  border-bottom:1px solid #17232a !important;
  text-align:left !important;
}
.footer-slim-line{
  width:min(100%,var(--max)) !important;
  margin:0 auto !important;
  color:#8194a0 !important;
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}
.footer-slim-line .footer-dot{
  padding:0 5px !important;
  color:#53646e !important;
}
.footer-slim-line a{
  color:#ffd21a !important;
  font-weight:900 !important;
  text-decoration:none !important;
}
.footer-slim-line a:hover{
  color:#fff !important;
}

/* Borrar cualquier diseño viejo de footer que haya quedado en CSS */
.footer-final,.footer-made,.footer-radio,.footer-legal,
.footer-standard,.footer-credit,.footer-center,.footer-links,
.made{
  /* solo afecta elementos viejos; el footer-slim no usa estas clases */
}

/* Mobile: footer se mantiene pequeño y legible; slider evita cortes absurdos */
@media(max-width:760px){
  .footer-slim{
    padding:12px 15px !important;
    text-align:center !important;
  }
  .footer-slim-line{
    font-size:10px !important;
  }

  .story-v16 .story-slide:not([data-story="0"]){
    background-position:center !important;
  }
  .story-v16 .story-slide:not([data-story="0"]) .story-copy{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    width:auto !important;
    padding:12px 14px !important;
    background:rgba(0,0,0,.76) !important;
  }
  .story-v16 .story-slide:not([data-story="0"]) .story-copy h3{
    font-size:24px !important;
  }
  .story-v16 .story-slide:not([data-story="0"]) .story-copy p{
    font-size:12.5px !important;
  }
}


/* V21 · Cuarta escena corregida:
   solo hombres adultos de estética metalera, sin mujeres. */
.story-v16 .story-slide[data-story="3"]{
  background-image:url("story-v21-04.jpg") !important;
  background-position:center !important;
  background-size:cover !important;
}


/* =========================================================
   V23 · NOTICIAS A ANCHO COMPLETO / SIN TARJETAS ANTIGUAS
   ========================================================= */
.content-grid{
  grid-template-columns:1fr !important;
}
.news-section{
  width:100% !important;
}
.news-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}
.right-column,
.side-card{
  display:none !important;
}

/* Mejor lectura en pantallas medianas */
@media(max-width:1200px){
  .news-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .news-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:500px){
  .news-grid{
    grid-template-columns:1fr !important;
  }
}

/* Estado temporal si el API no responde */
.news-status{
  grid-column:1/-1;
  border:1px solid #541015;
  background:#090909;
  padding:24px;
  color:#aaa;
  text-align:center;
  font-size:13px;
}


/* =========================================================
   V25 · CARRUSEL AUTOMÁTICO DE NOTICIAS
   ========================================================= */
.news-section{
  position:relative;
  overflow:hidden;
}

.news-grid{
  display:flex !important;
  grid-template-columns:none !important;
  gap:14px !important;
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:smooth !important;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  padding:2px 1px 12px;
  overscroll-behavior-x:contain;
}
.news-grid::-webkit-scrollbar{
  display:none;
}

.news-card{
  flex:0 0 clamp(285px,23vw,345px) !important;
  min-width:285px;
  min-height:420px !important;
  scroll-snap-align:start;
  border-color:#641017 !important;
  background:linear-gradient(180deg,#0b0708,#060606) !important;
}

.news-card img{
  width:100% !important;
  height:190px !important;
  object-fit:cover !important;
  filter:saturate(.92) contrast(1.06) !important;
  background:#080808;
}

.news-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.48) !important;
}

.news-body{
  padding:13px 15px 15px !important;
}

.news-card h3{
  font-size:17px !important;
  line-height:1.18 !important;
}

.news-card p{
  font-size:12.5px !important;
  line-height:1.46 !important;
}

/* sombras laterales sutiles para insinuar que sigue el carrusel */
.news-section::before,
.news-section::after{
  content:"";
  position:absolute;
  z-index:8;
  top:56px;
  bottom:10px;
  width:28px;
  pointer-events:none;
}
.news-section::before{
  left:0;
  background:linear-gradient(90deg,#050505,transparent);
}
.news-section::after{
  right:0;
  background:linear-gradient(270deg,#050505,transparent);
}

@media(max-width:760px){
  .news-card{
    flex-basis:82vw !important;
    min-width:82vw !important;
  }
  .news-card img{
    height:210px !important;
  }
}

@media(max-width:500px){
  .news-card{
    flex-basis:88vw !important;
    min-width:88vw !important;
  }
}


/* =========================================================
   V26 · BUCLE INFINITO REAL EN AMBOS SLIDERS
   ========================================================= */

/* Las tarjetas duplicadas conservan exactamente el mismo aspecto. */
.news-grid{
  scroll-snap-type:none !important;
}

/* Evita pequeños parpadeos al reiniciar el carrusel. */
.news-card{
  transform:translateZ(0);
  backface-visibility:hidden;
}

.story-v16 .story-slide{
  backface-visibility:hidden;
}

/* V28 · DESCARGA APK EXTERNA (sin incluir la APK en el ZIP de Cloudflare) */
.apk-mini-btn{display:inline-block!important;background:var(--red);color:#fff!important;padding:8px 11px;margin-top:10px;font-size:10px!important;font-weight:900}.app-download-section{margin-top:18px;border:1px solid #681016;background:linear-gradient(145deg,#0b0b0b,#100405);padding:18px}.app-download-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #421015;padding-bottom:16px}.app-download-head>div{display:flex;align-items:center;gap:12px}.app-download-head h2{margin:2px 0 5px;font-family:Impact,"Arial Black",sans-serif;font-size:30px;letter-spacing:.04em}.app-download-head p{margin:0;color:#aaa}.app-download-head>img{width:115px;height:115px;object-fit:contain}.app-download-grid{display:grid;grid-template-columns:1fr 280px;gap:16px;margin-top:16px}.apk-main-card,.qr-card{border:1px solid #4f0e13;background:#070707;padding:18px}.apk-main-card h3{margin:0 0 8px;font-family:Impact,"Arial Black",sans-serif;font-size:28px}.apk-main-card p{color:#bbb;line-height:1.45}.apk-main-card small{display:block;color:#888;margin-top:12px;line-height:1.45}.apk-download-btn{display:inline-block;background:var(--red);padding:13px 18px;font-weight:900;margin-top:8px;box-shadow:0 0 18px rgba(232,29,36,.18)}.qr-card{text-align:center}.qr-card img{width:180px;height:180px;background:#fff;padding:6px}.qr-card b,.qr-card span{display:block}.qr-card b{color:var(--red);margin-top:8px}.qr-card span{font-size:11px;color:#aaa;margin-top:4px}.install-manual{margin-top:18px}.install-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.install-steps figure{margin:0;border:1px solid #451015;background:#080808;overflow:hidden}.install-steps img{display:block;width:100%;height:170px;object-fit:cover}.install-steps figcaption{padding:11px}.install-steps b,.install-steps span{display:block}.install-steps b{color:#fff}.install-steps span{color:#999;font-size:11px;margin-top:4px}@media(max-width:900px){.app-download-grid{grid-template-columns:1fr}.qr-card{display:flex;flex-direction:column;align-items:center}.install-steps{grid-template-columns:1fr 1fr}}@media(max-width:520px){.app-download-head>img{width:80px;height:80px}.app-download-head h2{font-size:24px}.install-steps{grid-template-columns:1fr}.install-steps img{height:auto}}


/* =========================================================
   V33 FINAL — CAMBIO EXACTO SOLICITADO
   Se conservan las 6 escenas originales.
   SOLO se reemplazan la imagen 1 y la imagen 3.
   ========================================================= */

/* ESCENA 1: primera foto real del usuario + texto original conservado */
.story-v16 .story-slide[data-story="0"]{
  background-image:url("story-real-user-01-v33.jpg") !important;
  background-size:cover !important;
  background-position:center 46% !important;
  background-repeat:no-repeat !important;
}
.story-v16 .story-slide[data-story="0"] .story-copy{
  display:block !important;
  left:54px !important;
  bottom:42px !important;
  width:min(660px,51%) !important;
  padding:20px 23px !important;
  border-left:3px solid #e81d24 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.58) 76%,rgba(0,0,0,0)) !important;
}
.story-v16 .story-slide[data-story="0"] .story-copy h3{
  margin:0 0 7px !important;
  color:#fff !important;
  font-family:Impact,"Arial Black",sans-serif !important;
  font-size:52px !important;
  line-height:.98 !important;
  text-shadow:0 3px 18px #000 !important;
}
.story-v16 .story-slide[data-story="0"] .story-first-subtitle{
  color:#ff3138 !important;
  font-family:Impact,"Arial Black",sans-serif !important;
  font-size:26px !important;
  letter-spacing:.04em !important;
  margin:0 0 10px !important;
  text-shadow:0 2px 12px #000 !important;
}
.story-v16 .story-slide[data-story="0"] .story-copy p{
  color:#f2f2f2 !important;
  font-size:17px !important;
  line-height:1.45 !important;
}

/* ESCENA 3: segunda foto real del usuario.
   Se conserva exactamente su texto HTML: ON AIR / LA RADIO TOMA FORMA. */
.story-v16 .story-slide[data-story="2"]{
  background-image:url("story-real-user-03-v33.jpg") !important;
  background-size:cover !important;
  background-position:center 48% !important;
  background-repeat:no-repeat !important;
}

/* No tocar imágenes de escenas 2, 4, 5 y 6. */
@media(max-width:760px){
  .story-v16 .story-slide[data-story="0"]{background-position:58% center !important}
  .story-v16 .story-slide[data-story="0"] .story-copy{
    left:28px !important;
    bottom:24px !important;
    width:78% !important;
    padding:14px 16px !important;
  }
  .story-v16 .story-slide[data-story="0"] .story-copy h3{font-size:34px !important}
  .story-v16 .story-slide[data-story="0"] .story-first-subtitle{font-size:20px !important}
  .story-v16 .story-slide[data-story="0"] .story-copy p{font-size:13px !important}
  .story-v16 .story-slide[data-story="2"]{background-position:57% center !important}
}


/* V34 FINAL */
.story-v16 .story-slide[data-story="0"]{
  background-image:url("story-real-concert-v34.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
@media(max-width:760px){
  .story-v16 .story-slide[data-story="0"]{
    background-image:url("story-real-concert-v34.jpg") !important;
    background-size:cover !important;
    background-position:58% center !important;
  }
}