/* Podcast (E3): tarjeta de episodio destacado, single y archivo. */

.er-podcast-feature { container: podcast / inline-size; }
.er-podcast-feature__card {
  position: relative;
  isolation: isolate;
  overflow: clip;
  display: grid;
  gap: var(--er-space-6) var(--er-space-10);
  padding: clamp(1.25rem, 3vw, 2.5rem);
  color: var(--er-stage-text);
  background:
    radial-gradient(45% 80% at 18% 50%, rgba(229, 57, 32, .20), transparent 70%),
    linear-gradient(135deg, var(--er-stage-bg-raised), #141010);
  border: 1px solid var(--er-stage-line);
  border-radius: var(--er-radius-xl);
}
@container podcast (min-width: 40rem) {
  .er-podcast-feature__card { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
}
@container podcast (min-width: 56rem) {
  .er-podcast-feature--feature .er-podcast-feature__card:has(.er-podcast-feature__queue) { grid-template-columns: auto minmax(0, 1fr) 16rem; }
  .er-podcast-feature__card:has(.er-podcast-feature__queue) .er-podcast-feature__num { inset-inline-end: 19rem; }
}

.er-podcast-feature__cover {
  position: relative;
  display: block;
  inline-size: clamp(7.5rem, 22cqi, 15rem);
  aspect-ratio: 1;
  border-radius: var(--er-radius-lg);
  overflow: hidden;
  background: linear-gradient(135deg, #1a1a1a, #2a0a06);
  box-shadow: 0 20px 40px -12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);
}
.er-podcast-feature__cover img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; display: block; }
.er-podcast-feature__cover::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, .14), transparent 40%);
}
.er-podcast-feature__art {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: .25rem;
  background: radial-gradient(70% 70% at 50% 40%, rgba(229, 57, 32, .28), transparent 75%);
}
.er-podcast-feature__spade { font-size: clamp(3.5rem, 12cqi, 7rem); line-height: 1; color: var(--er-color-brand-on-dark); }
.er-podcast-feature__brand {
  font: 800 .625rem/1 var(--er-font-headline);
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--er-stage-text-dim);
}
.er-podcast-feature__chip {
  position: absolute;
  inset: auto auto var(--er-space-4) var(--er-space-4);
  z-index: 1;
  padding: .3em .6em;
  border-radius: 4px;
  background: var(--er-color-brand-action);
  color: #fff;
  font: 700 .75rem/1 var(--er-font-mono);
}
.er-podcast-feature__num {
  position: absolute;
  inset: -.08em var(--er-space-6) auto auto;
  z-index: -1;
  font: 800 clamp(6rem, 16vw, 11rem)/1 var(--er-font-headline);
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .14);
  pointer-events: none;
  user-select: none;
}

