/* Es o no es · estilos del tema (portados de la maqueta aprobada) */
/* ---------- Tokens (en el tema viven en theme.json y se editan desde Estilos) ---------- */
:root{
  --magenta:#c10fae;          /* campo de marca: portada del podcast */
  --magenta-deep:#7d0a73;
  --gold:#f2b400;             /* acento único: el amarillo del logo */
  --gold-ink:#1b0f00;
  --display:"Anybody", "Arial Narrow", sans-serif;
  --text:"Schibsted Grotesk", system-ui, sans-serif;
  --r-media:14px;             /* regla de forma: imágenes 14px, controles en píldora */
  --pill:999px;
  --ease:cubic-bezier(.16,1,.3,1);
  --player-h:84px;
  --wrap:1360px;
}
:root[data-theme="dark"]{
  /* degradado de morado del podcast a negro; las superficies son veladuras para que se vea la profundidad */
  --bg:#0d0318; --bg-2:rgba(255,255,255,.05); --bg-3:rgba(255,255,255,.1);
  --ink:#f8f0ff; --ink-2:#d9c8ee; --ink-3:#a992c6;
  --line:rgba(248,240,255,.13);
  --accent-ink:var(--gold);
  --logo:var(--gold);
  color-scheme:dark;
}
:root[data-theme="dark"]{background:#07020d}
:root[data-theme="dark"] body{background:transparent}
:root[data-theme="dark"] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(120% 70% at 12% -10%, rgba(136,20,205,.55) 0%, rgba(136,20,205,0) 60%),
  radial-gradient(90% 60% at 100% 35%, rgba(193,15,174,.22) 0%, rgba(193,15,174,0) 60%),
  radial-gradient(140% 90% at 50% 120%, rgba(0,0,0,.9) 0%, rgba(0,0,0,0) 60%),
  linear-gradient(170deg,#3a0a68 0%,#1c0536 38%,#0c0217 72%,#050109 100%)}
:root[data-theme="dark"] body::after{opacity:.11}
:root[data-theme="dark"] .suscribe{box-shadow:0 -40px 80px -40px rgba(0,0,0,.6) inset}
:root[data-theme="light"]{
  --bg:#f8f5f9; --bg-2:#efe8f0; --bg-3:#e4d9e5;
  --ink:#1d0f1c; --ink-2:#4f3d4d; --ink-3:#7a6778;
  --line:rgba(29,15,28,.14);
  --accent-ink:var(--magenta-deep);
  --logo:var(--magenta);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;padding-top:68px;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--text);padding-bottom:var(--player-h);transition:background .4s var(--ease),color .4s var(--ease)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* grano: capa fija, no en contenedores que se desplazan */
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- Tipografía ---------- */
.d{font-family:var(--display);font-weight:800;font-variation-settings:"wdth" 62;line-height:.92;letter-spacing:-.005em;text-transform:uppercase;margin:0}
.btn{display:inline-flex;align-items:center;gap:.55em;height:48px;padding:0 22px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease),background .25s,border-color .25s}
.btn:active{transform:scale(.97)}
.btn .i{font-size:20px}
.btn--gold{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.btn--gold:hover{background:#ffc41f}
.btn--ghost:hover{border-color:var(--ink-2)}

/* ---------- Navegación ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:68px;display:flex;align-items:center;background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:28px;width:100%}
.logo{display:block;aspect-ratio:500/167;background:var(--logo);-webkit-mask:var(--logo-src) center/contain no-repeat;mask:var(--logo-src) center/contain no-repeat}
.nav__logo .logo{height:30px}
.nav__links{display:flex;gap:4px;margin-left:auto;list-style:none;padding:0}
.nav__links a{display:block;padding:8px 14px;border-radius:var(--pill);text-decoration:none;font-weight:500;font-size:15px;color:var(--ink-2);transition:color .2s,background .2s}
.nav__links a:hover{color:var(--ink);background:var(--bg-3)}
.iconbtn{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--pill);border:1px solid var(--line);background:transparent;font-size:20px}
.iconbtn:hover{background:var(--bg-3)}
.nav__menu{display:none}
@media (max-width:900px){.nav__links{display:none}#tema{margin-left:auto}.nav__menu{display:grid}.nav .btn--gold{display:none}}
.drawer{position:fixed;inset:68px 0 auto 0;z-index:49;background:color-mix(in oklab,var(--bg) 94%,transparent);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);max-height:calc(100dvh - 68px);overflow-y:auto;border-bottom:1px solid var(--line);padding:12px 16px 20px;display:none}
.drawer.open{display:block}
.drawer a{display:block;padding:14px 4px;font-family:var(--display);font-weight:800;font-variation-settings:"wdth" 70;text-transform:uppercase;font-size:28px;text-decoration:none;border-bottom:1px solid var(--line)}

/* ---------- Hero: último episodio ---------- */
.hero{position:relative;overflow:hidden;padding:clamp(28px,5vw,72px) 0 clamp(40px,6vw,88px)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,80px);align-items:center}
.hero__label{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line);max-width:max-content}
.hero__nuevo{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--pill);background:var(--gold);color:var(--gold-ink);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:4px 0 18px}
.hero__title{font-size:clamp(52px,7.6vw,118px)}
.hero__title span{display:block;transition:font-variation-settings .9s var(--ease)}
.hero__guest{margin:22px 0 0;font-size:clamp(19px,1.7vw,23px);font-weight:500;color:var(--ink-2)}
.hero__meta{display:flex;gap:16px;margin:10px 0 30px;color:var(--ink-3);font-size:15px;font-variant-numeric:tabular-nums}
.hero__ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero__art{position:relative;justify-self:end;width:min(100%,520px)}
.hero__art::before{content:"";position:absolute;inset:8% -14% -8% 12%;background:var(--magenta);border-radius:var(--r-media);z-index:0;transform:rotate(3deg)}
.hero__cover{position:relative;z-index:1;border-radius:var(--r-media);overflow:hidden;box-shadow:0 30px 80px -30px rgba(90,0,80,.7)}
.hero__cover img{width:100%;aspect-ratio:1;object-fit:cover}
.hero__cover::after{content:"";position:absolute;inset:0;background:var(--magenta-deep);transform-origin:top;transform:scaleY(0)}
@media (prefers-reduced-motion:no-preference){
  .hero__cover::after{animation:telon 1.1s .15s var(--ease) both reverse}
  .hero__title span{animation:respira 1.2s var(--ease) both}
  .hero__title span:nth-child(2){animation-delay:.08s}
  .rise{animation:rise .9s var(--ease) both}
}
@keyframes telon{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes respira{from{font-variation-settings:"wdth" 50;opacity:0;transform:translateY(18px)}to{font-variation-settings:"wdth" 62;opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (max-width:820px){
  .hero .wrap{grid-template-columns:1fr}
  .hero__art{justify-self:start;width:78%;order:-1}
  .hero__art::before{inset:10% -10% -8% 14%}
}

/* ---------- Marquesina de voces ---------- */
.voces{border-block:1px solid var(--line);overflow:hidden;padding:22px 0;background:var(--bg-2)}
.voces__track{display:flex;gap:48px;width:max-content;animation:desfile 80s linear infinite}
.voces:hover .voces__track{animation-play-state:paused}
.voces__track span{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(26px,3vw,40px);white-space:nowrap;color:var(--ink-2)}
.voces__track span:nth-child(odd){font-variation-settings:"wdth" 92;font-weight:600;letter-spacing:.01em;color:var(--ink)}
.voces__track span:nth-child(even){font-variation-settings:"wdth" 118;font-weight:300;font-style:italic}
@keyframes desfile{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.voces__track{animation:none;flex-wrap:wrap;width:auto;padding:0 16px}}

/* ---------- Archivo ---------- */
.archivo{padding:clamp(56px,8vw,120px) 0}
.archivo__head{display:flex;flex-direction:column;gap:28px;margin-bottom:36px}
.archivo__title{font-size:clamp(44px,6vw,88px)}
.temporadas{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.temporadas button>*:not(small),.pronto-tab{padding-top:1px}
@media (max-width:760px){.temporadas{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}.temporadas button{flex:none;scroll-snap-align:start}}
.temporadas button{height:52px;padding:0 22px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:20px;font-variation-settings:"wdth" 70;transition:background .25s,color .25s,border-color .25s,font-variation-settings .4s var(--ease)}
.temporadas button small{line-height:1;font-family:var(--text);font-weight:500;font-size:13px;color:var(--ink-3);letter-spacing:0;text-transform:none}
.pronto-tab{box-sizing:border-box;height:52px;padding:0 22px;border-radius:var(--pill);border:1px dashed var(--gold);display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:20px;font-variation-settings:"wdth" 70;text-decoration:none;color:var(--gold);flex:none}
.pronto-tab small{line-height:1;font-family:var(--text);font-weight:600;font-size:13px;text-transform:none;color:var(--gold)}
:root[data-theme="light"] .pronto-tab,:root[data-theme="light"] .pronto-tab small{color:var(--magenta-deep);border-color:var(--magenta-deep)}
.temporadas button:hover{font-variation-settings:"wdth" 90;border-color:var(--ink-3)}
.temporadas button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.temporadas button[aria-pressed="true"] small{color:var(--bg-3)}
.filtros{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.buscar{position:relative;flex:1 1 320px;max-width:520px}
.buscar label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:8px}
.buscar input{width:100%;height:50px;border-radius:var(--pill);border:1px solid var(--line);background:var(--bg-2);color:var(--ink);padding:0 20px 0 48px;font:inherit;font-size:16px}
.buscar input::placeholder{color:var(--ink-3)}
.buscar input:focus{outline:none;border-color:var(--accent-ink);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent-ink) 22%,transparent)}
.buscar .i{position:absolute;left:18px;bottom:15px;font-size:19px;color:var(--ink-3)}
.orden{align-self:flex-end}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,32px) clamp(14px,2vw,26px)}
@media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}}
.ep{display:flex;flex-direction:column;gap:12px;text-decoration:none;background:none;border:0;padding:0;text-align:left}
.ep__img{position:relative;border-radius:var(--r-media);overflow:hidden;background:var(--bg-3)}
.ep__img img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .7s var(--ease),filter .5s}
.ep__play{position:absolute;right:12px;bottom:12px;width:52px;height:52px;border-radius:var(--pill);display:grid;place-items:center;background:var(--gold);color:var(--gold-ink);font-size:22px;transform:translateY(10px) scale(.9);opacity:0;transition:transform .35s var(--ease),opacity .25s}
.ep:hover .ep__img img,.ep:focus-within .ep__img img{transform:scale(1.04)}
.ep__title a{text-decoration:none}.ep__title a:hover{color:var(--accent-ink)}
.ep:hover .ep__play,.ep:focus-within .ep__play,.ep.playing .ep__play{transform:none;opacity:1}
.ep__code{font-size:13px;font-weight:600;color:var(--accent-ink);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ep__title{font-size:17px;font-weight:600;line-height:1.3;margin:0}
.ep__dur{font-size:14px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.vacio{grid-column:1/-1;padding:64px 0;text-align:center;color:var(--ink-2)}
.vacio strong{display:block;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:34px;font-variation-settings:"wdth" 70;color:var(--ink);margin-bottom:6px}
.mas{display:flex;justify-content:center;margin-top:44px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- Suscríbete: bloque magenta ---------- */
.suscribe{background:var(--magenta);color:#fff4fb;position:relative;overflow:hidden}
.suscribe .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:clamp(56px,8vw,112px);align-items:center}
.suscribe__title{font-size:clamp(56px,9vw,150px);color:var(--gold);font-variation-settings:"wdth" 55}
.suscribe p{max-width:44ch;font-size:19px;margin:0 0 26px;color:#ffe6f7}
.plataformas{display:grid;grid-template-columns:1fr;gap:10px;max-width:420px}
.plataformas a{display:flex;align-items:center;gap:12px;height:60px;padding:0 20px;border-radius:var(--pill);background:rgba(20,0,18,.28);border:1px solid rgba(255,255,255,.22);text-decoration:none;font-weight:600;transition:background .25s,transform .2s var(--ease)}
.plataformas a:hover{background:rgba(20,0,18,.5)}
.plataformas a:active{transform:scale(.98)}
.plataformas .i{font-size:24px}
@media (max-width:820px){.suscribe .wrap{grid-template-columns:1fr}.plataformas{grid-template-columns:1fr}}

/* ---------- Convocatorias: lista tipográfica ---------- */
.convoca{padding:clamp(40px,6vw,88px) 0 clamp(56px,8vw,120px)}
.convoca__title{font-size:clamp(34px,4.4vw,64px);margin:0}
.desplegable summary{list-style:none;display:flex;align-items:center;gap:18px;cursor:pointer;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.desplegable summary::-webkit-details-marker{display:none}
.desplegable summary:hover .convoca__title{color:var(--accent-ink)}
.desplegable__n{font-size:14px;color:var(--ink-3);white-space:nowrap}
.desplegable summary .i{margin-left:auto;font-size:30px;color:var(--ink-3);transition:transform .45s var(--ease)}
.desplegable[open] summary .i{transform:rotate(180deg)}
.desplegable[open] summary{border-bottom-color:transparent}
.desplegable ol{border-top:0!important}
@media (prefers-reduced-motion:no-preference){.desplegable[open] ol{animation:rise .6s var(--ease)}}
.convoca ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.convoca li a{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:26px 4px;border-bottom:1px solid var(--line);text-decoration:none}
.estado{display:inline-block;margin-top:10px;font-style:normal;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:var(--pill);padding:4px 12px}
.convoca li strong{display:block;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(24px,3.2vw,46px);line-height:1;font-variation-settings:"wdth" 58;transition:font-variation-settings .6s var(--ease),color .3s}
.convoca li a:hover strong{font-variation-settings:"wdth" 96;color:var(--accent-ink)}
.convoca li .i{font-size:30px;color:var(--ink-3);transition:transform .4s var(--ease),color .3s}
.convoca li a:hover .i{transform:translateX(6px);color:var(--accent-ink)}

/* ---------- Pie ---------- */
.pie{border-top:1px solid var(--line);padding:56px 0 40px;background:var(--bg-2)}
.pie .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}
.pie__logo{height:34px;margin-bottom:14px}
.pie p{margin:0;color:var(--ink-3);font-size:15px;max-width:34ch}
.pie h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-weight:600}
.pie ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,max-content);column-gap:clamp(24px,3vw,48px);row-gap:10px}
.pie .pronto{display:inline-block;margin-left:8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink);background:var(--gold);border-radius:var(--pill);padding:2px 8px;vertical-align:1px}
.pie a{text-decoration:none;color:var(--ink-2)}
.pie a:hover{color:var(--ink)}
@media (max-width:760px){.pie .wrap{grid-template-columns:1fr}}

