/* Hörns Üp v41.7.0 · CSS principal extraido del shortcode y cargado en <head>.
   Mismo aspecto visual; evita aplicar 75 KB de estilos despues de empezar a pintar el body. */
.hup22,.hup22 *{box-sizing:border-box}
.hup22{width:100vw;margin-left:calc(50% - 50vw);background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.hup22 a{text-decoration:none!important}

/* HERO DOS COLUMNAS */
.hup22-hero{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.hup22-pane{position:relative;padding:74px 44px 62px;min-height:100vh;overflow:hidden}
.hup22-left{background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.07),transparent 30%),linear-gradient(145deg,#0e0e0e,#030303 72%)}
.hup22-right{background:radial-gradient(circle at 85% 20%,rgba(255,0,119,.075),transparent 26%),linear-gradient(145deg,#111,#030303 74%)}
.hup22-inner{max-width:700px;margin:0 auto}

/* IZQUIERDA */
.hup22-brand{display:flex;gap:18px;align-items:center}
.hup22-brand img{width:112px;height:112px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}
.hup22-kicker{font-size:8px;font-weight:950;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.38)}
.hup22-brand h2{margin:7px 0 0!important;color:#fff!important;font-size:clamp(31px,3vw,46px)!important;line-height:.95!important;font-weight:950!important;letter-spacing:-.045em!important;text-transform:uppercase}
.hup22-brand p{margin:9px 0 0!important;font-size:12px!important;line-height:1.4!important;color:rgba(255,255,255,.52)!important}
.hup22-latest{margin-top:20px}
.hup22-rule{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:8px;font-weight:950;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.34)}
.hup22-rule:before,.hup22-rule:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.09)}
.hup22-ep{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:68px;margin-bottom:8px;padding:6px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.02);color:#fff!important;transition:.2s}
.hup22-ep:hover{transform:translateX(4px);border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.045)}
.hup22-ep img{width:54px;height:54px;object-fit:cover}
.hup22-ep small{display:block;font-size:7px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.hup22-ep strong{display:block;margin-top:4px;font-size:10px;line-height:1.25;color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hup22-ep em{display:block;margin-top:4px;font-size:7px;font-style:normal;color:rgba(255,255,255,.32)}
.hup22-badge{padding:7px 8px;border:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:950;color:rgba(255,255,255,.57);white-space:nowrap}

/* DERECHA RECUPERA ESTÉTICA V6/V8 */
.hup22-right .hup22-inner{text-align:center;max-width:760px}
.hup22-right h1{margin:14px auto 0!important;max-width:680px;color:#fff!important;font-size:clamp(48px,5vw,78px)!important;line-height:.94!important;font-weight:950!important;letter-spacing:-.055em!important;text-transform:uppercase}
.hup22-question{margin:18px 0 24px;font-size:clamp(18px,1.5vw,23px);color:rgba(255,255,255,.8)}
.hup22-new{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:590px;margin:0 auto 30px}
.hup22-new a{position:relative;min-height:120px;overflow:hidden;border:1px solid rgba(255,255,255,.12);color:#fff!important}
.hup22-new img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.hup22-new span{position:absolute;left:14px;bottom:12px;text-align:left}
.hup22-new small{display:block;font-size:7px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.48)}
.hup22-new strong{display:block;margin-top:5px;font-size:14px;font-weight:950;text-transform:uppercase}


/* V34 · CARRUSEL REAL DEL BLOQUE "ACABO DE LLEGAR" */
.hup22-onboard-slider{position:relative;max-width:760px;margin:0 auto 8px;padding:0 34px 24px}
.hup22-onboard-viewport{overflow:hidden;width:100%}
.hup22-onboard-track{display:flex;width:100%;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.hup22-onboard-slide{flex:0 0 100%;width:100%;min-width:100%;padding:0 8px}
.hup22-onboard-arrow{position:absolute;top:245px;z-index:15;width:52px;height:52px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(5,5,5,.82);color:#fff;font:300 42px/46px Arial,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.42);transition:.2s}
.hup22-onboard-arrow:hover{background:#fff;color:#050505;border-color:#fff;transform:scale(1.08)}
.hup22-onboard-prev{left:-12px}
.hup22-onboard-next{right:-12px}
.hup22-onboard-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;min-height:24px}
.hup22-onboard-nav>button{width:8px;height:8px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:transparent;cursor:pointer;transition:.2s}
.hup22-onboard-nav>button.is-active{width:28px;background:#fff;border-color:#fff}
.hup22-onboard-count{margin-left:8px;font-size:8px;letter-spacing:.12em;color:rgba(255,255,255,.42)}
.hup22-onboard-count b{color:#fff;font-size:10px}
.hup22-onboard-info{min-height:490px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 50px 48px;text-align:center}
.hup22-onboard-number{margin:12px 0 4px;font-size:clamp(92px,10vw,150px);line-height:.8;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.08);text-shadow:0 0 50px rgba(255,0,119,.13)}
.hup22-onboard-info h2{margin:10px 0 18px!important;color:#fff!important;font-size:clamp(30px,3.4vw,52px)!important;line-height:.95!important;font-weight:950!important;letter-spacing:-.045em!important;text-transform:uppercase}
.hup22-onboard-info p{max-width:590px;margin:0!important;font-size:14px!important;line-height:1.75!important;color:rgba(255,255,255,.72)!important}
.hup22-onboard-note{display:inline-block;margin-top:24px;padding:11px 16px;border:1px solid rgba(255,255,255,.12);font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.48)}

/* V36 · BLOQUE 3: COBERTURAS, CONCIERTOS Y FESTIVALES */
.hup22-onboard-live{padding:8px 8px 4px;text-align:left}
.hup22-live-head{text-align:center;margin:2px auto 14px;max-width:670px}
.hup22-live-head .hup22-kicker{display:block;margin-bottom:7px}
.hup22-live-head h2{margin:0 0 8px!important;color:#fff!important;font-size:clamp(23px,2.25vw,34px)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.025em!important;text-transform:uppercase}
.hup22-live-head p{max-width:650px;margin:0 auto!important;color:rgba(255,255,255,.61)!important;font-size:10px!important;line-height:1.55!important}
.hup22-live-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hup22-live-case{display:grid;grid-template-rows:116px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));min-height:236px}
.hup22-live-poster{position:relative;overflow:hidden;background:#080808}
.hup22-live-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12));pointer-events:none}
.hup22-live-poster img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.86) brightness(.82);transition:.35s}
.hup22-live-case:hover .hup22-live-poster img{transform:scale(1.035);filter:saturate(1) brightness(.92)}
.hup22-live-casecopy{padding:11px 11px 10px}
.hup22-live-casecopy small{display:block;color:rgba(255,255,255,.38);font-size:6.5px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.hup22-live-casecopy strong{display:block;margin-top:5px;color:#fff;font-size:10px;line-height:1.15;font-weight:950;letter-spacing:.02em;text-transform:uppercase}
.hup22-live-casecopy>span{display:block;margin-top:6px;color:rgba(255,255,255,.58);font-size:7.5px;line-height:1.4}
.hup22-live-audio{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.hup22-live-audio a{display:inline-flex;padding:4px 6px;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.72)!important;font-size:6px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;transition:.18s}
.hup22-live-audio a:hover{border-color:#fff;background:#fff;color:#050505!important}
.hup22-live-bottom{display:grid;grid-template-columns:1.45fr .9fr;gap:9px;margin-top:10px}
.hup22-live-hire,.hup22-live-esp{display:block;padding:12px 13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.018);color:#fff!important}
.hup22-live-hire small,.hup22-live-esp small{display:block;color:rgba(255,255,255,.4);font-size:6.5px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.hup22-live-hire strong,.hup22-live-esp strong{display:block;margin-top:5px;color:#fff;font-size:10px;line-height:1.2;font-weight:950}
.hup22-live-hire span,.hup22-live-esp span{display:block;margin-top:5px;color:rgba(255,255,255,.5);font-size:7px;line-height:1.4}
.hup22-live-hire a,.hup22-live-esp b{display:inline-block;margin-top:8px;color:#fff!important;font-size:6.5px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px}
.hup22-live-esp{transition:.2s}
.hup22-live-esp:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.04)}
@media(max-width:780px){
  .hup22-onboard-live{padding:4px 2px}
  .hup22-live-head{margin-bottom:12px}
  .hup22-live-cases{grid-template-columns:1fr;gap:8px}
  .hup22-live-case{grid-template-columns:92px 1fr;grid-template-rows:auto;min-height:118px}
  .hup22-live-poster{min-height:118px}
  .hup22-live-casecopy{padding:10px}
  .hup22-live-bottom{grid-template-columns:1fr;gap:8px}
}

/* V37 · DIRECTO: Rock Imperium + Metal Battle autónoma */
.hup22-live-cases--v37{grid-template-columns:1.05fr 1.05fr .9fr}
.hup22-live-case--metal .hup22-live-poster img{object-position:center 28%}
.hup22-live-independence{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.72)!important;font-size:6.8px!important;line-height:1.45!important}
.hup22-live-independence b{color:#fff}
.hup22-live-jury{display:inline-block;margin-top:6px;padding:4px 6px;border:1px solid rgba(255,255,255,.16);font-size:5.8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72)}
@media(max-width:780px){.hup22-live-cases--v37{grid-template-columns:1fr}}

/* V35 · BLOQUE 2 EDITORIAL: mueve “Quiénes somos” al carrusel */
.hup22-onboard-editorial{padding:10px 8px 4px;text-align:left}
.hup22-seo-story--slider{margin:0;min-height:490px;padding:24px 26px 20px;background:radial-gradient(circle at 92% 8%,rgba(180,0,38,.10),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.008));border-color:rgba(255,255,255,.13)}
.hup22-seo-story--slider:before{background:linear-gradient(180deg,#fff,rgba(255,255,255,.20))}
.hup22-editorial-kicker{display:block;margin-top:18px;color:rgba(255,255,255,.42)!important}
.hup22-seo-story--slider h3{max-width:650px;margin:10px 0 12px!important;font-size:clamp(25px,2.45vw,38px)!important}
.hup22-seo-story--slider .hup22-seo-lead{max-width:650px;font-size:11px!important;color:rgba(255,255,255,.68)!important}
.hup22-seo-story--slider .hup22-seo-columns{gap:22px;margin-top:17px;padding-top:15px}
.hup22-seo-story--slider .hup22-seo-columns p{font-size:9.5px!important;line-height:1.55!important}
.hup22-seo-story--slider .hup22-seo-close{margin-top:15px!important;padding-top:14px;font-size:9.5px!important;line-height:1.55!important}
.hup22-editorial-cta{margin-top:16px;color:#fff;font-size:10px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}
.hup22-seo-story--slider .hup22-seo-links{margin-top:15px}
@media(max-width:780px){
  .hup22-onboard-editorial{padding:4px 2px}
  .hup22-seo-story--slider{min-height:auto;padding:20px 18px}
  .hup22-seo-story--slider .hup22-seo-columns{grid-template-columns:1fr;gap:14px}
  .hup22-seo-topline{flex-direction:column;gap:5px}
  .hup22-editorial-cta{font-size:8px;line-height:1.45}
}
@media(max-width:780px){
  .hup22-onboard-slider{padding:0 20px 22px}
  .hup22-onboard-arrow{top:210px;width:42px;height:42px;font-size:34px;line-height:36px}
  .hup22-onboard-prev{left:-4px}.hup22-onboard-next{right:-4px}
  .hup22-onboard-info{min-height:430px;padding:28px 30px 40px}
}

/* GRUPOS PROGRAMAS */
.hup22-group{max-width:690px;margin:26px auto 0;padding-top:19px;border-top:1px solid rgba(255,255,255,.1);text-align:left}
.hup22-group h3{margin:6px 0 5px!important;color:#fff!important;font-size:16px!important;font-weight:950!important;letter-spacing:.03em!important;text-transform:uppercase}
.hup22-group>p{margin:0 0 13px!important;font-size:9px!important;line-height:1.45!important;color:rgba(255,255,255,.43)!important}
.hup22-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.hup22-card{position:relative;min-height:178px;overflow:hidden;border:1px solid rgba(255,255,255,.09);color:#fff!important;background:#0a0a0a;transition:.28s}
.hup22-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.66) saturate(.9);transition:.4s}
.hup22-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.46) 55%,rgba(0,0,0,.96));z-index:1}
.hup22-cardcopy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:16px;text-align:left;transform:translateY(48px);transition:.3s}
.hup22-cardcopy strong{display:block;font-size:12px;font-weight:950;text-transform:uppercase}
.hup22-cardcopy small{display:block;margin-top:8px;font-size:10px;line-height:1.45;color:rgba(255,255,255,.8);opacity:0;transform:translateY(7px);transition:.25s}
.hup22-cardcopy em{display:block;margin-top:8px;font-size:7px;font-style:normal;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);opacity:0;transition:.25s}
.hup22-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.26);box-shadow:0 22px 50px rgba(0,0,0,.3)}
.hup22-card:hover img{transform:scale(1.06);filter:brightness(.45) saturate(1)}
.hup22-card:hover .hup22-cardcopy{transform:none}
.hup22-card:hover small,.hup22-card:hover em{opacity:1;transform:none}