.er-podcast-feature__eyebrow {
  display: flex;
  align-items: center;
  gap: var(--er-space-2);
  margin: 0;
  font: 700 .75rem/1.3 var(--er-font-mono);
  letter-spacing: .06em;
  color: var(--er-color-brand-on-dark);
}
.er-podcast-feature__title {
  margin: var(--er-space-3) 0;
  font: 700 var(--er-text-display-sm)/var(--er-leading-display) var(--er-font-headline);
  letter-spacing: var(--er-tracking-tight);
  text-wrap: balance;
}
.er-podcast-feature__title a { color: #fff; text-decoration: none; }
.er-podcast-feature__title a:hover { text-decoration: underline; text-decoration-color: var(--er-color-brand); text-underline-offset: .18em; text-decoration-thickness: .08em; }
.er-podcast-feature__excerpt {
  margin: 0;
  color: var(--er-stage-text-soft);
  font: 400 1.0625rem/1.6 var(--er-font-body);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.er-podcast-feature__player { display: flex; align-items: center; gap: var(--er-space-4); margin-block-start: var(--er-space-6); }

/* Estado de error/carga del audio (paridad con La Regencia y Edición Impresa, QA-D11) */
.er-podcast-feature__status {
  display: flex;
  align-items: flex-start;
  gap: .35em;
  margin: var(--er-space-2) 0 0;
  font: 500 .8125rem/1.4 var(--er-font-headline);
  color: var(--er-color-brand-on-dark);
}
.er-podcast-feature__status:empty { display: none; }
.er-podcast-feature__status:not([data-status="error"]):not([data-status="loading"]) {
  position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0, 0, 0, 0);
}
.er-podcast-feature__status[data-status="error"]::before { content: '!'; flex: none; font-weight: 700; }
.er-podcast-feature__status[data-status="error"] a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.er-podcast-feature__status[data-status="loading"] { color: var(--er-stage-text-dim); }
.er-podcast-feature__status[data-status="loading"]::before {
  content: '';
  flex: none;
  inline-size: 1em;
  block-size: 1em;
  margin-block-start: .1em;
  border: 2px solid rgba(255, 255, 255, .3);
  border-top-color: currentColor;
  border-radius: 50%;
}
@media (prefers-reduced-motion: no-preference) {
  .er-podcast-feature__status[data-status="loading"]::before { animation: er-spin 700ms linear infinite; }
}
@keyframes er-spin { to { transform: rotate(360deg); } }
.er-podcast-feature__play[aria-disabled="true"] { opacity: .6; cursor: default; }
.er-podcast-feature__play,
.er-podcast-hero__launch {
  position: relative;
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: .625rem;
  min-block-size: 3rem;
  padding: 0 1.5rem 0 1rem;
  border: 0;
  border-radius: 999px;
  background: var(--er-color-brand-action);
  color: #fff;
  font: 700 .875rem/1 var(--er-font-headline);
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: transform var(--er-dur-3) var(--er-ease-out), box-shadow var(--er-dur-3) var(--er-ease-out);
}
.er-podcast-feature__icon {
  inline-size: 1.125rem;
  aspect-ratio: 1;
  background: currentColor;
  clip-path: polygon(20% 8%, 96% 50%, 20% 92%);
}
.er-podcast-feature__play[aria-pressed="true"] .er-podcast-feature__icon {
  clip-path: polygon(12% 8%, 38% 8%, 38% 92%, 12% 92%, 12% 8%, 62% 8%, 88% 8%, 88% 92%, 62% 92%, 62% 8%);
}
.er-podcast-feature__cta-on,
.er-podcast-feature__play[aria-pressed="true"] .er-podcast-feature__cta-off { display: none; }
.er-podcast-feature__play[aria-pressed="true"] .er-podcast-feature__cta-on { display: inline; }
@media (hover: hover) {
  .er-podcast-feature__play:hover,
  .er-podcast-hero__launch:hover { transform: scale(1.04); box-shadow: 0 0 0 8px rgba(229, 57, 32, .18); }
}
.er-podcast-feature__play:focus-visible,
.er-podcast-feature__all:focus-visible,
.er-podcast-feature__platforms a:focus-visible,
.er-podcast-feature__title a:focus-visible,
.er-podcast-feature__queue a:focus-visible,
.er-podcast-hero__launch:focus-visible,
.er-podcast-hero__links a:focus-visible { outline: 0; box-shadow: var(--er-focus-ring-dark); }

.er-podcast-feature__wave { flex: 1; min-inline-size: 0; block-size: 2.5rem; color: rgba(255, 255, 255, .30); }
.er-podcast-feature__wave svg { display: block; inline-size: 100%; block-size: 100%; }
.er-podcast-feature__time { font: 500 .75rem/1 var(--er-font-mono); font-variant-numeric: tabular-nums; color: var(--er-stage-text-dim); white-space: nowrap; }

.er-eq { display: inline-flex; align-items: flex-end; gap: 2px; block-size: 12px; }
.er-eq i { inline-size: 2px; block-size: 100%; background: currentColor; transform: scaleY(.4); transform-origin: bottom; }
.er-eq i:nth-child(2) { transform: scaleY(.8); }
.er-eq i:nth-child(3) { transform: scaleY(.6); }
.is-playing .er-podcast-feature__wave { color: var(--er-color-brand-on-dark); }
@media (prefers-reduced-motion: no-preference) {
  .is-playing .er-eq i { animation: er-eq 900ms ease-in-out infinite alternate; }
  .is-playing .er-eq i:nth-child(2) { animation-delay: 150ms; }
  .is-playing .er-eq i:nth-child(3) { animation-delay: 300ms; }
  .is-playing .er-podcast-feature__wave { animation: er-wave-glow 1200ms ease-in-out infinite alternate; }
  .is-playing .er-podcast-feature__play::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 2px solid var(--er-color-brand);
    animation: er-halo 1600ms var(--er-ease-out) infinite;
  }
}
@keyframes er-eq { from { transform: scaleY(.3); } to { transform: scaleY(1); } }
@keyframes er-wave-glow { from { opacity: .55; } to { opacity: 1; } }
@keyframes er-halo { from { opacity: .5; transform: scale(1); } to { opacity: 0; transform: scale(1.35); } }