/* ---------- Reproductor persistente ---------- */
.player{position:fixed;left:0;right:0;bottom:0;z-index:60;height:var(--player-h);background:color-mix(in oklab,var(--bg-2) 90%,transparent);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-top:1px solid var(--line);transform:translateY(100%);transition:transform .5s var(--ease)}
.player.on{transform:none}
.player .wrap{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}
.player__now{display:flex;align-items:center;gap:14px;min-width:0;background:none;border:0;padding:0;text-align:left}
.player__now img{width:52px;height:52px;border-radius:10px;object-fit:cover}
.player__now div{min-width:0}
.player__now strong{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player__now span{font-size:13px;color:var(--ink-3)}
.player__ctl{display:flex;align-items:center;gap:6px}
.player__ctl .iconbtn{border:0;font-size:22px}
.player__pp{width:52px;height:52px;border-radius:var(--pill);border:0;background:var(--gold);color:var(--gold-ink);display:grid;place-items:center;font-size:24px;transition:transform .2s var(--ease)}
.player__pp:active{transform:scale(.94)}
.player__bar{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.player__bar input{flex:1;accent-color:var(--gold);height:4px}
.player__rate{height:34px;min-width:52px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;font-size:13px;font-weight:600}
.player__progress{position:absolute;left:0;top:-1px;height:2px;background:var(--gold);width:0;display:none}
@media (max-width:820px){
  .player .wrap{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .player__bar{display:none}.player__progress{display:block}
  .player__ctl .skip{display:none}
}

/* ---------- Ficha de episodio (hoja lateral) ---------- */




.toast{position:fixed;left:50%;bottom:calc(var(--player-h) + 18px);transform:translate(-50%,20px);opacity:0;z-index:70;background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:var(--pill);font-weight:600;font-size:15px;transition:opacity .3s,transform .4s var(--ease);pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- Filtros por oficio ---------- */
.oficios{display:flex;gap:8px;flex-wrap:wrap}
.chip{height:38px;padding:0 16px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;font-size:14px;font-weight:500;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.chip:hover{border-color:var(--ink-3);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--magenta);border-color:var(--magenta);color:#fff}
.chip small{font-size:12px;opacity:.7;font-variant-numeric:tabular-nums}
@media (max-width:760px){.oficios{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}.chip{flex:none}}

/* ---------- Por oficio (portada) ---------- */
.poroficio{padding:clamp(56px,8vw,120px) 0;border-top:1px solid var(--line)}
.poroficio__title{font-size:clamp(44px,6vw,88px);margin-bottom:36px}
.poroficio__grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:clamp(24px,5vw,80px)}
.poroficio a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 2px;border-bottom:1px solid var(--line);text-decoration:none}
.poroficio a strong{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(26px,3.4vw,50px);line-height:1;font-variation-settings:"wdth" 56;transition:font-variation-settings .6s var(--ease),color .3s}
.poroficio a span{font-size:14px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.poroficio a:hover strong{font-variation-settings:"wdth" 100;color:var(--accent-ink)}
.temas{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
@media (max-width:760px){.poroficio__grid{grid-template-columns:1fr}}

/* ---------- Vistas ---------- */
[hidden]{display:none!important}
.miga{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--ink-3);margin:0 0 18px;padding:0;list-style:none}
.miga a{color:var(--ink-2)}
.miga li+li::before{content:"/";margin-right:8px;color:var(--ink-3)}

/* ---------- Página de episodio ---------- */
.epi{padding:clamp(24px,4vw,56px) 0 clamp(48px,6vw,96px)}
.epi__cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:clamp(24px,5vw,72px);align-items:end}
.epi__num{display:flex;align-items:flex-end;gap:clamp(14px,2vw,28px)}
.epi__n{font-family:var(--display);font-weight:900;font-variation-settings:"wdth" 50;font-size:clamp(120px,17vw,260px);line-height:.78;color:transparent;-webkit-text-stroke:2px var(--accent-ink);letter-spacing:-.02em}
.epi__n.relleno{color:var(--gold);-webkit-text-stroke:0}
.epi h1{font-size:clamp(40px,5.2vw,84px)}
.epi__h1{margin:0;font:inherit;font-size:inherit;letter-spacing:normal;text-transform:none}
.epi__titulo{display:block;font-size:clamp(40px,5.2vw,84px)}
.epi__sub{display:block;font-weight:400;line-height:1.6;margin:18px 0 0;font-size:clamp(18px,1.6vw,22px);color:var(--ink-2)}
.epi__sub strong{color:var(--ink);font-weight:600}
.epi__cover{border-radius:var(--r-media);overflow:hidden;position:relative}
.epi__cover img{width:100%;aspect-ratio:1;object-fit:cover}
@media (max-width:860px){.epi__cab{grid-template-columns:1fr}.epi__cover{width:min(78%,420px);order:-1;justify-self:center}}

.escenario{margin-top:clamp(28px,4vw,48px);background:var(--magenta);color:#fff4fb;border-radius:var(--r-media);padding:clamp(18px,2.4vw,28px);position:relative;overflow:hidden}
.escenario__fila{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.escenario__pp{width:64px;height:64px;border-radius:var(--pill);border:0;background:#160313;color:#fff;display:grid;place-items:center;font-size:28px;flex:none;transition:transform .2s var(--ease)}
.escenario__pp:active{transform:scale(.94)}
.escenario__info{flex:1;min-width:180px}
.escenario__info strong{display:block;font-size:17px}
.escenario__info span{font-size:14px;color:#ffd9f3;font-variant-numeric:tabular-nums}
.escenario__acc{display:flex;gap:8px;flex-wrap:wrap}
.escenario .btn{border-color:rgba(255,255,255,.35);color:#fff;height:44px}
.escenario .btn:hover{background:rgba(20,0,18,.25)}
.seg{display:inline-flex;padding:3px;border-radius:var(--pill);background:rgba(20,0,18,.35);border:1px solid rgba(255,255,255,.25)}
.seg button{height:38px;padding:0 16px;border:0;border-radius:var(--pill);background:transparent;color:#ffe6f7;font-weight:600;font-size:14px}
.seg button[aria-pressed="true"]{background:#fff4fb;color:#3a0634}
.seg button:disabled{opacity:.45;cursor:not-allowed}
.escenario__barra{margin-top:18px;height:6px;border-radius:var(--pill);background:rgba(20,0,18,.35);position:relative;cursor:pointer}
.escenario__barra i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--gold)}
.escenario__barra b{position:absolute;top:-4px;width:3px;height:14px;background:#fff4fb;border-radius:2px}
.video{margin-top:18px;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#000;position:relative}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video button{position:absolute;inset:0;border:0;padding:0;background:#000 center/cover no-repeat}
.video button span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:var(--pill);background:var(--gold);color:var(--gold-ink);display:grid;place-items:center;font-size:32px}

.epi__cuerpo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);margin-top:clamp(40px,5vw,72px)}
@media (max-width:860px){.epi__cuerpo{grid-template-columns:1fr}}
.h-sec{font-family:var(--display);font-weight:800;text-transform:uppercase;font-variation-settings:"wdth" 62;font-size:clamp(28px,2.8vw,40px);line-height:1;margin:0 0 20px}
.notas p{margin:0 0 1.1em;color:var(--ink-2);max-width:64ch}
.notas p:first-child{color:var(--ink);font-size:19px}
.notas p:first-child::first-letter{font-family:var(--display);font-weight:900;font-variation-settings:"wdth" 100;float:left;font-size:3.6em;line-height:.82;margin:.06em .14em 0 0;color:var(--accent-ink)}
.escenas{list-style:none;margin:0 0 40px;padding:0;border-top:1px solid var(--line)}
.escenas button{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:baseline;padding:14px 4px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}
.escenas button:hover{background:var(--bg-2)}
.escenas small{font-size:13px;color:var(--ink-3)}
.escenas span{font-size:13px;color:var(--accent-ink);font-variant-numeric:tabular-nums}
.reparto{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-media);padding:20px;display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center}
.reparto__foto{width:96px;height:96px;border-radius:var(--pill);overflow:hidden}
.reparto__foto img{width:100%;height:100%;object-fit:cover;object-position:35% 30%;transform:scale(1.7);transform-origin:35% 30%}
.reparto small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.reparto strong{display:block;font-family:var(--display);font-weight:800;text-transform:uppercase;font-variation-settings:"wdth" 62;font-size:30px;line-height:1;margin:4px 0 6px}
.reparto p{margin:0;font-size:15px;color:var(--ink-2)}
.etiquetas{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.lateral .btn{margin-top:4px}
.plataformas-min{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.plataformas-min a{height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border-radius:var(--pill);border:1px solid var(--line);text-decoration:none;font-size:14px;font-weight:500;color:var(--ink-2)}
.plataformas-min a:hover{color:var(--ink);border-color:var(--ink-3)}

.mas-acto{margin-top:clamp(48px,6vw,88px)}
.fila{display:grid;grid-template-columns:auto auto 1fr auto;gap:18px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line)}
.fila:first-of-type{border-top:1px solid var(--line)}
.fila__pp{width:44px;height:44px;border-radius:var(--pill);border:0;background:var(--magenta);color:#fff;display:grid;place-items:center;font-size:18px}
.fila__n{font-family:var(--display);font-weight:900;font-variation-settings:"wdth" 50;font-size:34px;line-height:1;color:var(--ink-3);min-width:2ch;text-align:right}
.fila a{text-decoration:none;min-width:0}
.fila a strong{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fila a span{font-size:13px;color:var(--ink-3)}
.fila a:hover strong{color:var(--accent-ink)}
.relacionados{margin-top:clamp(48px,6vw,88px)}
.relacionados .grid{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.relacionados .grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- Página de categoría ---------- */
.cat{padding:clamp(28px,5vw,72px) 0 clamp(56px,8vw,120px)}
.cat h1{font-size:clamp(56px,9vw,150px);font-variation-settings:"wdth" 54}
.cat__intro{max-width:60ch;font-size:19px;color:var(--ink-2);margin:18px 0 32px}
.cat__meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}

/* ---------- Cola ---------- */
.cola{position:fixed;right:clamp(16px,4vw,48px);bottom:calc(var(--player-h) + 12px);z-index:61;width:min(380px,calc(100vw - 32px));max-height:50vh;overflow:auto;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-media);box-shadow:0 24px 60px -20px rgba(0,0,0,.6);padding:14px}
.cola h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:4px 6px 10px;font-weight:600}
.cola ol{list-style:none;margin:0;padding:0}
.cola li{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:6px}
.cola li img{width:40px;height:40px;border-radius:8px;object-fit:cover}
.cola li span{font-size:14px;line-height:1.3}
.cola .vacia{padding:10px 6px;color:var(--ink-3);font-size:14px}
.cola-btn{position:relative}
.cola-btn em{position:absolute;top:2px;right:2px;min-width:18px;height:18px;border-radius:var(--pill);background:var(--gold);color:var(--gold-ink);font:700 11px/18px var(--text);font-style:normal;text-align:center;padding:0 4px}

/* =========================================================================
   Añadidos del tema (lo que la maqueta no necesitaba)
   ========================================================================= */

/* Iconos SVG: heredan tamaño de font-size y color del texto */
.i{width:1em;height:1em;fill:currentColor;flex:none;display:inline-block;vertical-align:-.125em}
.btn .i{width:20px;height:20px}
.ep__play .i,.fila__pp .i{width:.9em;height:.9em}

/* Botones de reproducir: alternan play/pausa según suene su episodio */
.si-suena{display:none}
.suena .si-suena{display:inline-block}
.suena .si-pausa{display:none}
.orden .si-asc{display:none}
.orden[data-desc="0"] .si-asc{display:inline-block}
.orden[data-desc="0"] .si-desc{display:none}

/* Botón de modo claro/oscuro */
:root[data-theme="light"] .solo-oscuro,:root[data-theme="dark"] .solo-claro{display:none}

/* Accesibilidad */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:16px;top:-60px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:var(--pill);font-weight:600;text-decoration:none}
.saltar:focus{top:12px}
#contenido:focus{outline:none}
.logo-txt{font-family:var(--display);font-weight:900;text-transform:uppercase;font-variation-settings:"wdth" 55;color:var(--logo);font-size:26px;line-height:1}

/* Menús de WordPress con las mismas formas que la maqueta */
.nav__menu-principal{margin-left:auto}
.nav__links{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.drawer__links{list-style:none;margin:0;padding:0}
.drawer__links a{display:block;padding:14px 4px;font-family:var(--display);font-weight:800;font-variation-settings:"wdth" 70;text-transform:uppercase;font-size:28px;text-decoration:none;border-bottom:1px solid var(--line)}
.nav__burger{display:none}
@media (max-width:900px){.nav__menu-principal{display:none}#tema{margin-left:auto}.nav__burger{display:grid}.nav__cta{display:none}}

/* Pie en dos columnas por bloque */
.pie__cols{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,max-content);column-gap:clamp(24px,3vw,48px);row-gap:10px}
.pie .pronto{display:inline-block;margin-left:8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink);background:var(--gold);border-radius:var(--pill);padding:2px 8px;vertical-align:1px}

/* Reproductor: el enlace «ahora suena» lleva a la ficha del episodio */
.player__now{text-decoration:none;color:inherit}
.player__now>span{min-width:0;display:block}

/* Convocatorias abiertas o próximas, fuera del desplegable */
.convoca__title--vivas{margin-bottom:12px}
.convoca__vivas{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid var(--line)}
.estado--abierta{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.estado--proxima{color:var(--accent-ink);border-color:currentColor}
.desplegable summary .desplegable__i{margin-left:auto}

/* Portada de temporada «Próximamente» y 404 */
.btn--estatico{cursor:default}
.cat__mientras{margin-top:64px}
.mas-acto__todo{margin-top:20px}

/* Retrato provisional: la cara recortada de la carátula */
.reparto__foto .recorte{width:100%;height:100%;object-fit:cover;object-position:35% 30%;transform:scale(1.7);transform-origin:35% 30%}
.reparto__foto img{width:100%;height:100%;object-fit:cover}

/* Contenido escrito en WordPress (notas del programa, páginas, convocatorias con Spectra y formularios) */
.entry{max-width:72ch;color:var(--ink-2)}
.pagina--ancha .entry{max-width:none}
.entry>*+*{margin-top:1.1em}
.entry h1,.entry h2,.entry h3,.entry h4{font-family:var(--display);font-weight:800;text-transform:uppercase;font-variation-settings:"wdth" 62;line-height:1.05;color:var(--ink);margin:1.6em 0 .5em}
.entry h2{font-size:clamp(26px,2.6vw,36px)}
.entry h3{font-size:clamp(21px,2vw,26px)}
.entry a{color:var(--accent-ink);text-underline-offset:3px}
.entry img{height:auto;border-radius:var(--r-media)}
.entry figure{margin-left:0;margin-right:0}
.entry .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:var(--r-media)}
.entry .wp-block-button__link{border-radius:var(--pill);background:var(--gold);color:var(--gold-ink);font-weight:600;padding:12px 22px;text-decoration:none}
.entry input,.entry select,.entry textarea{font:inherit;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:10px 14px;max-width:100%}
.entry input:focus,.entry select:focus,.entry textarea:focus{outline:2px solid var(--accent-ink);outline-offset:1px}
.entry label{color:var(--ink);font-weight:600}
.notas.entry>p:first-child{color:var(--ink);font-size:19px}
.pagina{padding:clamp(28px,5vw,72px) 0 clamp(56px,8vw,120px)}
.pagina__titulo{font-size:clamp(44px,6.4vw,100px);margin-bottom:28px}

/* Resultados de búsqueda */
.resultados{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line)}
.resultados a{display:block;padding:18px 4px;border-bottom:1px solid var(--line);text-decoration:none}
.resultados strong{display:block;font-size:19px}
.resultados span{color:var(--ink-3);font-size:15px}

/* Paso de página sin recarga: un leve fundido para que se note el cambio */
@media (prefers-reduced-motion:no-preference){#contenido.cargando{opacity:.4;transition:opacity .2s}}

/* Suscripción: texto y botones como un solo bloque, centrado a la altura del titular */
.suscribe .wrap>div{max-width:440px;width:100%;justify-self:center}
.suscribe p{max-width:none;text-wrap:pretty}
.suscribe .plataformas{max-width:none}
@media (max-width:820px){.suscribe .wrap>div{justify-self:start}}

/* Pestaña «Cookies» de Complianz: por encima del reproductor cuando está visible */
body:has(.player.on) .cmplz-manage-consent{bottom:var(--player-h)!important;transition:bottom .5s var(--ease)}
/* Barra de administración de WordPress (solo con sesión iniciada): la cabecera fija va debajo. */
.admin-bar .nav{top:32px}.admin-bar .drawer{top:100px}
@media (max-width:782px){.admin-bar .nav{top:46px}.admin-bar .drawer{top:114px}}