/* REDES */
.hup22-socials{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.hup22-social{min-height:138px;padding:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.02);color:#fff!important;transition:.22s}
.hup22-social:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.26)}
.hup22-social svg{width:27px;height:27px;fill:#fff}
.hup22-social strong{display:block;margin-top:9px;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.hup22-social small{display:block;margin-top:3px;font-size:6.5px;color:rgba(255,255,255,.34);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hup22-count{display:block;margin-top:13px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.hup22-count b{display:block;font-size:clamp(25px,2.3vw,37px);line-height:.9;font-weight:950;letter-spacing:-.05em}
.hup22-count em{display:block;margin-top:6px;font-size:6.5px;font-style:normal;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.38)}

/* BOTÓN */
.hup22-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:18px;padding:14px 22px;border:1px solid rgba(255,255,255,.48);color:#fff!important;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;transition:.2s}
.hup22-btn:hover{background:#fff;color:#000!important}

/* MÁS HÖRNS ÜP, COMPACTO EN LA COLUMNA IZQUIERDA */
.hup22-leftmore{
  margin-top:32px;
  padding-top:26px;
  border-top:1px solid rgba(255,255,255,.10);
}
.hup22-leftmore-head{
  max-width:600px;
  margin-bottom:16px;
}
.hup22-leftmore-head h3{
  margin:6px 0 0!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase
}
.hup22-leftmore-head p{
  margin:8px 0 0!important;
  font-size:9.5px!important;
  line-height:1.45!important;
  color:rgba(255,255,255,.43)!important
}


/* v40 · carrusel independiente MÁS HÖRNS ÜP */
.hup22-more-slider{position:relative;margin:14px 0 12px;padding:0 34px 24px}
.hup22-more-viewport{overflow:hidden;border:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 85% 15%,rgba(190,0,38,.08),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.hup22-more-track{display:flex;transition:transform .48s cubic-bezier(.22,.61,.36,1);will-change:transform}
.hup22-more-slide{flex:0 0 100%;min-width:100%;padding:0}
.hup22-more-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(330px,1.1fr);min-height:300px}
.hup22-more-copy{display:flex;flex-direction:column;justify-content:center;padding:34px 34px 32px}
.hup22-more-kicker{display:block;color:#d41f2f;font-size:7px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}
.hup22-more-copy h4,.hup22-more-panel h4{margin:10px 0 10px!important;color:#fff!important;font-size:clamp(28px,3.2vw,50px)!important;line-height:.92!important;font-weight:950!important;letter-spacing:-.05em!important;text-transform:uppercase}
.hup22-more-copy p,.hup22-more-panel p{margin:0!important;max-width:520px;color:rgba(255,255,255,.62)!important;font-size:10.5px!important;line-height:1.6!important}
.hup22-more-copy a,.hup22-more-panel b{display:inline-flex;align-self:flex-start;margin-top:22px;padding:11px 15px;border:1px solid rgba(212,31,47,.72);color:#fff!important;font-size:7.5px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;background:rgba(212,31,47,.07);transition:.22s}
.hup22-more-copy a:hover,.hup22-more-panel:hover b{background:#d41f2f;border-color:#d41f2f}
.hup22-more-video{position:relative;min-height:300px;background:#050505}
.hup22-more-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hup22-more-panel{display:flex;min-height:300px;padding:40px 42px;flex-direction:column;justify-content:flex-end;color:#fff!important;position:relative;overflow:hidden;background:#080808;text-decoration:none!important}
.hup22-more-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.48)),radial-gradient(circle at 85% 35%,rgba(212,31,47,.22),transparent 38%);z-index:0}
.hup22-more-panel--live:before{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.45)),radial-gradient(circle at 82% 38%,rgba(255,255,255,.10),transparent 34%)}
.hup22-more-panel>*{position:relative;z-index:1}
.hup22-more-arrow{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:-34px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(5,5,5,.86);color:#fff;font-size:36px;line-height:1;cursor:pointer;transition:.2s;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.hup22-more-arrow:hover{border-color:#d41f2f;background:#d41f2f;transform:scale(1.05)}
.hup22-more-prev{left:0}.hup22-more-next{right:0}
.hup22-more-nav{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px}
.hup22-more-nav button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.25);cursor:pointer}
.hup22-more-nav button.is-active{background:#d41f2f;box-shadow:0 0 0 4px rgba(212,31,47,.12)}
.hup22-more-nav span{margin-left:7px;font-size:7px;font-weight:900;letter-spacing:.1em;color:rgba(255,255,255,.35)}
.hup22-more-nav span b{color:#fff}
@media(max-width:760px){.hup22-more-slider{padding:0 22px 20px}.hup22-more-feature{grid-template-columns:1fr;min-height:auto}.hup22-more-copy{padding:24px 22px}.hup22-more-video{min-height:220px}.hup22-more-panel{min-height:300px;padding:28px 24px}.hup22-more-arrow{width:40px;height:40px;font-size:30px}.hup22-more-prev{left:0}.hup22-more-next{right:0}}

.hup22-reviewcompact{
  margin-top:10px;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.014)
}
.hup22-reviewcompact-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px
}
.hup22-reviewcompact-head small{
  display:block;
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.32)
}
.hup22-reviewcompact-head strong{
  display:block;
  margin-top:4px;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase
}
.hup22-reviewcompact-head a{
  font-size:6.5px;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45)!important
}
.hup22-reviewrow{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-height:64px;
  padding:6px;
  margin-top:7px;
  border:1px solid rgba(255,255,255,.06);
  color:#fff!important;
  transition:.2s
}
.hup22-reviewrow:hover{
  transform:translateX(3px);
  border-color:rgba(255,255,255,.2)
}
.hup22-reviewrow img{
  width:70px;
  height:54px;
  object-fit:cover
}
.hup22-reviewrow small{
  display:block;
  font-size:6px;
  color:rgba(255,255,255,.26)
}
.hup22-reviewrow strong{
  display:block;
  margin-top:4px;
  font-size:8.5px;
  line-height:1.2;
  color:rgba(255,255,255,.82)
}

@media(max-width:1180px){
 .hup22-hero{grid-template-columns:1fr}
 .hup22-pane{min-height:auto}
 .hup22-grid{grid-template-columns:repeat(3,1fr)}
 .hup22-socials{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:850px){
 .hup22-pane{padding:58px 22px 46px}
 .hup22-grid{grid-template-columns:1fr 1fr}
 .hup22-socials{grid-template-columns:repeat(2,1fr)}
 .hup22-bottom{grid-template-columns:1fr}
 .hup22-more{padding:65px 22px 54px}
 .hup22-cardcopy{transform:none}
 .hup22-cardcopy small,.hup22-cardcopy em{opacity:1;transform:none}
}
@media(max-width:520px){
 .hup22-brand img{width:90px;height:90px}
 .hup22-grid,.hup22-new{grid-template-columns:1fr}
 .hup22-ep{grid-template-columns:50px minmax(0,1fr)}
 .hup22-badge{grid-column:2;justify-self:start}
}

/* BALANCE GENERAL V15 */
.hup22-hero{
  align-items:stretch!important;
}
.hup22-left,
.hup22-right{
  align-items:flex-start!important;
}
.hup22-left .hup22-inner,
.hup22-right .hup22-inner{
  width:100%;
}
@media(min-width:1181px){
  .hup22-pane{
    padding-top:74px!important;
  }
  .hup22-left .hup22-inner{
    max-width:700px!important;
  }
  .hup22-right .hup22-inner{
    max-width:700px!important;
  }
}
@media(max-width:850px){
  
}


/* =========================================================
   SPOTIFY · SELECTOR + PLAYER FLOTANTE
   ========================================================= */
.hup22-spotify-trigger{
  position:fixed;right:18px;bottom:18px;z-index:9997;
  display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;
  border:1px solid rgba(255,255,255,.18);background:rgba(8,8,8,.92);
  backdrop-filter:blur(10px);color:#fff!important;font-size:8px;font-weight:950;
  letter-spacing:.12em;text-transform:uppercase;box-shadow:0 14px 34px rgba(0,0,0,.35);
  cursor:pointer
}
.hup22-spotify-trigger span{
  width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:#fff;color:#000;font-size:10px
}
.hup22-spotify-modal{
  position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;
  padding:24px;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)
}
.hup22-spotify-modal.is-open{display:flex}
.hup22-spotify-box{
  position:relative;width:min(920px,96vw);max-height:90vh;overflow:auto;padding:28px;
  border:1px solid rgba(255,255,255,.12);
  background:radial-gradient(circle at 15% 8%,rgba(30,215,96,.12),transparent 22%),linear-gradient(145deg,#121212,#050505 76%);
  box-shadow:0 40px 100px rgba(0,0,0,.55)
}
.hup22-spotify-close{
  position:absolute;right:16px;top:14px;width:36px;height:36px;
  border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;font-size:18px;cursor:pointer
}
.hup22-spotify-kicker{
  display:block;font-size:8px;font-weight:950;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.38)
}
.hup22-spotify-box h2{
  margin:8px 0 0!important;color:#fff!important;font-size:clamp(34px,5vw,64px)!important;
  line-height:.92!important;font-weight:950!important;letter-spacing:-.05em!important;text-transform:uppercase
}
.hup22-spotify-box>p{
  max-width:680px;margin:14px 0 0!important;font-size:11px!important;line-height:1.5!important;color:rgba(255,255,255,.55)!important
}
.hup22-spotify-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px
}
.hup22-spotify-choice{
  position:relative;min-height:132px;padding:16px;border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  text-align:left;color:#fff;cursor:pointer;transition:.22s
}
.hup22-spotify-choice:hover{
  transform:translateY(-3px);border-color:rgba(30,215,96,.55);
  background:linear-gradient(145deg,rgba(30,215,96,.10),rgba(255,255,255,.02))
}
.hup22-spotify-choice small{display:block;font-size:7px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.34)}
.hup22-spotify-choice strong{display:block;margin-top:8px;font-size:16px;line-height:1.1;font-weight:950;text-transform:uppercase}
.hup22-spotify-choice p{margin:8px 0 0!important;font-size:9px!important;line-height:1.4!important;color:rgba(255,255,255,.52)!important}
.hup22-spotify-choice em{display:inline-block;margin-top:10px;font-size:7px;font-style:normal;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.hup22-spotify-skip{
  margin-top:16px;padding:0;border:0;background:transparent;color:rgba(255,255,255,.42);
  font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer
}
.hup22-spotify-dock{
  position:fixed;left:50%;bottom:14px;z-index:9998;width:min(760px,calc(100vw - 28px));
  transform:translate(-50%,130%);transition:transform .35s cubic-bezier(.2,.7,.2,1)
}
.hup22-spotify-dock.is-open{transform:translate(-50%,0)}
.hup22-spotify-dock-inner{
  padding:10px;border:1px solid rgba(255,255,255,.13);background:rgba(7,7,7,.96);
  backdrop-filter:blur(12px);box-shadow:0 22px 50px rgba(0,0,0,.5)
}
.hup22-spotify-dock-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.hup22-spotify-dock-head span{font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.54)}
.hup22-spotify-dock-actions{display:flex;gap:6px}
.hup22-spotify-dock-actions button{
  border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;
  min-height:28px;padding:6px 9px;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer
}
.hup22-spotify-dock iframe{display:block;width:100%;height:152px;border:0;border-radius:10px}
@media(max-width:650px){
 .hup22-spotify-grid{grid-template-columns:1fr}
 .hup22-spotify-box{padding:22px 18px}
 .hup22-spotify-trigger{right:12px;bottom:12px}
}