.er-podcast-feature__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--er-space-3) var(--er-space-6); margin-block-start: var(--er-space-6); }
.er-podcast-feature__platforms { display: flex; flex-wrap: wrap; gap: var(--er-space-2); margin: 0; padding: 0; list-style: none; }
.er-podcast-feature__platforms a,
.er-podcast-hero__links a {
  display: inline-flex;
  align-items: center;
  min-block-size: 2.25rem;
  padding: 0 .875rem;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  color: #fff;
  font: 600 .8125rem/1 var(--er-font-headline);
  text-decoration: none;
}
.er-podcast-feature__platforms a:hover,
.er-podcast-hero__links a:hover { border-color: #fff; background: rgba(255, 255, 255, .06); }
.er-podcast-feature__all { color: var(--er-stage-text-soft); font: 600 .875rem/1 var(--er-font-headline); text-decoration: none; }
.er-podcast-feature__all:hover { color: #fff; }

.er-podcast-feature__queue { display: none; }
@container podcast (min-width: 56rem) {
  .er-podcast-feature__queue { display: block; align-self: stretch; padding-inline-start: var(--er-space-6); border-inline-start: 1px solid var(--er-stage-line); }
}
.er-podcast-feature__queue-title { margin: 0 0 var(--er-space-3); font: 700 .75rem/1 var(--er-font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--er-stage-text-dim); }
.er-podcast-feature__queue ul { margin: 0; padding: 0; list-style: none; }
.er-podcast-feature__queue li + li { border-block-start: 1px solid var(--er-stage-line); }
.er-podcast-feature__queue a { display: grid; gap: .25rem; padding-block: var(--er-space-3); color: #fff; text-decoration: none; }
.er-podcast-feature__queue a:hover .er-podcast-feature__queue-name { text-decoration: underline; text-underline-offset: .18em; }
.er-podcast-feature__queue-meta { font: 500 .6875rem/1 var(--er-font-mono); color: var(--er-stage-text-dim); }
.er-podcast-feature__queue-name { font: 600 .9375rem/1.3 var(--er-font-headline); display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ── Escenario + programa (single y archivo): escenario a la izquierda, lista editorial de episodios al lado ── */
.er-yt__band { background: var(--er-stage-bg); color: var(--er-stage-text); padding-block: var(--er-space-6) var(--er-space-12); }
/* Móvil: una columna; la lista va tras la info principal (orden DOM = orden visual: foco coherente). */
.er-yt__layout { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; }
.er-yt__layout > * { min-inline-size: 0; }
.er-yt__layout > * + * { margin-block-start: var(--er-space-6); }
@media (min-width: 64em) {
  .er-yt__band { padding-block: var(--er-space-8) var(--er-space-16); }
  .er-yt__layout { grid-template-columns: minmax(0, 1fr) clamp(21rem, 28vw, 25rem); column-gap: var(--er-space-10); }
  .er-yt__layout > * { grid-column: 1; }
  /* La lista abarca todas las filas de la columna principal; las filas vacías miden 0 (el espaciado es por margen, no por gap). */
  .er-yt__layout > .er-ytlist { grid-column: 2; grid-row: 1 / span 12; margin-block-start: 0; position: sticky; inset-block-start: calc(var(--er-header-height) + var(--er-space-4)); }
}

/* Enlace de salto sobre el vídeo (el iframe consume varias paradas de Tab) */
.er-yt__skip { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.er-yt__skip:focus-visible { position: fixed; z-index: 1000; inset-block-start: calc(var(--er-header-height) + var(--er-space-2)); inset-inline-start: var(--er-space-4); inline-size: auto; block-size: auto; overflow: visible; clip-path: none; padding: .75rem 1rem; background: #fff; color: #111; font: 700 var(--er-text-sm)/1 var(--er-font-headline); outline: 3px solid var(--er-color-brand-action); outline-offset: 2px; }

/* Escenario 16:9 enmarcado como lámina impresa: filete fino y marco, sin sombra ni radio grande (aspect-ratio reserva el espacio, sin CLS) */
.er-yt__stage-wrap { padding: .5rem; border: 1px solid var(--er-stage-line-strong); border-radius: var(--er-radius-cover); }
.er-yt__stage { position: relative; isolation: isolate; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 1px; background: #000; }
.er-yt__stage iframe { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; border: 0; }
.er-podcast-feature--stage { padding: .5rem .5rem var(--er-space-2); border: 1px solid var(--er-stage-line-strong); border-radius: var(--er-radius-cover); }
.er-yt__art,
.er-ytlist__art {
  position: absolute; inset: 0; z-index: -1; display: grid; place-content: center; justify-items: center; gap: .25rem;
  background: radial-gradient(60% 90% at 20% 50%, rgba(229, 57, 32, .22), transparent 70%), linear-gradient(135deg, var(--er-stage-bg-raised), #141010);
  color: var(--er-color-brand-on-dark);
}
.er-yt__stage:has(.er-yt__bigplay) .er-yt__art { place-content: end center; padding-block-end: 7%; }
.er-yt__stage:has(.er-yt__bigplay) .er-yt__spade { font-size: clamp(2.25rem, 6vw, 4.5rem); }
.er-yt__spade { font-size: clamp(3rem, 9vw, 6rem); line-height: 1; }
.er-yt__brand { font: 700 .75rem/1 var(--er-font-mono); letter-spacing: .24em; text-transform: uppercase; color: var(--er-stage-text-soft); }
/* Portada cuadrada centrada sobre el arte; miniatura de YouTube (16:9) a sangre */
.er-yt__cover { position: absolute; inset-block: 8%; inset-inline-start: 50%; block-size: 84%; inline-size: auto; aspect-ratio: 1; translate: -50% 0; object-fit: cover; border-radius: var(--er-radius-cover); box-shadow: 0 16px 36px -8px rgba(0, 0, 0, .7); color: transparent; font-size: 0; }
.er-yt__cover--wide { inset: 0; translate: none; block-size: 100%; inline-size: 100%; aspect-ratio: auto; border-radius: 0; box-shadow: none; }
/* Botón de reproducción: aro blanco sobre velo oscuro; se rellena de rojo al interactuar */
.er-yt__bigplay {
  position: absolute; inset: 50% auto auto 50%; translate: -50% -50%; z-index: 1;
  display: grid; place-items: center; inline-size: clamp(3.5rem, 8vw, 4.5rem); aspect-ratio: 1; padding: 0; border: 1.5px solid #fff; border-radius: 50%;
  background: rgba(0, 0, 0, .55); color: #fff; cursor: pointer; text-decoration: none;
  transition: background-color var(--er-dur-3) var(--er-ease-out), border-color var(--er-dur-3) var(--er-ease-out);
}
.er-yt__bigplay-icon { inline-size: 34%; aspect-ratio: 1; background: currentColor; clip-path: polygon(22% 6%, 96% 50%, 22% 94%); translate: 6% 0; }
.er-yt__bigplay[aria-pressed="true"] .er-yt__bigplay-icon { clip-path: polygon(12% 8%, 38% 8%, 38% 92%, 12% 92%, 12% 8%, 62% 8%, 88% 8%, 88% 92%, 62% 92%, 62% 8%); translate: none; }
@media (hover: hover) { .er-yt__bigplay:hover { background: var(--er-color-brand-action); border-color: var(--er-color-brand-action); } }
.er-yt__bigplay:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }

/* Audio del episodio bajo el vídeo (solo si hay audio_url y embed) */
.er-yt__audio { display: grid; gap: var(--er-space-3); padding: var(--er-space-4) 0 0; border-block-start: 1px solid var(--er-stage-line); }
.er-yt__audio audio { inline-size: 100%; }
.er-podcast-hero__launch { justify-self: start; }

/* Info principal: pie de lámina (mono) + titular + línea de datos */
.er-yt__info { padding-block-start: var(--er-space-1); }
.er-yt__eyebrow { margin: 0 0 var(--er-space-3); font: 700 .75rem/1.3 var(--er-font-mono); letter-spacing: var(--er-tracking-eyebrow); text-transform: uppercase; color: var(--er-color-brand-on-dark); }
.er-yt__title { margin: 0; font: 700 clamp(1.625rem, 1.1rem + 1.8vw, 2.5rem)/1.08 var(--er-font-headline); letter-spacing: var(--er-tracking-display); color: #fff; text-wrap: balance; }
.er-yt__title--lg { font-size: clamp(1.5rem, 1rem + 1.6vw, 2.25rem); }
.er-yt__title a { color: inherit; text-decoration: none; }
.er-yt__title a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.er-yt__meta { margin: var(--er-space-3) 0 0; font: 500 .8125rem/1.4 var(--er-font-mono); letter-spacing: .02em; color: var(--er-stage-text-soft); display: flex; flex-wrap: wrap; gap: 0 var(--er-space-2); }
.er-yt__excerpt { margin: var(--er-space-3) 0 0; max-inline-size: 62ch; font: 400 var(--er-text-lg)/1.6 var(--er-font-body); color: var(--er-stage-text-soft); }
.er-yt__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--er-space-3); margin-block-start: var(--er-space-5); }
/* "Escúchalo en: Spotify → · Apple Podcasts → · YouTube →" como línea de texto, no como botones */
.er-yt__listen { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--er-space-4); margin-block-start: var(--er-space-5); padding-block-start: var(--er-space-4); border-block-start: 1px solid var(--er-stage-line); }
.er-yt__listen-label { font: 700 .6875rem/1 var(--er-font-mono); letter-spacing: var(--er-tracking-eyebrow); text-transform: uppercase; color: var(--er-stage-text-dim); }
.er-yt__links { display: flex; flex-wrap: wrap; gap: 0 var(--er-space-5); margin: 0; padding: 0; list-style: none; }
.er-yt__links a { display: inline-flex; align-items: center; gap: .3em; min-block-size: 1.75rem; color: #fff; font: 600 var(--er-text-sm)/1 var(--er-font-headline); text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .35); text-decoration-thickness: 1px; text-underline-offset: .3em; }
.er-yt__links a:hover { text-decoration-color: var(--er-color-brand-on-dark); color: var(--er-color-brand-on-dark); }
.er-yt__links a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (pointer: coarse) { .er-yt__links a { min-block-size: 2.75rem; } }
/* Descripción: texto corrido en serif sobre el escenario, con filete superior */
.er-yt__desc { padding-block-start: var(--er-space-5); border-block-start: 1px solid var(--er-stage-line-strong); color: var(--er-stage-text-soft); }
.er-yt__desc .er-article-body { max-inline-size: 66ch; margin-inline: 0; padding: 0; color: inherit; font: 400 var(--er-text-lg)/1.7 var(--er-font-body); }
.er-yt__desc .er-article-body :where(p, li, h2, h3, h4, blockquote, strong) { color: inherit; }
.er-yt__desc .er-article-body > :first-child { margin-block-start: 0; }
.er-yt__desc .er-article-body > :last-child { margin-block-end: 0; }
.er-yt__desc .er-article-body a { color: var(--er-color-brand-on-dark); text-decoration: underline; text-underline-offset: .15em; }
.er-podcast-feature--stage .er-yt__info,
.er-podcast-feature--stage .er-yt__stage + .er-yt__info { margin-block-start: var(--er-space-5); }
.er-yt__stage-wrap + .er-yt__audio,
.er-yt__stage-wrap + .er-yt__info,
.er-yt__audio + .er-yt__info { margin-block-start: var(--er-space-5); }
.er-podcast-feature--stage .er-yt__info { padding-inline: .25rem; }

/* Lista de episodios: tracklist editorial — filete grueso arriba, filetes finos entre filas */
.er-ytlist { border-block-start: 3px solid #fff; }
.er-ytlist__head { padding: var(--er-space-4) 0 var(--er-space-3); border-block-end: 1px solid var(--er-stage-line-strong); }
.er-ytlist__eyebrow { margin: 0 0 var(--er-space-2); font: 700 .6875rem/1 var(--er-font-mono); letter-spacing: var(--er-tracking-eyebrow); text-transform: uppercase; color: var(--er-color-brand-on-dark); }
.er-ytlist__heading { margin: 0; font: 700 var(--er-text-2xl)/1.1 var(--er-font-headline); letter-spacing: var(--er-tracking-display); color: #fff; }
.er-ytlist__heading:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.er-ytlist__sub { margin: var(--er-space-2) 0 0; font: 500 .75rem/1.4 var(--er-font-mono); letter-spacing: .04em; color: var(--er-stage-text-dim); }
.er-ytlist__list { margin: 0; padding: 0; list-style: none; }
@media (min-width: 64em) {
  /* Scroll propio solo en escritorio; los enlaces son focusables, así que la región se opera con teclado */
  .er-ytlist__list { max-block-size: calc(100vh - var(--er-header-height) - 14rem); max-block-size: calc(100dvh - var(--er-header-height) - 14rem); min-block-size: 10rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .3) transparent; }
}
.er-ytlist__item + .er-ytlist__item { border-block-start: 1px solid var(--er-stage-line); }
.er-ytlist__link {
  display: grid; grid-template-columns: 2.75rem minmax(0, 1fr) 4.5rem; gap: var(--er-space-3); align-items: start;
  padding: var(--er-space-4) var(--er-space-1); color: #fff; text-decoration: none;
}
/* DOM: texto, número, miniatura → la rejilla los coloca número | texto | miniatura */
.er-ytlist__num { grid-column: 1; grid-row: 1; font: 300 1.75rem/1 var(--er-font-mono); font-variant-numeric: tabular-nums; letter-spacing: -.04em; color: var(--er-stage-text-dim); }
.er-ytlist__text { grid-column: 2; grid-row: 1; }
.er-ytlist__thumb { grid-column: 3; grid-row: 1; }
.er-ytlist__link:hover { background: rgba(255, 255, 255, .03); }
.er-ytlist__link:focus-visible { outline: 2px solid #fff; outline-offset: -2px; background: rgba(255, 255, 255, .04); }
.er-ytlist__item.is-current .er-ytlist__link:focus-visible { box-shadow: inset 0 0 0 2px #fff; }
.er-ytlist__text { display: grid; gap: .3rem; min-inline-size: 0; align-content: start; }
.er-ytlist__title { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font: 600 var(--er-text-base)/1.25 var(--er-font-headline); letter-spacing: -.01em; }
.er-ytlist__link:hover .er-ytlist__title { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.er-ytlist__meta { display: flex; flex-wrap: wrap; gap: 0 .4rem; font: 500 .6875rem/1.4 var(--er-font-mono); letter-spacing: .02em; color: var(--er-stage-text-soft); }
/* Episodio en curso: estado tipográfico (sello rojo + número rojo), sin superposiciones */
.er-ytlist__state { font: 700 .625rem/1 var(--er-font-mono); letter-spacing: var(--er-tracking-eyebrow); text-transform: uppercase; color: var(--er-color-brand-on-dark); }
.er-ytlist__item.is-current .er-ytlist__num { color: var(--er-color-brand-on-dark); font-weight: 500; }
/* Miniatura 4:3 como grabado: gris hasta hover/foco/en curso */
.er-ytlist__thumb { position: relative; isolation: isolate; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 1px; background: #000; }
.er-ytlist__thumb img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; color: transparent; font-size: 0; filter: grayscale(1) contrast(1.05); opacity: .85; transition: filter var(--er-dur-3) var(--er-ease-out), opacity var(--er-dur-3) var(--er-ease-out); }
.er-ytlist__link:hover .er-ytlist__thumb img,
.er-ytlist__link:focus-visible .er-ytlist__thumb img,
.er-ytlist__item.is-current .er-ytlist__thumb img { filter: none; opacity: 1; }
.er-ytlist__art { font-size: 1.25rem; line-height: 1; }
.er-ytlist__all { display: flex; align-items: center; min-block-size: 2.75rem; border-block-start: 1px solid var(--er-stage-line-strong); color: #fff; font: 600 var(--er-text-sm)/1 var(--er-font-headline); text-decoration: none; }
.er-ytlist__all:hover { color: var(--er-color-brand-on-dark); }
.er-ytlist__all:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
@media (max-width: 30em) {
  .er-ytlist__link { grid-template-columns: 2.25rem minmax(0, 1fr) 3.75rem; gap: var(--er-space-2); }
  .er-ytlist__num { font-size: 1.375rem; }
}

/* Transcripción sobre fondo oscuro */
.er-yt .er-transcript { margin-block-start: var(--er-space-6); border: 0; border-block: 1px solid var(--er-stage-line-strong); border-radius: 0; background: none; }
.er-yt .er-transcript summary { color: #fff; min-block-size: 2.75rem; padding-inline: 0; font-family: var(--er-font-mono); font-size: .75rem; letter-spacing: var(--er-tracking-eyebrow); text-transform: uppercase; }
.er-yt .er-transcript summary:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.er-yt .er-transcript__content { padding-inline: 0; border-color: var(--er-stage-line); color: var(--er-stage-text-soft); }

/* Archivo: título de la lista de abajo + miniaturas con arte de marca si falla la imagen */
.er-podcast-episodes__title { margin: 0 0 var(--er-space-6); padding-block-end: var(--er-space-3); border-block-end: 1px solid var(--er-text-primary); font: 700 var(--er-text-2xl)/1.1 var(--er-font-headline); letter-spacing: var(--er-tracking-display); }
.er-podcast-ep__thumb img { position: relative; color: transparent; font-size: 0; }
.er-podcast-ep__yt-play { z-index: 1; }
.er-transcript { margin-block-start: var(--er-space-10); border: 1px solid var(--er-border-color); border-radius: var(--er-radius-lg); overflow: hidden; }
.er-transcript summary { display: flex; align-items: center; justify-content: space-between; padding: var(--er-space-4) var(--er-space-5); font: 600 var(--er-text-sm)/1.3 var(--er-font-headline); color: var(--er-color-brand-action); cursor: pointer; list-style: none; }
.er-transcript summary::after { content: "+"; font-size: var(--er-text-lg); }
.er-transcript[open] summary::after { content: "−"; }
.er-transcript__content { padding: var(--er-space-6); border-block-start: 1px solid var(--er-border-color); font: 400 var(--er-text-base)/var(--er-leading-loose) var(--er-font-body); color: var(--er-text-secondary); }