@charset "utf-8";
/* tbc-reproductor 1.0.0 — rep.css (S248). Todo lleva el prefijo tbr- para no pisar al tema. */
.tbr-rep .tbr-logo{top:26px!important}
.tbr-modo-chapa .tbr-logo{opacity:.0;transition:opacity .6s}
@media(max-width:560px){#tbr-radio .tbr-top{height:auto!important;min-height:58px!important;padding-bottom:0!important}#tbr-radio .tbr-logo{width:88px!important;height:auto!important;top:12px!important;left:6px!important}#tbr-radio .tbr-plato{width:176px!important;height:176px!important;margin-top:-6px!important}#tbr-radio .tbr-info{gap:8px!important;padding-top:6px!important}}
@media(max-width:560px){
#tbr-radio .tbr-escena{grid-template-columns:1fr!important;grid-template-areas:"plato" "kicker" "titulo" "artista" "play" "etiqueta" "progreso" "sigue" "vota"!important;row-gap:8px!important;justify-items:center!important}
#tbr-radio .tbr-info,#tbr-radio .tbr-info .tbr-mandos{display:contents!important}
#tbr-radio .tbr-plato{grid-area:plato;margin:0 auto!important}
#tbr-radio #tbr-kicker{grid-area:kicker;margin-top:24px}#tbr-radio #tbr-titulo{grid-area:titulo}#tbr-radio #tbr-artista{grid-area:artista}#tbr-radio #tbr-etiqueta{grid-area:etiqueta}#tbr-radio #tbr-progreso{grid-area:progreso;width:100%}
#tbr-radio #tbr-sigue{grid-area:sigue;justify-self:stretch!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;justify-content:center!important}
#tbr-radio .tbr-info .tbr-mandos>:not(#tbr-play){grid-area:vota;margin-top:6px}
#tbr-radio #tbr-play{grid-area:play;justify-self:stretch!important;width:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;margin:10px 0 6px!important;padding:8px 18px 8px 8px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,190,100,.16),rgba(255,140,40,.06))!important;box-shadow:inset 0 0 0 1px rgba(255,181,71,.45),0 10px 24px rgba(0,0,0,.45),0 0 calc(var(--tbr-beat,0)*26px) rgba(255,150,40,.45)!important;position:relative;overflow:visible}
#tbr-radio #tbr-play .tbr-play{zoom:.46;flex:none}
#tbr-radio #tbr-play .tbr-play::after{display:none!important}
#tbr-radio #tbr-play .tbr-play-etq{display:flex!important;flex-direction:column;align-items:flex-start!important;text-align:left!important;flex:1;min-width:0}
#tbr-radio #tbr-play .tbr-play-etq b{font-size:21px!important;line-height:1!important}
#tbr-radio #tbr-play .tbr-play-etq small{font-size:11px!important;opacity:.75}
#tbr-radio #tbr-play .tbr-play-etq small::before{content:none!important}
#tbr-radio #tbr-play::after{content:"";flex:none;width:30px;height:22px;margin-left:auto;background:linear-gradient(#ffb547,#ff8a1e) 0 100%/4px calc(25% + var(--tbr-beat,0)*75%) no-repeat,linear-gradient(#ffb547,#ff8a1e) 8px 100%/4px calc(55% + var(--tbr-beat,0)*45%) no-repeat,linear-gradient(#ffb547,#ff8a1e) 16px 100%/4px calc(35% + var(--tbr-beat,0)*65%) no-repeat,linear-gradient(#ffb547,#ff8a1e) 24px 100%/4px calc(70% + var(--tbr-beat,0)*30%) no-repeat;opacity:.35}
#tbr-radio.tbr-sonando #tbr-play::after{opacity:1}
#tbr-radio #tbr-vota{zoom:.78}
}
#tbr-radio #tbr-artista{color:#ffc35f!important;text-shadow:0 0 2px rgba(255,236,200,.9),0 0 calc(8px + var(--tbr-beat,0)*8px) rgba(255,170,60,.75),0 0 calc(20px + var(--tbr-beat,0)*16px) rgba(255,120,30,.45)!important}
#tbr-radio .tbr-top{height:64px!important;min-height:0!important;position:relative}
#tbr-radio .tbr-top #tbr-kicker{position:absolute;left:50%;top:30px;transform:translateX(-50%);margin:0!important;font-size:10px!important;letter-spacing:.32em!important;white-space:nowrap;opacity:.9;z-index:3}
#tbr-radio .tbr-info .tbr-mandos{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:28px!important;flex-wrap:wrap!important}
@media(max-width:560px){#tbr-radio .tbr-top{height:58px!important}#tbr-radio .tbr-top #tbr-kicker{top:20px;font-size:7.5px!important;letter-spacing:.2em!important;white-space:normal;width:150px;text-align:center;line-height:1.5}#tbr-radio .tbr-info .tbr-mandos{display:contents!important}#tbr-radio #tbr-oyentes{display:none!important}}
#tbr-radio .tbr-band-art{display:none}
@media(max-width:560px){#tbr-radio .tbr-band-art{display:inline-block;width:24px;height:16px;margin-right:9px;vertical-align:2px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.5)}#tbr-radio .tbr-band-art svg{display:block;width:100%;height:100%}}
@media(min-width:561px){#tbr-radio .tbr-plato{transform:translateX(36px)}}
.tbr-modo-chapa #tbr-oyentes,#tbr-oyentes:has(.tbr-pais-n:empty){display:none!important}



@property --tbr-c1{syntax:'<color>';inherits:true;initial-value:#c8763c}
@property --tbr-c2{syntax:'<color>';inherits:true;initial-value:#ffb547}
.tbr-raiz{
  --tbr-noche:#0b0705; --tbr-madera:#1a110c; --tbr-tabla:#2a1b13; --tbr-linea:#ffffff1a;
  --tbr-crema:#f6ead6; --tbr-tenue:#c4b39b; --tbr-cobre:#c8763c; --tbr-ambar:#ffb547; --tbr-rojo:#ff3b4e; --tbr-verde:#7ee08a;
  --tbr-papel:#f3ead8; --tbr-tinta:#2a1d14;
  --tbr-f-disp:"Bebas Neue",Impact,"Arial Narrow",sans-serif;
  --tbr-f-txt:"Barlow","Helvetica Neue",Arial,sans-serif;
  --tbr-f-dato:"Space Mono",ui-monospace,Menlo,monospace;
  --tbr-f-neon:"Tilt Neon","Barlow",sans-serif;
}


.tbr-rep{--tbr-beat:0;--tbr-rx:0deg;--tbr-ry:0deg;position:relative;isolation:isolate;border-radius:26px;overflow:hidden;min-height:600px;
  background:var(--tbr-noche);box-shadow:0 40px 120px -40px #000,0 0 0 1px #ffffff14;transition:--tbr-c1 1.4s ease,--tbr-c2 1.4s ease;contain:paint}
.tbr-fondo{position:absolute;inset:-3%;background:url(img/fondo-barra.webp) center 62%/cover no-repeat;z-index:-5;
  transform:translate(calc(var(--tbr-ry) * -.6),calc(var(--tbr-rx) * .4)) scale(1.04);transition:transform .6s ease-out;filter:brightness(.62) saturate(.85)}
.tbr-luz{position:absolute;inset:0;z-index:-4;mix-blend-mode:overlay;opacity:calc(.55 + var(--tbr-beat) * .45);
  background:radial-gradient(42% 55% at 22% 38%,var(--tbr-c1),transparent 72%),radial-gradient(38% 50% at 78% 22%,var(--tbr-c2),transparent 70%),radial-gradient(60% 35% at 40% 92%,var(--tbr-c1),transparent 70%)}
.tbr-tinte{position:absolute;inset:0;z-index:-4;mix-blend-mode:color;opacity:.28;background:linear-gradient(120deg,var(--tbr-c1),var(--tbr-c2))}
.tbr-bokeh{position:absolute;inset:0;z-index:-3;pointer-events:none}
.tbr-bokeh span{position:absolute;left:var(--tbr-x);top:var(--tbr-y);width:var(--tbr-s);height:var(--tbr-s);margin:calc(var(--tbr-s) / -2);animation:tbrk-deriva var(--tbr-d) ease-in-out infinite alternate}
.tbr-bokeh i{display:block;width:100%;height:100%;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--tbr-col) 80%,#fff) 0%,color-mix(in srgb,var(--tbr-col) 55%,transparent) 38%,transparent 70%);
  opacity:calc(.25 + var(--tbr-beat) * var(--tbr-k));transform:scale(calc(.85 + var(--tbr-beat) * var(--tbr-k)))}
@keyframes tbrk-deriva{to{transform:translate(var(--tbr-dx),var(--tbr-dy))}}
.tbr-velo{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(90deg,#0b070500 25%,#0b0705cc 62%,#0b0705ee 100%),linear-gradient(180deg,#0b0705aa 0%,#0b070500 22%,#0b070500 70%,#0b0705f0 100%)}


.tbr-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 0;flex-wrap:wrap}
.tbr-logo{position:absolute;top:4px;left:6px;width:246px;height:auto;z-index:30;pointer-events:none;filter:drop-shadow(0 8px 16px #000d);animation:tbrk-flota 6s ease-in-out infinite}
.tbr-top{min-height:118px;justify-content:flex-end!important}
@keyframes tbrk-flota{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-7px) rotate(1.2deg)}}
.tbr-top-dcha{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.tbr-neon{font-family:var(--tbr-f-neon);font-size:19px;letter-spacing:.1em;padding:4px 14px 3px;border-radius:9px;border:2px solid currentColor;
  color:var(--tbr-ambar);text-shadow:0 0 4px currentColor,0 0 16px currentColor;box-shadow:0 0 14px color-mix(in srgb,currentColor 45%,transparent),inset 0 0 10px color-mix(in srgb,currentColor 30%,transparent);white-space:nowrap}
.tbr-directo .tbr-neon{color:var(--tbr-rojo);animation:tbrk-zumba 7s infinite}
@keyframes tbrk-zumba{0%,90%,100%{opacity:1}91%{opacity:.45}92%{opacity:1}95%{opacity:.6}96%{opacity:1}}
.tbr-oyentes{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tbr-crema);background:#0b0705b3;border:1px solid var(--tbr-linea);border-radius:999px;padding:6px 12px;backdrop-filter:blur(6px);max-width:100%}
.tbr-oyentes b{font-family:var(--tbr-f-disp);font-size:20px;font-weight:400;letter-spacing:.03em;line-height:1}
.tbr-oyentes .tbr-pto{width:8px;height:8px;border-radius:50%;background:var(--tbr-verde);animation:tbrk-onda 2s infinite;flex:none}
@keyframes tbrk-onda{0%{box-shadow:0 0 0 0 #7ee08a99}100%{box-shadow:0 0 0 11px #7ee08a00}}
.tbr-oyentes .tbr-paises{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.tbr-escena{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:10px 30px;padding:6px 26px 4px;min-height:420px}
.tbr-plato{position:relative;width:min(100%,330px);aspect-ratio:1;justify-self:center;perspective:1100px}
.tbr-desliza{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.3,.9,.25,1)}
.tbr-sonando .tbr-desliza{transform:translateX(-20%)}
.tbr-plato-giro{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(4deg + var(--tbr-rx))) rotateY(calc(-14deg + var(--tbr-ry)));transition:transform .5s ease-out}
.tbr-vinilo{position:absolute;inset:3%;border-radius:50%;transform:translateX(0);transition:transform 1.1s cubic-bezier(.3,.9,.25,1)}
.tbr-sonando .tbr-vinilo{transform:translateX(46%)}
.tbr-vinilo-disco{position:absolute;inset:0;border-radius:50%;animation:tbrk-gira 1.8s linear infinite;animation-play-state:paused;
  background:radial-gradient(circle,#0000 0 30%,#0e0b0a 30.5% 31.5%,#0000 32%),repeating-radial-gradient(circle,#121010 0 1.4px,#1c1817 1.4px 2.8px);
  box-shadow:0 0 0 2px #050404,0 18px 40px #000d}
.tbr-vinilo-disco::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,#fff0 0deg,#ffffff22 25deg,#fff0 60deg,#fff0 185deg,#ffffff1a 210deg,#fff0 245deg)}
.tbr-vinilo-disco img{position:absolute;inset:32%;width:36%;height:36%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #0008}
.tbr-sonando .tbr-vinilo-disco{animation-play-state:running}
@keyframes tbrk-gira{to{transform:rotate(360deg)}}
.tbr-funda{position:absolute;inset:0;border-radius:5px;overflow:hidden;transform:translateZ(6px);
  box-shadow:0 30px 50px -10px #000e,0 0 0 1px #ffffff1c,inset 0 0 0 1px #ffffff14;background:#111}
.tbr-funda img{width:100%;height:100%;object-fit:cover;display:block}
.tbr-funda::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff2e 0%,#fff0 28%,#fff0 70%,#00000059 100%);mix-blend-mode:soft-light}
.tbr-funda::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 40px #0006;pointer-events:none}
.tbr-resplandor{position:absolute;left:-25%;right:-45%;bottom:-24%;height:42%;border-radius:50%;z-index:-1;
  background:radial-gradient(closest-side,var(--tbr-c1),transparent);opacity:calc(.35 + var(--tbr-beat) * .55);transform:translateZ(-1px) scale(calc(1 + var(--tbr-beat) * .12))}
.tbr-reflejo{position:absolute;left:0;top:100%;width:100%;height:46%;overflow:hidden;opacity:.3;transform:translateY(6px);pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#0000 85%);mask-image:linear-gradient(180deg,#000 0%,#0000 85%)}
.tbr-reflejo img{width:100%;aspect-ratio:1;object-fit:cover;transform:scaleY(-1);filter:blur(2px) brightness(.8);display:block}

.tbr-funda-pila{position:absolute;inset:0;transform-style:preserve-3d}
.tbr-capa{position:absolute;inset:0;transform-style:preserve-3d}

.tbr-capa.tbr-guarda .tbr-vinilo,.tbr-tarjeta.tbr-guarda .tbr-vinilo{transform:translateX(0)!important;transition-duration:.5s}
.tbr-capa.tbr-sale{animation:tbrk-salida .42s cubic-bezier(.5,0,.9,.5) forwards}
.tbr-capa.tbr-entra{animation:tbrk-entrada .65s cubic-bezier(.2,1.1,.3,1) both}
@keyframes tbrk-salida{to{transform:translateX(-60%) rotate(-5deg);opacity:0}}
@keyframes tbrk-entrada{from{transform:translateX(60%) rotate(5deg);opacity:0}}
.tbr-tarjeta .tbr-funda.tbr-sale{animation:tbrk-salida .42s cubic-bezier(.5,0,.9,.5) forwards}
.tbr-tarjeta .tbr-funda.tbr-entra{animation:tbrk-entrada .65s cubic-bezier(.2,1.1,.3,1) both}

.tbr-micro{position:absolute;left:50%;bottom:-6%;width:52%;transform:translate(-30%,120%);opacity:0;transition:transform 1.1s cubic-bezier(.2,.9,.25,1.1),opacity .6s;pointer-events:none;
  filter:drop-shadow(0 0 22px #ff3b4e88) drop-shadow(0 24px 30px #000)}
.tbr-micro img{width:100%;display:block}
.tbr-directo .tbr-micro{transform:translate(-30%,0);opacity:1}
.tbr-directo .tbr-capa,.tbr-directo .tbr-vinilo,.tbr-directo .tbr-reflejo{opacity:0;transform:translateY(60%);transition:all .8s}


.tbr-info{min-width:0;display:flex;flex-direction:column;gap:8px;padding-block:10px}
.tbr-kicker{font-family:var(--tbr-f-dato);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--tbr-c2);display:flex;align-items:center;gap:10px}
.tbr-kicker::before{content:"";width:26px;height:2px;background:currentColor;box-shadow:0 0 8px currentColor}
.tbr-directo .tbr-kicker{color:var(--tbr-rojo)}
.tbr-titulo{font-family:var(--tbr-f-disp);font-weight:400;font-size:clamp(40px,6.3vw,76px);line-height:.9;letter-spacing:.01em;margin:0;text-wrap:balance;
  text-shadow:0 4px 30px #000c;overflow-wrap:anywhere}
.tbr-titulo .tbr-pal{display:inline-block;white-space:nowrap}
.tbr-titulo .tbr-l{display:inline-block;animation:tbrk-letra .7s cubic-bezier(.2,1,.3,1) both;animation-delay:calc(var(--tbr-i) * 28ms + 250ms)}
@keyframes tbrk-letra{from{transform:translateY(.55em) rotateX(-80deg);opacity:0}}
.tbr-artista{font-size:clamp(23px,2.9vw,34px);font-weight:700;line-height:1.1;letter-spacing:.01em;color:var(--tbr-crema)}
.tbr-artista.tbr-entra{animation:tbrk-sube .8s .45s both}
@keyframes tbrk-sube{from{transform:translateY(10px);opacity:0}}
.tbr-etiqueta{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--tbr-tenue)}
.tbr-etiqueta .tbr-pill{white-space:nowrap;flex:none;font-family:var(--tbr-f-dato);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--tbr-c2) 70%,transparent);color:var(--tbr-c2);border-radius:999px;padding:2px 8px}
.tbr-progreso{display:flex;align-items:center;gap:10px;font-family:var(--tbr-f-dato);font-size:12px;color:var(--tbr-tenue);font-variant-numeric:tabular-nums;margin-top:4px;max-width:440px}
.tbr-pista{flex:1;height:4px;border-radius:4px;background:#ffffff1f;position:relative}
.tbr-pista i{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:4px;transform-origin:left;transform:scaleX(var(--tbr-p,0));background:linear-gradient(90deg,var(--tbr-c1),var(--tbr-c2))}
.tbr-pista b{position:absolute;top:50%;left:calc(var(--tbr-p,0) * 100%);width:12px;height:12px;margin:-6px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--tbr-c2)}
.tbr-directo .tbr-progreso{visibility:hidden}

.tbr-mandos{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}

.tbr-play{position:relative;width:124px;height:124px;border-radius:50%;border:0;padding:0;cursor:pointer;flex:none;display:grid;place-items:center;
  background:url(img/boton-play.webp) center/contain no-repeat;filter:drop-shadow(0 14px 22px #000d);transition:transform .18s cubic-bezier(.3,1.6,.5,1)}
.tbr-play:hover{transform:scale(1.05)}
.tbr-play:active{transform:scale(.93)}
.tbr-play::before{content:"";position:absolute;inset:14%;border-radius:50%;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(circle,transparent 46%,#ffb547 53%,#ff8a1e 60%,transparent 70%);opacity:.25;animation:tbrk-respira 2.6s ease-in-out infinite}
.tbr-sonando .tbr-play::before,.tbr-sonando-b .tbr-play::before{animation:none;opacity:calc(.35 + var(--tbr-beat) * .65)}
@keyframes tbrk-respira{50%{opacity:.75}}
.tbr-play::after{content:"";position:absolute;inset:-14px;border-radius:50%;pointer-events:none;border:2px solid var(--tbr-c2);opacity:calc(var(--tbr-beat) * .8);transform:scale(calc(1 + var(--tbr-beat) * .18))}
.tbr-play svg{position:relative;width:40%;height:40%;fill:#fff6e6;filter:drop-shadow(0 0 4px #ffb547) drop-shadow(0 0 12px #ff9a2e);margin-left:6%}

.tbr-play-grupo{display:inline-flex;align-items:center;gap:14px;border:0;background:none;padding:0;cursor:pointer;color:var(--tbr-crema);text-align:left}
.tbr-play-grupo .tbr-play{cursor:pointer}
.tbr-play-grupo:hover .tbr-play{transform:scale(1.05)}
.tbr-play-grupo:active .tbr-play{transform:scale(.93)}
.tbr-play-etq{display:flex;flex-direction:column;line-height:1}
.tbr-play-etq b{font-family:var(--tbr-f-disp);font-weight:400;font-size:30px;letter-spacing:.04em}
.tbr-play-etq small{font-family:var(--tbr-f-dato);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tbr-ambar);margin-top:5px}
.tbr-play-etq small::before{content:"◀ ";font-size:9px}
.tbr-parado .tbr-play::after{animation:tbrk-llama 1.8s ease-out infinite;opacity:1;border-color:var(--tbr-ambar)}
@keyframes tbrk-llama{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}

.tbr-rep .tbr-play::after,.tbr-tarjeta.tbr-tarjeta .tbr-play::after{inset:-40%;border:0;border-radius:50%;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle closest-side,transparent 50%,color-mix(in srgb,var(--tbr-c2) 85%,transparent) 56%,color-mix(in srgb,var(--tbr-c1) 45%,transparent) 70%,transparent 100%);opacity:calc(.18 + var(--tbr-beat) * .82);transform:scale(calc(.9 + var(--tbr-beat) * .22));animation:none}
.tbr-rep.tbr-parado .tbr-play::after,.tbr-tarjeta.tbr-tarjeta.tbr-parado .tbr-play::after{animation:tbrk-latidoParado 2.6s ease-in-out infinite;opacity:.28;transform:scale(.92);background:radial-gradient(circle closest-side,transparent 50%,#ffb547d9 56%,#ff8a1e66 70%,transparent 100%)}
@keyframes tbrk-latidoParado{50%{opacity:.6;transform:scale(.95)}}
@keyframes tbrk-llamaSuave{0%{transform:scale(.97);opacity:.7}100%{transform:scale(1.12);opacity:0}}
.tbr-rep #tbr-play{gap:24px}
.tbr-sigue{display:flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--tbr-f-dato);font-size:11px;letter-spacing:.06em;color:var(--tbr-tenue);opacity:.85;min-width:0;transition:opacity .6s}
.tbr-sigue[hidden]{display:none!important}
.tbr-sigue img{width:22px;height:22px;border-radius:3px;object-fit:cover;flex:none;box-shadow:0 2px 6px #0008}
.tbr-sigue small{text-transform:uppercase;color:var(--tbr-ambar);letter-spacing:.14em;flex:none}
.tbr-sigue span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--tbr-f-txt);font-size:13px;letter-spacing:0;color:var(--tbr-crema)}
.tbr-sigue span b{font-weight:700}
.tbr-mandos{flex-direction:column;align-items:flex-start!important}
.tbr-mandos{width:100%;max-width:520px}
.tbr-mandos .tbr-chapa.tbr-chapa-xl{align-self:flex-end;margin-top:4px}
@media (max-width:760px){.tbr-mandos .tbr-chapa.tbr-chapa-xl{align-self:center}}
.tbr-play-grupo.tbr-vertical{flex-direction:column-reverse;gap:6px}
.tbr-play-grupo.tbr-vertical .tbr-play-etq{align-items:center}
.tbr-play-grupo.tbr-vertical .tbr-play-etq b{display:none}
.tbr-play-grupo.tbr-vertical .tbr-play-etq small{margin:0;white-space:nowrap;background:#0b0705cc;border:1px solid #ffb54766;border-radius:999px;padding:4px 9px}
.tbr-play-grupo.tbr-vertical .tbr-play-etq small::before{content:"▼ "}
.tbr-sonando .tbr-play svg,.tbr-sonando-b .tbr-play svg{margin-left:0}
.tbr-play-etq{display:flex;flex-direction:column;line-height:1.1;font-family:var(--tbr-f-disp);font-size:22px;letter-spacing:.05em}
.tbr-play-etq small{font-family:var(--tbr-f-txt);font-size:12.5px;letter-spacing:0;color:var(--tbr-tenue)}


.tbr-chapa{position:relative;border:0;background:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:12px;color:var(--tbr-crema);text-align:left}
.tbr-chapa-img{position:relative;width:62px;height:62px;flex:none}
.tbr-chapa-img img{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 10px #000c);transition:transform .3s}
.tbr-chapa:not(.tbr-votada) .tbr-chapa-img img{animation:tbrk-tienta 3.6s ease-in-out infinite}
@keyframes tbrk-tienta{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(-14deg) translateY(-2px)}88%{transform:rotate(10deg)}92%{transform:rotate(-6deg)}96%{transform:rotate(3deg)}}
.tbr-chapa.tbr-destapa .tbr-chapa-img img{animation:tbrk-vuela 1.15s cubic-bezier(.25,.6,.35,1) both}
@keyframes tbrk-vuela{0%{transform:none}25%{transform:translateY(-120px) rotateX(540deg) rotate(30deg) scale(1.15)}55%{transform:translateY(-160px) rotateX(900deg) rotate(60deg) scale(1.2);opacity:1}75%{opacity:0;transform:translateY(-60px) rotateX(1080deg) rotate(80deg) scale(.6)}76%{transform:translateY(20px) scale(.4)}100%{opacity:1;transform:none}}
.tbr-chapa .tbr-ok{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;border-radius:50%;background:var(--tbr-verde);color:#0d2a12;font:700 15px/26px var(--tbr-f-txt);text-align:center;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.8,.5,1) .9s;box-shadow:0 0 0 3px #0b0705}
.tbr-chapa.tbr-votada .tbr-ok{transform:scale(1)}
.tbr-chapa-txt{display:flex;flex-direction:column;line-height:1.15}
.tbr-chapa-txt b{font-family:var(--tbr-f-disp);font-weight:400;font-size:26px;letter-spacing:.04em}
.tbr-chapa-txt small{font-size:13.5px;color:var(--tbr-crema);opacity:.85;max-width:21ch}
.tbr-chapa.tbr-chapa-xl .tbr-chapa-img{width:84px;height:84px}
.tbr-chapa.tbr-chapa-xl{padding:6px 18px 6px 6px;border-radius:999px;background:#0b0705a6;border:1.5px solid #ffb54755;backdrop-filter:blur(6px)}
.tbr-chapa.tbr-chapa-xl:hover{border-color:var(--tbr-ambar)}
.tbr-chapa.tbr-votada.tbr-chapa-xl{border-color:#7ee08a77}
.tbr-chapa.tbr-votada .tbr-chapa-txt b{color:var(--tbr-verde)}


.tbr-led{position:relative;margin:4px 20px 0;border-radius:10px;background:#090605;border:1px solid #ffffff14;overflow:hidden;height:84px;
  box-shadow:inset 0 0 18px #000,0 6px 20px #0008}
.tbr-led-pista{position:absolute;top:0;left:0;display:flex;white-space:nowrap;height:100%;align-items:center;animation:tbrk-ticker 42s linear infinite;will-change:transform}
.tbr-led-pista span{font-family:var(--tbr-f-dato);font-weight:700;font-size:19px;letter-spacing:.06em;text-transform:uppercase;color:var(--tbr-ambar);
  text-shadow:0 0 6px var(--tbr-ambar),0 0 14px #ffb54777;padding-right:44px}
.tbr-led-pista span em{font-style:normal;color:#fff3dc}
.tbr-directo .tbr-led-pista span{color:var(--tbr-rojo);text-shadow:0 0 6px var(--tbr-rojo),0 0 14px #ff3b4e77}
.tbr-led::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,#0000 0 1.1px,#090605 1.5px) 0 0/4px 4px}
.tbr-led::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#090605 0,#0900 8%,#0900 92%,#090605 100%)}
@keyframes tbrk-ticker{to{transform:translateX(-50%)}}
.tbr-led-fila{position:relative;height:50%;overflow:hidden}
.tbr-led-fila.tbr-dos{border-top:1px solid #ffffff10}
.tbr-led-fila.tbr-dos .tbr-led-pista{animation-duration:60s}
.tbr-led-fila.tbr-dos span{color:#ffcf7a;font-size:17px}
.tbr-led-fila.tbr-dos .tbr-sube{color:#4dff7a;text-shadow:0 0 6px #4dff7a,0 0 14px #4dff7a77}
.tbr-led-fila.tbr-dos .tbr-dato{color:#fff3dc}


.tbr-funda.tbr-gira{overflow:visible;background:none;box-shadow:none;transform-style:preserve-3d;cursor:pointer;transition:transform .7s cubic-bezier(.45,.05,.55,.95)}
.tbr-funda.tbr-gira::before,.tbr-funda.tbr-gira::after{display:none}
.tbr-funda.tbr-gira.tbr-vuelta{transform:translateZ(6px) rotateY(180deg)}
.tbr-cara{position:absolute;inset:0;border-radius:5px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 30px 50px -10px #000e,0 0 0 1px #ffffff1c}
.tbr-frente::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff2e 0%,#fff0 28%,#fff0 70%,#00000059 100%);mix-blend-mode:soft-light;pointer-events:none}
.tbr-frente img{width:100%;height:100%;object-fit:cover;display:block}
.tbr-giro-pista{position:absolute;right:7px;bottom:7px;z-index:2;font:700 10px var(--tbr-f-dato);letter-spacing:.06em;color:#2a1d14;background:#f1e3c5;border-radius:999px;padding:4px 8px;box-shadow:0 3px 8px #0008;opacity:.92;transition:transform .2s}
.tbr-funda.tbr-gira:hover .tbr-giro-pista{transform:scale(1.08)}

.tbr-funda.tbr-gira .tbr-cara{transition:opacity 0s linear .35s}
.tbr-funda.tbr-gira:not(.tbr-vuelta) .tbr-dorso,.tbr-funda.tbr-gira.tbr-vuelta .tbr-frente{opacity:0}
.tbr-capa:has(.tbr-funda.tbr-vuelta) .tbr-reflejo{opacity:0;transition:opacity .3s}

.tbr-capa .tbr-vinilo{transition:transform 1.1s cubic-bezier(.3,.9,.25,1),opacity .25s}
.tbr-capa.tbr-volviendo .tbr-reflejo{opacity:0}
.tbr-capa:has(.tbr-funda.tbr-vuelta) .tbr-vinilo,.tbr-capa.tbr-volviendo .tbr-vinilo{opacity:0;transform:translateX(0)!important;transition:transform .3s,opacity .2s}
.tbr-capa:has(.tbr-funda.tbr-vuelta) .tbr-vinilo-disco,.tbr-capa.tbr-volviendo .tbr-vinilo-disco{animation-play-state:paused}
.tbr-frente::after{mix-blend-mode:normal!important;background:linear-gradient(115deg,#ffffff1f 0%,#fff0 28%,#fff0 70%,#00000040 100%)!important}
.tbr-dorso{transform:rotateY(180deg);display:flex;flex-direction:column;gap:6px;padding:7% 7% 6%;text-align:left;color:var(--tbr-crema);
  background:radial-gradient(120% 80% at 20% 0%,color-mix(in srgb,var(--tbr-c1) 30%,transparent),transparent 60%),repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px),#17100c}
.tbr-dorso-lado{font:700 9.5px var(--tbr-f-dato);letter-spacing:.16em;text-transform:uppercase;color:var(--tbr-c2);border-bottom:1px dashed #ffffff26;padding-bottom:6px}
.tbr-dorso-t{font-family:var(--tbr-f-disp);font-size:clamp(22px,2.6vw,30px);line-height:.95;letter-spacing:.02em;margin-top:2px;overflow-wrap:anywhere}
.tbr-dorso-a{font-size:13px;font-weight:600;opacity:.85;margin-top:-2px}
.tbr-dorso-acc{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.tbr-dacc{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font:600 12.5px var(--tbr-f-txt);color:var(--tbr-crema);text-decoration:none;
  background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;padding:7px 10px;cursor:pointer;transition:background .2s,border-color .2s}
.tbr-dacc:hover{background:#ffffff1a;border-color:var(--tbr-c2)}
.tbr-dacc img{width:26px;height:26px;flex:none}
.tbr-dacc .tbr-ico{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:#ffffff14;font-size:12px}
.tbr-dacc.tbr-vota{border-color:#ffb54788;background:#ffb5471a}
.tbr-dacc.tbr-votada{border-color:#7ee08a88;background:#7ee08a1a;cursor:default}
.tbr-dorso-vuelve{font:700 9.5px var(--tbr-f-dato);letter-spacing:.1em;color:var(--tbr-tenue);text-align:center;margin-top:2px}
@media (max-width:760px){.tbr-dorso{padding:6%;gap:4px}.tbr-dorso-lado{font-size:8.5px}.tbr-dacc{font-size:11.5px;padding:5px 8px;gap:7px}.tbr-dacc img,.tbr-dacc .tbr-ico{width:22px;height:22px}.tbr-dorso-vuelve{display:none}}
.tbr-bandera{display:inline-block;width:24px;height:16px;flex:none;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #ffffff33,0 2px 5px #0008}
.tbr-bandera svg{width:100%;height:100%;display:block}
.tbr-oyentes .tbr-pais-n{font-family:var(--tbr-f-txt);font-size:13.5px;font-weight:700;letter-spacing:0}
.tbr-oyentes .tbr-sep{width:1px;height:16px;background:#ffffff33;margin:0 2px}
.tbr-t-txt .tbr-bandera{width:18px;height:12px;vertical-align:-1px;margin-right:6px}

.tbr-tarjeta{--tbr-beat:0;--tbr-rx:0deg;--tbr-ry:0deg;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;aspect-ratio:4/5;width:100%;
  background:var(--tbr-noche);box-shadow:0 40px 100px -40px #000,0 0 0 1px #ffffff14;transition:--tbr-c1 1.4s ease,--tbr-c2 1.4s ease;contain:paint}
.tbr-tarjeta .tbr-fondo{background-position:28% 62%}
.tbr-t-velo{background:linear-gradient(180deg,#0b0705b3 0%,#0b070500 26%,#0b070500 55%,#0b0705f2 88%)!important}
.tbr-t-logo{position:absolute;top:4px;left:4px;width:34%;max-width:166px;z-index:30;pointer-events:none;filter:drop-shadow(0 8px 16px #000d);animation:tbrk-flota 6s ease-in-out infinite}
.tbr-t-neon{position:absolute;top:24px;right:18px;font-size:16px;padding:3px 11px 2px}
.tbr-t-plato{position:absolute;left:50%;top:44%;width:56%;aspect-ratio:1;transform:translate(-50%,-50%)}
.tbr-t-desliza{position:absolute;inset:0;transition:transform 1.1s cubic-bezier(.3,.9,.25,1)}
.tbr-sonando .tbr-t-desliza{transform:translateX(-17%)}
.tbr-t-plato .tbr-resplandor{left:-30%;right:-30%}
.tbr-t-pie{position:absolute;left:18px;right:16px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.tbr-t-txt{min-width:0;display:flex;flex-direction:column;gap:2px}
.tbr-t-txt .tbr-kicker{font-size:10px}
.tbr-t-txt .tbr-kicker::before{width:16px}
.tbr-t-txt b{font-family:var(--tbr-f-disp);font-weight:400;font-size:clamp(26px,4vw,34px);line-height:.95;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbr-t-txt span{font-size:19px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbr-tarjeta .tbr-play{width:104px;height:104px}
.tbr-tarjeta .tbr-play::after{inset:-5px;transform:scale(calc(1 + var(--tbr-beat) * .08))}
.tbr-tarjeta .tbr-t-txt .tbr-kicker{justify-content:flex-start}
.tbr-t-ir{position:absolute;right:18px;top:62px;font:600 12.5px var(--tbr-f-txt);color:var(--tbr-crema);text-decoration:none;opacity:.8;border-bottom:1px solid #ffffff44}
.tbr-t-ir:hover{opacity:1}
.tbr-tarjeta.tbr-directo .tbr-t-plato .tbr-funda img{object-fit:contain;background:radial-gradient(circle,#4a0d14,#120506)}
@media (max-width:760px){.tbr-tarjeta .tbr-play{width:88px;height:88px}.tbr-t-logo{width:36%}}

.tbr-frente.tbr-prog{background:#0d0907}
.tbr-prog-fondo{position:absolute;inset:-10%;width:120%!important;height:120%!important;object-fit:cover;filter:blur(18px) brightness(.45) saturate(1.2);transform:scale(1.1)}
.tbr-prog-logo{position:absolute;inset:9% 9% 18%;width:82%!important;height:73%!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px #000c)}
.tbr-prog-sello{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);font:700 11px var(--tbr-f-dato);letter-spacing:.2em;color:#fff3dc;background:#c8763c;border-radius:4px;padding:4px 10px;box-shadow:0 0 14px #ff9a2e88;white-space:nowrap}
.tbr-tarjeta.tbr-modo-prog .tbr-t-plato .tbr-funda img{object-fit:contain;background:radial-gradient(circle,#2a1b13,#0d0907);padding:8%}
.tbr-frente.tbr-prog.tbr-ancho .tbr-prog-fondo{display:none}
.tbr-frente.tbr-prog.tbr-ancho .tbr-prog-logo{inset:0 0 14%;width:100%!important;height:86%!important;filter:none}
.tbr-frente.tbr-prog.tbr-ancho::before{content:"";position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 50px #0007;pointer-events:none}

@media (max-width:760px){
  .tbr-rep{min-height:0;border-radius:20px}
  .tbr-velo{background:linear-gradient(180deg,#0b0705b3 0%,#0b070500 18%,#0b070500 40%,#0b0705e6 62%,#0b0705 100%)}
  .tbr-fondo{background-position:center 40%;background-size:auto 62%;background-position:center top;inset:0 -30% auto;height:70%}
  .tbr-escena{grid-template-columns:1fr;padding:4px 18px;text-align:center;gap:0}
  .tbr-plato{width:min(62vw,250px);margin-top:16px}
  .tbr-info{align-items:center;padding-top:52px}
  .tbr-kicker{justify-content:center}
  .tbr-progreso{width:100%}
  .tbr-mandos{justify-content:center;gap:12px;align-items:center!important}
  .tbr-logo{width:150px;top:4px;left:4px}
  .tbr-neon{font-size:15px;padding:3px 10px 2px}
  .tbr-oyentes{order:3}
  .tbr-led{margin:10px 14px 0}
  .tbr-chapa.tbr-chapa-xl .tbr-chapa-img{width:70px;height:70px}
  .tbr-chapa-txt b{font-size:22px}
  .tbr-barra .tbr-chapa-txt{display:none}
  .tbr-top{display:flex;padding:14px 14px 0;min-height:118px;align-items:flex-start}
  .tbr-top-dcha{flex-direction:column;align-items:flex-end;gap:8px}
  .tbr-oyentes{order:2;font-size:12.5px}
  .tbr-play-etq b{font-size:24px}
  .tbr-kicker{font-size:10.5px;letter-spacing:.12em}
  .tbr-kicker::before{display:none}
}
@media (prefers-reduced-motion:reduce){.tbr-raiz *,.tbr-raiz *::before,.tbr-raiz *::after{animation:none!important;transition:none!important}}


.tbr-capa .tbr-reflejo{transition:opacity .4s ease .1s}


/* ===== base de la cara (que el tema no se meta) ===== */
.tbr-raiz{color:var(--tbr-crema);font-family:var(--tbr-f-txt);font-size:15px;line-height:1.45;text-align:left}
.tbr-raiz *,.tbr-raiz *::before,.tbr-raiz *::after{box-sizing:border-box}
.tbr-raiz [hidden]{display:none!important}
:where(.tbr-raiz) button{font:inherit;color:inherit;text-transform:none;letter-spacing:normal;min-height:0;box-shadow:none}
.tbr-raiz h2.tbr-titulo{color:var(--tbr-crema);text-transform:none;padding:0;border:0;background:none}
.tbr-raiz a{text-decoration:none}
.tbr-raiz img{max-width:none}
.tbr-raiz :focus-visible{outline:2px solid var(--tbr-ambar);outline-offset:3px}
.tbr-espuma{position:fixed;inset:0;pointer-events:none;z-index:2147483000;width:100vw;height:100vh}
.tbr-bandera img,.tbr-band-art img{display:block;width:100%;height:100%;object-fit:cover}
.tbr-rep .tbr-kicker{color:var(--tbr-c2)}
.tbr-chapa.tbr-aviso-mal .tbr-chapa-txt small{color:#ffb3a8}

/* el envoltorio: lleva la clase «console» para que la barra de abajo del tema
   sepa cuándo se ve el reproductor (nav.js la busca), pero sin su aspecto */
.console.tbr-env{all:unset;display:block;position:relative;z-index:2}

/* ===== /radio/: el reproductor es el hero ===== */
.tbr-radio-hero{position:relative;padding:22px 0 8px}
.tbr-radio-hero .tbr-rep{min-height:600px}
body.tbr-hay-hero #top.rhero .rhero-logo-row,
body.tbr-hay-hero #top.rhero .hero-right-col{display:none!important}

/* ===== Inicio: la tarjeta ===== */
.tbr-env-tarj{margin:0 0 22px}
.tbr-tarjeta{display:block;width:100%;margin:0;border-radius:18px;box-shadow:0 30px 70px -30px #000,0 0 0 1px #ffffff14}
.tbr-tarjeta .tbr-fondo{inset:0!important;background-size:cover!important;background-position:30% 55%!important;background-repeat:no-repeat!important;transform:none!important}
.tbr-tarjeta .tbr-t-logo{width:40%!important;max-width:196px!important;animation:none!important;transform:none!important}
.tbr-tarjeta .tbr-t-ir{color:var(--tbr-crema)}
.tbr-tarjeta .tbr-t-led{position:absolute;top:22px;left:43%;right:118px;height:38px;margin:0;border-radius:8px;z-index:25}
.tbr-tarjeta .tbr-t-led .tbr-led-fila{height:100%}
.tbr-tarjeta .tbr-t-led .tbr-led-pista span{font-size:18px!important}
.tbr-tarjeta .tbr-t-led::after{background:radial-gradient(circle,#0000 0 .9px,#090605 1.25px) 0 0/3px 3px}
.tbr-tarjeta .tbr-t-plato{top:45%!important;width:62%!important}
.tbr-tarjeta .tbr-sigue{position:absolute;left:18px;right:150px;bottom:126px;margin:0;z-index:20;background:#0b0705b0;border:1px solid #ffffff14;border-radius:999px;padding:5px 12px 5px 5px;backdrop-filter:blur(4px)}
.tbr-tarjeta #tbr-tt{font-size:38px!important;line-height:.95!important}
.tbr-tarjeta #tbr-ta{font-size:25px!important;line-height:1.15!important;color:#ffc35f!important;text-shadow:0 0 2px rgba(255,236,200,.9),0 0 calc(8px + var(--tbr-beat,0)*8px) rgba(255,170,60,.75),0 0 calc(20px + var(--tbr-beat,0)*16px) rgba(255,120,30,.45)!important}
.tbr-tarjeta .tbr-t-txt .tbr-bandera{width:24px;height:16px;vertical-align:1px;margin-right:8px;display:inline-block}
.tbr-tarjeta.tbr-modo-chapa .tbr-sigue{display:none!important}

@media (max-width:760px){
  /* la tarjeta, apilada: nada se pisa */
  .tbr-tarjeta{aspect-ratio:auto!important;height:auto!important;display:flex!important;flex-direction:column;padding:0 0 14px}
  .tbr-tarjeta .tbr-t-logo{width:31%!important}
  .tbr-tarjeta .tbr-t-neon{top:14px!important;font-size:14px!important}
  .tbr-tarjeta .tbr-t-ir{display:none!important}
  .tbr-tarjeta .tbr-t-led{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin:96px 14px 0!important;height:30px!important;flex:none}
  .tbr-tarjeta .tbr-t-led .tbr-led-pista span{font-size:15px!important}
  .tbr-tarjeta .tbr-t-plato{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:50%!important;margin:10px auto 0!important;flex:none}
  .tbr-tarjeta .tbr-sigue{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:10px 14px 0!important;flex:none;min-width:0;justify-content:center}
  .tbr-tarjeta .tbr-t-pie{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:8px 14px 0!important;flex-direction:column;align-items:stretch;gap:8px}
  .tbr-tarjeta .tbr-t-txt{align-items:center;text-align:center}
  .tbr-tarjeta .tbr-t-txt .tbr-kicker{justify-content:center}
  .tbr-tarjeta #tbr-tt{font-size:28px!important}
  .tbr-tarjeta #tbr-ta{font-size:19px!important}
  .tbr-tarjeta #tbr-tplay{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;width:100%!important;padding:6px 16px 6px 6px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,190,100,.16),rgba(255,140,40,.06))!important;box-shadow:inset 0 0 0 1px rgba(255,181,71,.45),0 10px 24px rgba(0,0,0,.45),0 0 calc(var(--tbr-beat,0)*26px) rgba(255,150,40,.45)!important}
  .tbr-tarjeta #tbr-tplay .tbr-play{width:52px!important;height:52px!important;order:-1;flex:none}
  .tbr-tarjeta #tbr-tplay .tbr-play::after{display:none!important}
  .tbr-tarjeta #tbr-tplay .tbr-play-etq{display:flex!important;flex-direction:column;align-items:flex-start!important;text-align:left!important;flex:1;min-width:0}
  .tbr-tarjeta #tbr-tplay .tbr-play-etq b{display:block!important;font-family:var(--tbr-f-disp);font-weight:400;font-size:22px!important;letter-spacing:.03em;color:var(--tbr-crema);line-height:1!important}
  .tbr-tarjeta #tbr-tplay .tbr-play-etq small{display:block!important;font-size:11px!important;opacity:.75;border:0!important;padding:0!important;background:none!important;margin:3px 0 0!important;white-space:normal!important}
  .tbr-tarjeta #tbr-tplay .tbr-play-etq small::before{content:none!important}
  .tbr-tarjeta #tbr-tplay::after{content:"";flex:none;width:30px;height:22px;background:linear-gradient(#ffb547,#ff8a1e) 0 100%/4px calc(25% + var(--tbr-beat,0)*75%) no-repeat,linear-gradient(#ffb547,#ff8a1e) 8px 100%/4px calc(55% + var(--tbr-beat,0)*45%) no-repeat,linear-gradient(#ffb547,#ff8a1e) 16px 100%/4px calc(35% + var(--tbr-beat,0)*65%) no-repeat,linear-gradient(#ffb547,#ff8a1e) 24px 100%/4px calc(70% + var(--tbr-beat,0)*30%) no-repeat;opacity:.35}
  .tbr-tarjeta.tbr-sonando #tbr-tplay::after{opacity:1}

  /* el Inicio en el móvil: logo, tarjeta, neón y luego el texto */
  body.tbr-hay-tarj #top .hero-grid{display:flex!important;flex-direction:column}
  body.tbr-hay-tarj #top .hero-left-col,body.tbr-hay-tarj #top .hero-right-col{display:contents!important}
  body.tbr-hay-tarj #top .hero-left-col>*,body.tbr-hay-tarj #top .hero-right-col>*{order:10}
  body.tbr-hay-tarj #top .hero-logo-row{order:1;transform:scale(.8);transform-origin:50% 0;margin-bottom:-12px!important}
  body.tbr-hay-tarj #top .tbr-env-tarj{order:2;margin:10px 0 22px}
  body.tbr-hay-tarj #top .tbcneo-w{order:3;margin-top:0!important}
  body.tbr-hay-tarj #top .radio-hint{display:none!important}
}

/* La tele del Inicio se estira hasta igualar la columna derecha (tbc-tv). Con la tarjeta, la
   columna derecha no puede empujar: se ajusta a la izquierda y la playlist ocupa lo que quede. */
@media (min-width:761px){
  body.tbr-hay-tarj #top .hero-right-col{height:0;min-height:100%;display:flex;flex-direction:column}
  body.tbr-hay-tarj #top .hero-right-col .playlist-card{flex:1 1 0;min-height:360px;display:flex;flex-direction:column}
  body.tbr-hay-tarj #top .hero-right-col .playlist-embed{flex:1 1 0;min-height:0}
  body.tbr-hay-tarj #top .hero-right-col .playlist-embed iframe{height:100%!important}
}

/* 1.0.1: sin el hueco grande entre la tarjeta y la playlist; en el móvil, textos largos sin cortarse por los lados */
@media (min-width:761px){ body.tbr-hay-tarj #top .hero-right-col .playlist-card{margin-top:0!important} }
@media (max-width:760px){
  .tbr-tarjeta .tbr-t-txt{width:100%;min-width:0}
  .tbr-tarjeta #tbr-tt,.tbr-tarjeta #tbr-ta{max-width:100%;display:block}
  .tbr-tarjeta.tbr-modo-chapa #tbr-ta{white-space:normal;font-size:16px!important}
}

/* ===== /radio/: la franja «Sobre la radio» (neón + contador), 244.14-15 ===== */
body.tbr-hay-hero #top.rhero{display:none!important}
.tbr-sobre{position:relative;padding:22px 0 30px;--tbr-beat:0}
.tbr-sr-tarjeta{position:relative;overflow:hidden;border-radius:18px;padding:44px 48px 40px;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,181,71,.12);
 background:radial-gradient(60% 90% at 28% 50%,rgba(255,150,60,calc(.08 + var(--tbr-beat)*.12)),transparent 70%),linear-gradient(90deg,rgba(14,9,6,.15),rgba(14,9,6,0) 40%,rgba(14,9,6,.5) 66%,rgba(14,9,6,.72)),url("/wp-content/uploads/2026/09/hero-radio.webp") center 60%/cover no-repeat}
.tbr-sr-in{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center}
.tbr-sr-k{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.25em;color:#ffb547;margin:0 0 14px;text-transform:uppercase}
.tbr-sr-placa{position:relative;padding:28px 28px 24px;border-radius:14px;background:linear-gradient(160deg,rgba(30,20,13,.72),rgba(12,8,5,.82));backdrop-filter:blur(3px);box-shadow:inset 0 0 0 1px rgba(255,181,71,.10),inset 0 2px 0 rgba(255,255,255,.04),0 30px 60px rgba(0,0,0,.45)}
.tbr-sr-placa .tbr-sr-k{opacity:.75}
.tbr-sr-tornillo{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d9b77a,#6b4a22 70%);box-shadow:0 1px 2px rgba(0,0,0,.6)}
.tbr-sr-tornillo::after{content:"";position:absolute;left:2px;right:2px;top:4.5px;height:1px;background:rgba(40,25,10,.9);transform:rotate(35deg)}
.tbr-sr-t1{left:10px;top:10px}.tbr-sr-t2{right:10px;top:10px}.tbr-sr-t3{left:10px;bottom:10px}.tbr-sr-t4{right:10px;bottom:10px}
h1.tbr-sr-h1{margin:0;padding:0;border:0;background:none;text-transform:none;font-weight:400;color:inherit;letter-spacing:normal}
.tbr-sr-linea{display:block;font-family:"Tilt Neon","Bebas Neue",sans-serif;font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:.02em;white-space:nowrap}
.tbr-nl{display:inline-block;color:#3a2c22;text-shadow:none;transition:color .1s}
.tbr-sr-on .tbr-nl{animation:tbrk-enciende .9s steps(1,end) both;animation-delay:calc(var(--tbr-i)*55ms + var(--tbr-d,0ms))}
.tbr-sr-on .tbr-sr-l2 .tbr-nl{--tbr-d:700ms}
.tbr-sr-on .tbr-nl.tbr-crema{color:#fff3df;text-shadow:0 0 4px #fff,0 0 10px #ffd9a8,0 0 calc(18px + var(--tbr-beat)*18px) #ff9d4d,0 0 calc(34px + var(--tbr-beat)*30px) rgba(255,120,40,.55)}
.tbr-sr-on .tbr-nl.tbr-ambar{color:#ffe1b0;text-shadow:0 0 3px #fff2d6,0 0 10px #ffb547,0 0 calc(22px + var(--tbr-beat)*22px) #ff8a1e,0 0 calc(44px + var(--tbr-beat)*40px) rgba(255,110,20,.6)}
@keyframes tbrk-enciende{0%{opacity:.15}10%{opacity:1}18%{opacity:.2}26%{opacity:1}40%{opacity:.35}52%,100%{opacity:1}}
.tbr-palabra{display:inline-block;white-space:nowrap}
.tbr-sr-on .tbr-sr-l2 .tbr-palabra:nth-child(3) .tbr-fallo:nth-child(2){animation:tbrk-enciende .9s steps(1,end) both,tbrk-parpadeo 7s 3s infinite}
@keyframes tbrk-parpadeo{0%,92%,100%{opacity:1}93%{opacity:.25}94%{opacity:1}95.5%{opacity:.3}97%{opacity:1}}
.tbr-sr-flip{display:flex;gap:10px;margin:4px 0 22px;flex-wrap:nowrap}
.tbr-sr-grupo{display:flex;flex-direction:column;align-items:center;gap:8px}
.tbr-sr-grupo>span{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#bfa98a}
.tbr-sr-digs{display:flex;gap:4px}
.tbr-dg{position:relative;width:32px;height:48px;border-radius:6px;background:linear-gradient(#2a1d13 0 49%,#0c0805 49% 51%,#1f150e 51%);box-shadow:inset 0 0 0 1px rgba(255,181,71,.18),0 8px 18px rgba(0,0,0,.5);font-family:"Bebas Neue",sans-serif;font-size:40px;line-height:48px;text-align:center;color:#ffc56b;text-shadow:0 0 12px rgba(255,150,40,.55);overflow:hidden;perspective:200px}
.tbr-dg.tbr-flipa{animation:tbrk-flipa .45s ease}
@keyframes tbrk-flipa{0%{transform:rotateX(0)}45%{transform:rotateX(-85deg);filter:brightness(.5)}55%{transform:rotateX(85deg);filter:brightness(.5)}100%{transform:rotateX(0)}}
.tbr-sr-grupo:first-child .tbr-dg{color:#fff0d0}
.tbr-sr-txt{color:#d8c9ae;font-size:17px;line-height:1.6;margin:0 0 20px;max-width:46ch}
.tbr-sr-txt em{color:#ffb547;font-style:italic}
.tbr-sr-fila{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tbr-sr-chip{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d8c9ae;padding:8px 12px;border-radius:999px;background:rgba(255,181,71,.07);box-shadow:inset 0 0 0 1px rgba(255,181,71,.2)}
.tbr-sr-chip b{color:#ffb547}
a.tbr-sr-btn{font-family:"Bebas Neue",sans-serif;font-size:18px;letter-spacing:.06em;color:#2a1708;text-decoration:none;padding:10px 18px;border-radius:8px;background:linear-gradient(180deg,#f3d08a,#c8923f 55%,#a7742c);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 16px rgba(0,0,0,.45),0 0 calc(var(--tbr-beat)*18px) rgba(255,170,60,.5);transition:transform .2s}
a.tbr-sr-btn:hover{transform:translateY(-2px);color:#2a1708}
@media(max-width:860px){
 .tbr-sobre{padding:16px 0 24px}
 .tbr-sr-tarjeta{padding:26px 14px 24px;border-radius:16px;background:radial-gradient(80% 50% at 50% 25%,rgba(255,150,60,calc(.08 + var(--tbr-beat)*.12)),transparent 70%),linear-gradient(180deg,rgba(14,9,6,.35),rgba(14,9,6,.1) 25%,rgba(14,9,6,.55) 55%,rgba(14,9,6,.85)),url("/wp-content/uploads/2026/09/hero-radio.webp") center 30%/cover no-repeat}
 .tbr-sr-in{grid-template-columns:minmax(0,1fr);gap:26px}
 .tbr-sr-placa{padding:28px 18px 24px}
 .tbr-sr-linea{white-space:normal;font-size:clamp(26px,8vw,36px)}
 .tbr-sr-flip{gap:8px}
 .tbr-dg{width:26px;height:40px;font-size:32px;line-height:40px}
 .tbr-sr-txt{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.tbr-sr-on .tbr-nl{animation:none!important}.tbr-dg.tbr-flipa{animation:none}}

/* 1.2.0: la letra pequeña del pie (244.19) */
footer .tbr-letra{font-size:11.5px;line-height:1.6;color:#9c8b74;max-width:880px;padding-top:6px;padding-bottom:76px;text-align:center;letter-spacing:.01em}

/* 1.2.1: fluidez en el movil (normas S216-S217): sin desenfoques de fondo, sin bokeh y sin latido continuo */
@media (max-width:760px),(hover:none){
  .tbr-raiz .tbr-sigue,.tbr-raiz .tbr-oyentes,.tbr-raiz .tbr-chapa.tbr-chapa-xl,.tbr-sr-placa{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .tbr-raiz .tbr-sigue{background:#0b0705e0!important}
  .tbr-rep .tbr-bokeh{display:none!important}
  .tbr-rep .tbr-fondo{transition:none!important}
}

/* 1.2.1: la Cara B en el movil, cuadrada en su funda (176 px) */
@media (max-width:560px){
  #tbr-radio .tbr-dorso{padding:9% 8% 8%!important;gap:4px!important;justify-content:flex-start}
  #tbr-radio .tbr-dorso-lado{display:none!important}
  #tbr-radio .tbr-dorso-t{font-size:17px!important;line-height:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #tbr-radio .tbr-dorso-a{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #tbr-radio .tbr-dorso-acc{gap:4px!important}
  #tbr-radio .tbr-dacc{font:600 10.5px/1.15 var(--tbr-f-txt)!important;padding:4px 6px!important;gap:6px!important;border-radius:7px!important}
  #tbr-radio .tbr-dacc img,#tbr-radio .tbr-dacc .tbr-ico{width:18px!important;height:18px!important;font-size:9px}
}
.tbr-play-grupo,.tbr-chapa{font-family:var(--tbr-f-txt);font-size:15px;line-height:1.2}
/* 1.2.2: en el movil, parada, la caratula es un play: fuera el «dale la vuelta» hasta que suene */
@media (hover:none){ .tbr-rep.tbr-parado .tbr-giro-pista{display:none} .tbr-rep.tbr-parado .tbr-funda.tbr-gira,.tbr-tarjeta.tbr-parado .tbr-t-plato{cursor:pointer} }
/* 1.2.3 (15/10, Biblia 249): el reproductor y la tarjeta recortan con overflow:clip y no con hidden. Con hidden, el navegador puede desplazar su interior (al enfocar o al pulsar algo) y la cabecera se sale por arriba y el fondo deja una franja: lo que vio Pedro el 15/10. Con clip no se puede desplazar. */
#tbr-radio,#tbr-tarj{overflow:clip}