/* =========================================================
   EMP · PUBLICIDAD PROGRAMADA
   ========================================================= */
.hup22-emp{
  margin-top:12px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 88% 14%,rgba(230,0,50,.18),transparent 28%),
    linear-gradient(145deg,#161616,#050505 74%);
  overflow:hidden;
  box-shadow:0 22px 50px rgba(0,0,0,.22)
}
.hup22-emp-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 13px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.025)
}
.hup22-emp-adlabel{
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.36)
}
.hup22-emp-brand{
  font-size:15px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
  color:#fff
}
.hup22-emp-body{
  position:relative;
  padding:18px
}
.hup22-emp-eyebrow{
  display:block;
  margin-bottom:7px;
  font-size:7px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.42)
}
.hup22-emp h3{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(25px,2.4vw,38px)!important;
  line-height:.95!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase
}
.hup22-emp-body>p{
  margin:9px 0 0!important;
  font-size:10px!important;
  line-height:1.45!important;
  color:rgba(255,255,255,.55)!important
}
.hup22-emp-code{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
  margin-top:16px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.08)
}
.hup22-emp-code>span,
.hup22-emp-dates>span{
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:rgba(255,255,255,.32)
}
.hup22-emp-copy{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  cursor:pointer
}
.hup22-emp-copy b{
  font-size:6px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.34)
}
.hup22-emp-copy.is-copied{
  border-color:rgba(255,255,255,.45);
  background:rgba(255,255,255,.09)
}
.hup22-emp-dates{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px
}
.hup22-emp-dates strong{
  font-size:8px;
  font-weight:900;
  color:rgba(255,255,255,.67)
}
.hup22-emp-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin-top:15px;
  border:1px solid rgba(255,255,255,.52);
  color:#fff!important;
  font-size:8px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:.2s
}
.hup22-emp-cta:hover{
  background:#fff;
  color:#000!important
}
.hup22-emp-terms{
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.07)
}
.hup22-emp-terms summary{
  cursor:pointer;
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.32)
}
.hup22-emp-terms p{
  margin:8px 0 0!important;
  font-size:7.5px!important;
  line-height:1.45!important;
  color:rgba(255,255,255,.34)!important
}


/* =========================================================
   V18 · LOCUTORES EN HOVER
   ========================================================= */
.hup22-card{
  min-height:205px!important;
}
.hup22-cardcopy{
  transform:translateY(88px)!important;
}
.hup22-presenter{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .24s ease,transform .24s ease;
}
.hup22-presenter>img{
  position:relative!important;
  inset:auto!important;
  flex:0 0 42px;
  width:42px!important;
  height:42px!important;
  object-fit:cover!important;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  filter:none!important;
  transform:none!important;
  box-shadow:0 6px 18px rgba(0,0,0,.34);
}
.hup22-presenter>span{
  min-width:0;
}
.hup22-presenter b{
  display:block;
  font-size:9px;
  line-height:1.1;
  font-weight:950;
  color:#fff;
}
.hup22-presenter i{
  display:block;
  margin-top:3px;
  font-size:6.5px;
  line-height:1.1;
  font-style:normal;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:rgba(255,255,255,.38);
}
.hup22-card:hover .hup22-presenter{
  opacity:1;
  transform:none;
}
.hup22-card:hover .hup22-cardcopy{
  transform:none!important;
}
@media(max-width:850px){
  .hup22-cardcopy{
    transform:none!important;
  }
  .hup22-presenter{
    opacity:1;
    transform:none;
  }
}


/* =========================================================
   V19 · BANDAS EDITORIALES + CORRECCIÓN DE FRANJAS DIVI
   ========================================================= */

/* Página de entrada actual: elimina el blanco de filas/secciones Divi */
body.page-id-75825 #main-content,
body.page-id-75825 .et_pb_section,
body.page-id-75825 .et_pb_row,
body.page-id-75825 .et_pb_column{
  background:#050505!important;
}

.hup22-editorial-band{
  width:100%;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(90deg,rgba(255,255,255,.022),rgba(255,255,255,.006)),
    #070707;
}
.hup22-editorial-band-inner{
  max-width:1320px;
  margin:0 auto;
  padding:17px 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.hup22-editorial-left span{
  display:block;
  font-size:7px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.32);
}
.hup22-editorial-left strong{
  display:block;
  margin-top:5px;
  font-size:10px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.76);
}
.hup22-editorial-contact{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.hup22-editorial-contact img{
  display:block;
  width:235px;
  max-width:32vw;
  height:auto;
}
.hup22-editorial-band-bottom{
  margin-top:0;
}
@media(max-width:700px){
  .hup22-editorial-band-inner{
    padding:15px 20px;
    flex-direction:column;
    align-items:flex-start;
  }
  .hup22-editorial-contact img{
    width:220px;
    max-width:80vw;
  }
}


/* V20 · JUANMA FIJO EN SEMANAL */
.hup22-presenter>img{
  object-position:center 22%!important;
}


.hup22-section-title span{display:block;font-size:7px;font-weight:950;letter-spacing:.22em;text-transform:uppercase;color:#777}

.hup22-section-title i{display:block;margin-top:7px;font-size:8px;font-style:normal;color:#777}
.hup22-section-title{position:relative;margin:30px 0 16px;padding:0 0 14px 18px;border-left:3px solid #fff;border-bottom:1px solid #292929}
.hup22-section-title:after{content:"";position:absolute;left:0;bottom:-1px;width:90px;height:1px;background:#fff}
.hup22-section-title h2{margin:6px 0 0!important;padding:0!important;font-size:clamp(23px,2.7vw,39px)!important;line-height:.94!important;font-weight:950!important;letter-spacing:-.035em!important;color:#fff!important;text-transform:uppercase}

/* =========================================================
   V22 · AJUSTES VISUALES
   ========================================================= */

/* Titulares algo más contenidos que en v21 */


.hup22-section-title h2{
  font-size:clamp(19px,2.15vw,31px)!important;
  line-height:1!important;
}
.hup22-section-title{
  margin-top:25px!important;
}

/* EMP: oferta protagonista, pero sin comerse toda la columna */
.hup22-emp h3{
  font-size:clamp(21px,2vw,30px)!important;
  line-height:1!important;
}
.hup22-emp-creative{
  display:block;
  width:100%;
  max-height:220px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#0a0a0a;
}
.hup22-emp-creative img{
  display:block;
  width:100%;
  height:100%;
  max-height:220px;
  object-fit:cover;
}

/* Metal Hammer */
.hup22-editorial-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
  flex:0 0 auto;
}
.hup22-collab{
  display:flex;
  align-items:center;
  gap:10px;
}
.hup22-collab>span{
  font-size:6.5px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.32);
  max-width:72px;
  text-align:right;
}
.hup22-collab>img{
  display:block;
  width:118px;
  height:42px;
  object-fit:contain;
  padding:5px 7px;
  background:#fff;
  border:1px solid rgba(255,255,255,.12);
}

/* La portada del programa es la vista normal.
   En hover entra la fotografía del locutor como fondo completo. */
.hup22-card .hup22-program-cover,
.hup22-card .hup22-presenter-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:opacity .35s ease, transform .55s cubic-bezier(.2,.7,.2,1), filter .35s ease!important;
}
.hup22-card .hup22-program-cover{
  opacity:1;
  z-index:0;
}
.hup22-card .hup22-presenter-bg{
  opacity:0;
  z-index:0;
  object-position:center 22%!important;
  filter:brightness(.36) saturate(.86)!important;
  transform:scale(1.02)!important;
}
.hup22-card:hover .hup22-program-cover{
  opacity:0;
}
.hup22-card:hover .hup22-presenter-bg{
  opacity:1;
  transform:scale(1.08)!important;
}
.hup22-card:hover:after{
  background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.58) 50%,rgba(0,0,0,.96))!important;
}

/* No aplicar el zoom genérico a la pequeña foto circular */
.hup22-card:hover .hup22-presenter>img{
  transform:none!important;
  filter:none!important;
}

@media(max-width:900px){
  .hup22-editorial-meta{
    gap:10px;
  }
  .hup22-collab>img{
    width:98px;
  }
}
@media(max-width:700px){
  .hup22-editorial-meta{
    width:100%;
    justify-content:space-between;
  }
  .hup22-collab>span{
    text-align:left;
  }
  .hup22-card .hup22-presenter-bg{
    opacity:.42;
  }
}


/* =========================================================
   V23 · TARJETAS EDITORIALES CON LOCUTOR
   Normal: portada del programa.
   Hover: retrato del locutor a sangre, con copy editorial.
   ========================================================= */
.hup22-card{
  min-height:250px!important;
  isolation:isolate;
  overflow:hidden!important;
}
.hup22-card .hup22-program-cover,
.hup22-card .hup22-presenter-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.hup22-card .hup22-presenter-bg{
  opacity:0!important;
  object-position:center 18%!important;
  transform:scale(1.025)!important;
  filter:brightness(.42) contrast(1.04) saturate(.8)!important;
  transition:opacity .28s ease,transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease!important;
}
.hup22-card:hover .hup22-program-cover{opacity:0!important}
.hup22-card:hover .hup22-presenter-bg{
  opacity:1!important;
  transform:scale(1.075)!important;
}
.hup22-card:after{
  z-index:1!important;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 8%,rgba(0,0,0,.2) 42%,rgba(0,0,0,.9) 100%)!important;
}
.hup22-card:hover:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.12) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.88) 100%)!important;
}
.hup22-cardcopy{
  z-index:3!important;
  width:min(88%,560px)!important;
}
.hup22-hostline{
  display:block;
  margin:6px 0 0;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.015em;
  color:#fff;
  text-transform:none;
}
.hup22-card:hover .hup22-hostline{
  font-size:14px;
}
.hup22-presenter{
  position:relative!important;
  z-index:4!important;
}
.hup22-card:hover .hup22-presenter>img{
  opacity:0!important; /* evita repetir la misma foto en círculo y fondo */
}
@media (max-width:700px){
  .hup22-card{min-height:220px!important}
  .hup22-card .hup22-presenter-bg{opacity:.36!important}
  .hup22-card .hup22-program-cover{opacity:.6!important}
  .hup22-hostline{font-size:11px}
}


.hup22-card .hup22-presenter-bg[src*="DAVID-1-scaled"]{
  object-position:center 12%!important;
}
.hup22-card .hup22-presenter-bg[src*="moy-1-1"]{
  object-position:center 16%!important;
}
.hup22-card .hup22-presenter-bg[src*="Rick-"]{
  object-position:center 15%!important;
}
.hup22-card .hup22-presenter-bg[src*="WhatsApp-Image-2025-07-25"]{
  object-position:center 14%!important;
}


/* V24 - tarjetas como el boceto aprobado */
.hup22-card{
  min-height:300px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:#050505!important;
}
.hup22-card .hup22-presenter-bg{
  opacity:0!important;
  object-fit:cover!important;
  object-position:center 16%!important;
  filter:brightness(.48) contrast(1.08) saturate(.78)!important;
}
.hup22-card:hover .hup22-presenter-bg{opacity:1!important}
.hup22-card:hover .hup22-program-cover{opacity:.20!important}
.hup22-card:hover:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.48) 48%,rgba(0,0,0,.12) 100%),
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.88) 100%)!important;
}
.hup22-cardcopy{
  left:24px!important;
  right:24px!important;
  bottom:22px!important;
  width:auto!important;
}
.hup22-cardcopy strong{
  font-size:18px!important;
  line-height:1.05!important;
}
.hup22-hostline{
  display:block!important;
  margin:7px 0 4px!important;
  font-size:14px!important;
  font-weight:900!important;
  color:#fff!important;
}
.hup22-card:hover .hup22-hostline{font-size:14px!important}
.hup22-card .hup22-presenter{
  margin-top:6px!important;
}
.hup22-card:hover .hup22-presenter>img{opacity:0!important}

/* Encuadres de retratos */
.hup22-presenter-bg[src*="Rick-"]{object-position:center 12%!important}
.hup22-presenter-bg[src*="moy-1-1"]{object-position:center 14%!important}
.hup22-presenter-bg[src*="DAVID-1-scaled.jpg"]{object-position:center 8%!important}
.hup22-presenter-bg[src*="WhatsApp-Image-2025-07-25"]{object-position:center 12%!important}

/* Metal Hammer: usar el PNG original sobre negro, sin caja blanca */
.hup22-collab{
  min-width:220px!important;
}
.hup22-collab>span{
  color:rgba(255,255,255,.48)!important;
}
.hup22-collab>img{
  width:210px!important;
  height:58px!important;
  object-fit:contain!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  filter:none!important;
}
@media(max-width:700px){
  .hup22-card{min-height:245px!important}
  .hup22-collab>img{width:145px!important;height:45px!important}
}


/* =========================================================
   V25 · IN MEMÖRIAM + HOVER DE LOCUTORES REFORZADO
   ========================================================= */

/* Portada oficial del nuevo In Memöriam */
.hup22-new a[href*="horns-up-in-memoriam"] img{
  object-fit:cover!important;
  object-position:center!important;
  filter:brightness(.72) saturate(.88)!important;
}

/* En todas las tarjetas: portada normal / locutor en hover */
.hup22-card .hup22-program-cover{
  opacity:1!important;
  z-index:0!important;
}
.hup22-card .hup22-presenter-bg{
  opacity:0!important;
  z-index:0!important;
}
.hup22-card:hover .hup22-program-cover{
  opacity:.08!important;
}
.hup22-card:hover .hup22-presenter-bg{
  opacity:1!important;
}

/* Copy editorial como el boceto aprobado */
.hup22-card:hover .hup22-cardcopy strong{
  font-size:18px!important;
}
.hup22-card:hover .hup22-hostline{
  display:block!important;
  font-size:14px!important;
  margin-top:7px!important;
}
.hup22-card:hover .hup22-presenter{
  margin-top:7px!important;
}
.hup22-card:hover .hup22-presenter i{
  opacity:1!important;
}

/* In Memöriam mantiene su nueva identidad visual como portada normal */
.hup22-card[href*="horns-up-in-memoriam"] .hup22-program-cover{
  object-fit:cover!important;
  object-position:center!important;
}

/* En móvil se mezcla portada + retrato para que no dependa del hover */
@media(max-width:700px){
  .hup22-card .hup22-program-cover{opacity:.5!important}
  .hup22-card .hup22-presenter-bg{opacity:.42!important}
}


/* =========================================================
   V26 · CORRECCIÓN REAL DE TARJETAS Y ESTRENOS
   ========================================================= */


/* Tarjeta normal = portada. Hover = FOTO DEL LOCUTOR A SANGRE. */
.hup22-card{
  min-height:260px!important;
  overflow:hidden!important;
}
.hup22-card .hup22-program-cover,
.hup22-card .hup22-presenter-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:opacity .30s ease, transform .55s ease, filter .30s ease!important;
}
.hup22-card .hup22-program-cover{
  opacity:1!important;
  z-index:0!important;
  filter:brightness(.62) saturate(.9)!important;
}
.hup22-card .hup22-presenter-bg{
  opacity:0!important;
  z-index:0!important;
  filter:brightness(.46) contrast(1.06) saturate(.82)!important;
  transform:scale(1.02)!important;
  object-position:center 16%!important;
}
.hup22-card:hover .hup22-program-cover{
  opacity:.10!important;
}
.hup22-card:hover .hup22-presenter-bg{
  opacity:1!important;
  transform:scale(1.07)!important;
}
.hup22-card:after{
  z-index:1!important;
}
.hup22-card:hover:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.48) 52%,rgba(0,0,0,.14) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.90) 100%)!important;
}
.hup22-cardcopy{
  z-index:3!important;
  left:20px!important;
  right:20px!important;
  bottom:19px!important;
  padding:0!important;
  transform:translateY(58px)!important;
  text-align:left!important;
}
.hup22-cardcopy>strong{
  display:block!important;
  font-size:15px!important;
  line-height:1.05!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
.hup22-hostline{
  display:block!important;
  margin-top:7px!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:#fff!important;
  opacity:0;
  transition:.25s;
}
.hup22-role{
  display:block!important;
  margin-top:4px!important;
  font-size:6.5px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.48)!important;
  opacity:0;
  transition:.25s;
}
.hup22-cardcopy>small{
  display:block!important;
  margin-top:14px!important;
  max-width:92%!important;
  font-size:9.5px!important;
  line-height:1.45!important;
  color:rgba(255,255,255,.86)!important;
  opacity:0!important;
  transform:translateY(6px)!important;
  transition:.25s!important;
}
.hup22-cardcopy>em{
  display:block!important;
  margin-top:13px!important;
  opacity:0!important;
  transition:.25s!important;
}
.hup22-card:hover .hup22-cardcopy{
  transform:none!important;
}
.hup22-card:hover .hup22-hostline,
.hup22-card:hover .hup22-role,
.hup22-card:hover .hup22-cardcopy>small,
.hup22-card:hover .hup22-cardcopy>em{
  opacity:1!important;
  transform:none!important;
}

/* Encuadres manuales */
.hup22-presenter-bg[src*="Rick-"]{object-position:center 10%!important}
.hup22-presenter-bg[src*="moy-1-1"]{object-position:center 12%!important}
.hup22-presenter-bg[src*="DAVID-1-scaled.jpg"]{object-position:center 7%!important}
.hup22-presenter-bg[src*="WhatsApp-Image-2025-07-25"]{object-position:center 10%!important}
.hup22-presenter-bg[src*="CAROLINA-scaled.jpg"]{object-position:center 12%!important}
.hup22-presenter-bg[src*="ChatGPT-Image-1-jun-2026"]{object-position:center 12%!important}

/* La nueva portada de In Memöriam debe verse sin filtros destructivos */
.hup22-new a[href*="horns-up-in-memoriam"] img,
.hup22-card[href*="horns-up-in-memoriam"] .hup22-program-cover{
  object-position:center!important;
  filter:brightness(.78) saturate(.9)!important;
}

/* Quitar el doble enunciado anterior */
.hup22-group>.hup22-kicker + .hup22-section-title{
  margin-top:0!important;
}

@media(max-width:700px){
  .hup22-card .hup22-program-cover{opacity:.48!important}
  .hup22-card .hup22-presenter-bg{opacity:.48!important}
  .hup22-cardcopy{transform:none!important}
  .hup22-hostline,.hup22-role,.hup22-cardcopy>small,.hup22-cardcopy>em{
    opacity:1!important;
  }
}


/* =========================================================
   V27 · FIX DEFINITIVO
   ========================================================= */

/* Dos estrenos claramente identificados */


/* In Memöriam: portada local del plugin siempre visible */


/* HOVER: foto del locutor, sin excepción en escritorio */
@media(min-width:701px){
  .hup22-card:hover .hup22-presenter-bg{
    opacity:1!important;
    visibility:visible!important;
  }
  .hup22-card:hover .hup22-program-cover{
    opacity:.06!important;
  }
  .hup22-card:hover .hup22-cardcopy{
    transform:none!important;
  }
  .hup22-card:hover .hup22-hostline,
  .hup22-card:hover .hup22-role,
  .hup22-card:hover .hup22-cardcopy>small,
  .hup22-card:hover .hup22-cardcopy>em{
    opacity:1!important;
    visibility:visible!important;
  }
}


/* =========================================================
   V28 · INICIO DERECHO MÁS LIMPIO
   ========================================================= */
.hup22-right .hup22-question{
  margin-bottom:12px!important;
}
.hup22-start-copy{
  max-width:620px;
  margin:0 auto 22px;
  text-align:center;
}
.hup22-start-copy p{
  margin:0!important;
  font-size:11px!important;
  line-height:1.6!important;
  color:rgba(255,255,255,.64)!important;
}
.hup22-start-copy>span{
  display:block;
  margin-top:9px;
  font-size:8px;
  line-height:1.5;
  color:rgba(255,255,255,.38);
}
.hup22-start-copy b{
  color:rgba(255,255,255,.72);
  font-weight:900;
}

.hup22-new-label{
  max-width:620px;
  margin:0 auto 10px;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
}
.hup22-new-label>span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:5px 8px;
  background:#fff;
  color:#000;
  font-size:7px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.hup22-new-label>strong{
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
}

.hup22-new-v28{
  max-width:620px!important;
  margin:0 auto 30px!important;
  gap:12px!important;
}
.hup22-new-v28 .hup22-new-card{
  min-height:190px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#080808!important;
}
.hup22-new-v28 .hup22-new-card img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:brightness(.72) saturate(.9)!important;
  transition:transform .35s ease,filter .35s ease!important;
}
.hup22-new-v28 .hup22-new-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 12%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.88) 100%);
}
.hup22-new-v28 .hup22-new-card>span{
  z-index:2!important;
  left:16px!important;
  right:16px!important;
  bottom:15px!important;
  text-align:left!important;
}
.hup22-new-v28 .hup22-new-card small{
  font-size:7px!important;
  color:rgba(255,255,255,.55)!important;
}
.hup22-new-v28 .hup22-new-card strong{
  margin-top:6px!important;
  font-size:14px!important;
}
.hup22-new-v28 .hup22-new-card em{
  display:block;
  margin-top:5px;
  font-size:7px;
  font-style:normal;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
}
.hup22-new-v28 .hup22-new-card:hover img{
  transform:scale(1.045)!important;
  filter:brightness(.58) saturate(.95)!important;
}

/* In Memöriam local: no content:url; usar src real del plugin */
.hup22-new-v28 a[href*="horns-up-in-memoriam"] img{
  content:normal!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Separadores de secciones: más limpios y sin cajas gigantes */
.hup22-section-title{
  padding:0 0 11px 14px!important;
  margin:25px 0 13px!important;
  border-left:2px solid rgba(255,255,255,.7)!important;
}
.hup22-section-title h2{
  font-size:clamp(18px,2vw,28px)!important;
}
.hup22-section-title>span{
  font-size:6.5px!important;
}
.hup22-section-title>i{
  font-size:7.5px!important;
}

@media(max-width:700px){
  .hup22-start-copy{
    text-align:left;
  }
  .hup22-new-label{
    align-items:flex-start;
    flex-direction:column;
  }
  .hup22-new-v28{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   V29 · MEDIOS + DIRECTOS COMO BLOQUES VISUALES
   ========================================================= */


@media(max-width:700px){
  
  
}


/* =========================================================
   V30 · BLOQUE EDITORIAL SEO/GEO
   Texto útil para personas + semántica clara para buscadores.
   ========================================================= */
.hup22-seo-story{
  position:relative;
  margin-top:18px;
  padding:24px 22px 22px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.055),transparent 25%),
    linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  text-align:left;
  overflow:hidden;
}
.hup22-seo-story:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:rgba(255,255,255,.72);
}
.hup22-seo-topline{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding-bottom:13px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.hup22-seo-topline span,
.hup22-seo-topline b{
  font-size:6.5px;
  line-height:1.3;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.hup22-seo-topline span{color:rgba(255,255,255,.38)}
.hup22-seo-topline b{color:rgba(255,255,255,.62)}
.hup22-seo-story h3{
  margin:18px 0 12px!important;
  max-width:620px;
  color:#fff!important;
  font-size:clamp(22px,2.25vw,34px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  font-weight:950!important;
  text-transform:uppercase;
}
.hup22-seo-story p{
  color:rgba(255,255,255,.58)!important;
  font-size:10px!important;
  line-height:1.62!important;
}
.hup22-seo-story strong{color:rgba(255,255,255,.88)}
.hup22-seo-lead{
  max-width:630px;
  font-size:11px!important;
}
.hup22-seo-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.07);
}
.hup22-seo-columns small{
  display:block;
  margin-bottom:7px;
  color:rgba(255,255,255,.38);
  font-size:6.5px;
  font-weight:950;
  letter-spacing:.16em;
}
.hup22-seo-columns p{margin:0!important}
.hup22-seo-close{
  margin:19px 0 0!important;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.07);
}
.hup22-seo-links{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:17px;
}
.hup22-seo-links a{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.56)!important;
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:.2s;
}
.hup22-seo-links a:hover{
  border-color:rgba(255,255,255,.34);
  color:#fff!important;
  background:rgba(255,255,255,.04);
}
@media(max-width:700px){
  .hup22-seo-columns{grid-template-columns:1fr;gap:16px}
  .hup22-seo-topline{flex-direction:column;gap:5px}
}


/* V31 · PLATAFORMAS DE ESCUCHA EN CADA PROGRAMA */
.hup22-card-main{position:absolute;inset:0;z-index:2!important}
.hup22-cardcopy{pointer-events:none}
.hup22-platforms{
  position:relative;z-index:5;display:flex!important;flex-wrap:wrap;gap:5px;
  margin-top:10px;opacity:0;transform:translateY(6px);transition:.25s;pointer-events:auto
}
.hup22-card:hover .hup22-platforms{opacity:1;transform:none}
.hup22-platform{
  display:inline-flex!important;align-items:center;gap:4px;min-height:23px;padding:3px 6px;
  border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.52);color:#fff!important;
  backdrop-filter:blur(5px);transition:.18s
}
.hup22-platform:hover{background:#fff;color:#000!important;border-color:#fff}
.hup22-platform b{
  display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;
  border:1px solid currentColor;font-size:5.5px!important;line-height:1!important;font-weight:950!important;
  letter-spacing:-.02em!important
}
.hup22-platform i{font-size:5.7px!important;line-height:1!important;font-style:normal!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase}
@media(max-width:850px){
 .hup22-platforms{opacity:1;transform:none}
 .hup22-platform i{display:none}
 .hup22-platform{padding:3px}
}


/* =========================================================
   V32 · PLATAFORMAS DEBAJO DE CADA ÚLTIMO EPISODIO
   ========================================================= */
.hup22-ep-v32{
  position:relative;
  cursor:default;
}
.hup22-ep-v32 .hup22-ep-main{
  position:absolute;
  inset:0;
  z-index:1;
}
.hup22-ep-v32 > img,
.hup22-ep-v32 > .hup22-ep-copy,
.hup22-ep-v32 > .hup22-badge{
  position:relative;
  z-index:2;
  pointer-events:none;
}
.hup22-episode-platforms{
  position:relative;
  z-index:4;
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
  pointer-events:auto!important;
}
.hup22-episode-platform{
  display:inline-flex!important;
  align-items:center;
  gap:4px;
  min-height:21px;
  padding:3px 6px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(0,0,0,.30);
  color:rgba(255,255,255,.62)!important;
  text-decoration:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.hup22-episode-platform:hover{
  color:#fff!important;
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.055);
  transform:translateY(-1px);
}
.hup22-episode-platform svg{
  width:10px!important;
  height:10px!important;
  display:block;
  fill:currentColor;
  flex:0 0 auto;
}
.hup22-episode-platform i{
  font-style:normal!important;
  font-size:6.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.035em;
}
.hup22-ep-ivoox-mark{
  display:inline-grid!important;
  place-items:center;
  width:11px;
  height:11px;
  font-size:5px!important;
  line-height:1!important;
  font-weight:950;
  border:1px solid currentColor;
  border-radius:50%;
}
.hup22-ep-v32:hover{
  border-color:rgba(255,255,255,.22);
}
@media(max-width:700px){
  .hup22-episode-platform i{font-size:6px!important}
  .hup22-episode-platform{padding:3px 5px}
}


/* v39 · Entrevistas visuales */
.hup22-interviews{justify-content:flex-start;padding-top:28px;overflow:hidden}
.hup22-interviews:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(194,25,52,.16),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.015),transparent 40%);pointer-events:none}
.hup22-interviews .hup22-onboard-number{position:absolute;top:14px;right:50%;transform:translateX(50%);margin:0;pointer-events:none;opacity:.24}
.hup22-interviews .hup22-kicker,.hup22-interviews h2,.hup22-interviews-lead,.hup22-interviews-featured,.hup22-interviews-grid,.hup22-interviews-more{position:relative;z-index:2}
.hup22-interviews h2{margin:8px 0 6px!important;font-size:clamp(38px,4.4vw,68px)!important;letter-spacing:-.045em!important}
.hup22-interviews-lead{max-width:760px!important;font-size:12px!important;line-height:1.55!important;color:rgba(255,255,255,.68)!important}
.hup22-interviews-featured{width:min(790px,100%);margin:16px auto 13px;min-height:118px;padding:20px 24px;border:1px solid rgba(218,37,61,.55);background:linear-gradient(110deg,rgba(106,10,27,.34),rgba(21,11,17,.86) 58%,rgba(255,255,255,.025));text-align:left;box-shadow:0 18px 46px rgba(0,0,0,.28),inset 3px 0 0 rgba(225,37,58,.75);display:flex;flex-direction:column;justify-content:center}
.hup22-interviews-featured:after{content:"PRÓXIMAMENTE";position:absolute;right:18px;top:16px;color:rgba(255,255,255,.12);font-size:clamp(24px,3.2vw,46px);font-weight:950;letter-spacing:-.04em;pointer-events:none}
.hup22-interviews-featured span{display:block;margin-bottom:7px;font-size:8px;font-weight:950;letter-spacing:.2em;color:#ff5269;text-transform:uppercase}
.hup22-interviews-featured strong{display:block;max-width:620px;color:#fff;font-size:clamp(21px,2.35vw,32px);line-height:1.02;letter-spacing:-.025em;text-wrap:balance}
.hup22-interviews-featured em{display:block;margin-top:8px;color:rgba(255,255,255,.58);font-size:9px;font-style:normal}
.hup22-interviews-grid{width:min(790px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:0 auto}
.hup22-interview-card{position:relative;min-height:150px!important;padding:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.13)!important;background:#080808!important;display:block!important;text-decoration:none!important;isolation:isolate;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important}
.hup22-interview-card:hover{transform:translateY(-5px)!important;border-color:rgba(255,77,99,.65)!important;box-shadow:0 16px 34px rgba(0,0,0,.42),0 0 0 1px rgba(213,34,59,.15)!important}
.hup22-interview-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(.86) contrast(1.06);transform:scale(1.02);transition:transform .35s ease,filter .35s ease}
.hup22-interview-card:hover img{transform:scale(1.08);filter:saturate(1.05) contrast(1.08)}
.hup22-interview-card:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(to top,rgba(4,4,5,.98) 3%,rgba(4,4,5,.88) 28%,rgba(4,4,5,.22) 66%,rgba(4,4,5,.08));}
.hup22-interview-card:after{content:"▶";position:absolute;right:10px;top:10px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#d91f3f;color:#fff;font-size:9px;box-shadow:0 7px 18px rgba(0,0,0,.35)}
.hup22-interview-card-copy{position:absolute;left:0;right:0;bottom:0;padding:11px 11px 12px;text-align:left}
.hup22-interview-card-copy small{display:block;margin-bottom:5px;color:#ff5269;font-size:6.5px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}
.hup22-interview-card-copy b{display:block;color:#fff!important;font-size:10px!important;line-height:1.18!important;letter-spacing:-.01em!important;text-transform:none!important;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.hup22-interview-card-copy span{display:block;margin-top:6px;color:rgba(255,255,255,.58)!important;font-size:7px!important}
.hup22-interviews-more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 17px;border:1px solid rgba(218,37,61,.55);background:linear-gradient(90deg,rgba(145,14,35,.28),rgba(255,255,255,.02));color:#fff!important;font-size:8px;font-weight:950;letter-spacing:.11em;text-decoration:none!important;transition:.2s ease}
.hup22-interviews-more:hover{border-color:#ef3c58;background:rgba(180,22,47,.26);transform:translateY(-1px)}
@media(max-width:900px){.hup22-interviews-grid{grid-template-columns:repeat(3,1fr)}.hup22-interview-card:nth-child(4),.hup22-interview-card:nth-child(5){min-height:130px!important}}
@media(max-width:760px){.hup22-interviews{padding:24px 22px 36px}.hup22-interviews-grid{grid-template-columns:repeat(2,1fr)}.hup22-interview-card{min-height:145px!important}.hup22-interview-card:last-child{grid-column:1/-1;min-height:120px!important}.hup22-interviews-featured{margin-top:14px;padding:18px}.hup22-interviews-featured:after{font-size:24px;opacity:.5}.hup22-interviews .hup22-onboard-number{top:10px}}

/* V41.2.2 · TRACKLIST */
.hup22-kicker,
.hup22-section-title>span,
.hup22-reviewcompact-head small,
.hup22-emp-adlabel{
  letter-spacing:.12em!important;
}


/* v41.8.8 · eliminado bloque histórico Aurora basado en data-section: el HTML actual no emite ese atributo. */

/* v41.3.0 · BONUS TRACK — MERCH HÖRNS ÜP
   Añade únicamente el teaser de merchandising al final de la columna derecha. */
.hup22-bonus-merch{max-width:690px;margin:26px auto 0;padding-top:19px;border-top:1px solid rgba(255,255,255,.10);text-align:left}
.hup22-bonus-merch-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}
.hup22-bonus-merch-head span{display:block;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38)}
.hup22-bonus-merch-head h2{margin:6px 0 0!important;color:#fff!important;font-size:22px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.03em!important;text-transform:uppercase}
.hup22-bonus-merch-head i{font-size:8px;font-style:normal;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.42);white-space:nowrap}
.hup22-bonus-merch>p{margin:0 0 13px!important;font-size:9px!important;line-height:1.45!important;color:rgba(255,255,255,.43)!important}


@keyframes hup22MerchSlide{0%,27%{transform:translateX(0)}33%,60%{transform:translateX(-33.3333%)}66%,93%{transform:translateX(-66.6666%)}100%{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){}
@media(max-width:520px){.hup22-bonus-merch-head{align-items:flex-start;flex-direction:column;gap:6px}}


/* v41.3.1 · BONUS TRACK A COLUMNA DERECHA + MEDIA ORIGINAL WP */
.hup22-right .hup22-bonus-merch{max-width:none;width:100%;margin:26px 0 34px;padding-top:20px;text-align:left}
.hup22-merch-gallery{width:100%}
.hup22-merch-stage{position:relative;height:330px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 70% 25%,rgba(255,63,115,.09),transparent 35%),#090909;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.hup22-merch-photo{position:absolute;inset:0;margin:0!important;opacity:0;transition:opacity .45s ease;background:#090909}
.hup22-merch-photo.is-active{opacity:1}
.hup22-merch-photo img{width:100%;height:100%;object-fit:contain;display:block;filter:brightness(.78) contrast(1.04);background:linear-gradient(135deg,#161616,#070707)}
.hup22-merch-overlay{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:28px;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.28) 58%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}
.hup22-merch-overlay small{font-size:8px;font-weight:950;letter-spacing:.18em;color:#ff3f73}
.hup22-merch-overlay strong{font-size:clamp(34px,4vw,58px);line-height:.9;color:#fff;letter-spacing:-.05em;font-weight:950;margin-top:7px}
.hup22-merch-overlay b{margin-top:10px;padding:7px 12px;background:#ff3f73;color:#050505;font-size:12px;letter-spacing:.08em}
.hup22-merch-overlay span{margin-top:10px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.hup22-merch-thumbs{display:flex;gap:7px;margin-top:8px;overflow:auto}
.hup22-merch-thumbs button{width:92px;height:56px;padding:0;border:1px solid rgba(255,255,255,.13);background:#090909;cursor:pointer;flex:0 0 auto}
.hup22-merch-thumbs img{width:100%;height:100%;object-fit:contain;opacity:.82;background:#111}
.hup22-merch-thumbs button:hover,.hup22-merch-thumbs button:focus{border-color:#ff3f73;outline:none}.hup22-merch-thumbs button:hover img,.hup22-merch-thumbs button:focus img{opacity:1}
@media(max-width:760px){.hup22-merch-stage{height:260px}.hup22-merch-overlay{padding:20px}}