/* Escenario de escucha: sin navegación externa ni desplazamiento de la página. */
.classic-site.c-podcast-site :is(.c-header,.c-drawer,.c-focus-nav,.c-tabs,.c-radio,.c-footer,.c-left-rail,.c-ad-rail){display:none!important}
.classic-site.c-podcast-site .c-main{padding:0!important;margin:0!important;max-width:none!important;min-height:100dvh}.classic-site.c-podcast-site .c-desktop-layout{padding:0!important}.classic-site.c-podcast-site .c-toast{bottom:24px}
.podcast-shell{--podcast-focus:var(--c-gold);position:fixed;inset:0;z-index:710;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;padding:calc(12px + env(safe-area-inset-top)) 24px calc(16px + env(safe-area-inset-bottom));overflow:hidden;overscroll-behavior:none;background:linear-gradient(160deg,hsl(var(--c-post)),hsl(var(--c-panel)) 48%,hsl(var(--c-shadow)));color:hsl(var(--c-text));isolation:isolate}
.podcast-shell *{box-sizing:border-box}.podcast-shell [hidden]{display:none!important}.podcast-shell button{font:inherit;color:inherit;cursor:pointer;transition:opacity .18s,transform .18s;background:transparent;border:0;min-width:44px;min-height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px}.podcast-shell button:hover:not(:disabled){background:hsl(var(--c-text)/.08);transform:translateY(-1px)}.podcast-shell button:active:not(:disabled){transform:scale(.97)}.podcast-shell button:disabled{opacity:.4;cursor:not-allowed}.podcast-shell :is(button,a,input,select):focus-visible{outline:2px solid hsl(var(--podcast-focus));outline-offset:3px}
.podcast-svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.podcast-heading{display:flex;align-items:center;gap:16px;min-width:0}.podcast-heading>div:not(.podcast-view-controls){flex:1;text-align:center;min-width:0}.podcast-kicker{display:block;font-size:12px;font-weight:600;letter-spacing:1.5px;color:hsl(var(--c-gold));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podcast-heading h1{font-size:16px;font-weight:600;margin:4px 0 0;line-height:1.4}.podcast-view-controls{display:flex;gap:8px}.podcast-heading button{flex-shrink:0}
.podcast-player{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;width:100%;max-width:540px;justify-self:center;padding:0 8px}.podcast-artwork{min-width:0;min-height:0;width:min(100%,38dvh,max(72px,calc(100dvh - 404px)));height:auto;aspect-ratio:1;max-width:100%;max-height:none;align-self:center;justify-self:center;position:relative;border:1px solid hsl(var(--c-text)/.12);background:hsl(var(--c-post));border-radius:16px;overflow:hidden;display:grid;place-items:center;box-shadow:0 24px 48px hsl(var(--c-shadow)/.5)}.podcast-artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.podcast-placeholder{width:72px;height:72px;color:hsl(var(--c-gold))}
.podcast-current{min-width:0}.podcast-current .podcast-kicker{font-size:12px;margin-bottom:4px}.podcast-title-row{display:flex;align-items:center;gap:16px}.podcast-current h2{font-size:24px;font-weight:700;line-height:1.25;margin:0;flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.podcast-title-row button{flex-shrink:0;border:1px solid hsl(var(--c-border))}.podcast-author{font-size:16px;line-height:1.6;color:hsl(var(--c-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 0}.podcast-load-message{font-size:14px;line-height:1.4;color:hsl(var(--c-gold));margin-top:4px}
.podcast-transport{min-width:0}.podcast-shell input[type=range]{accent-color:hsl(var(--c-gold));width:100%;min-height:44px;cursor:pointer;background:transparent;margin:0}.podcast-times{display:flex;justify-content:space-between;color:hsl(var(--c-muted));font-size:14px;font-variant-numeric:tabular-nums;margin-top:-8px}.podcast-main-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.podcast-main-controls button{position:relative;width:48px;height:48px;padding:10px}.podcast-main-controls button small{position:absolute;bottom:0;font-size:10px;color:hsl(var(--c-muted))}.podcast-main-controls .podcast-play{width:72px;height:72px;border-radius:50%;background:hsl(var(--c-gold));color:hsl(var(--c-bg));box-shadow:0 8px 24px hsl(var(--c-shadow)/.3)}.podcast-main-controls .podcast-play:hover:not(:disabled){background:hsl(var(--c-gold));transform:scale(1.04)}.podcast-play .podcast-svg{width:32px;height:32px}.podcast-player-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;color:hsl(var(--c-muted));font-size:14px}.podcast-player-footer button{border-radius:12px;padding-left:0;font-size:14px}.podcast-status{font-size:12px;line-height:1.4;color:hsl(var(--c-muted));min-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 0}
.podcast-library{display:none;min-width:0;min-height:0;overflow:hidden;border:1px solid hsl(var(--c-border));border-radius:24px;padding:24px;background:hsl(var(--c-panel));grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;gap:12px}.podcast-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.podcast-library-heading h2{font-size:20px;font-weight:600;margin:4px 0 0}.podcast-shell .podcast-auto{display:flex;align-items:center;gap:12px;min-height:44px;font-size:16px;line-height:1.4;margin:0}.podcast-auto input{width:20px;height:20px;accent-color:hsl(var(--c-gold));flex-shrink:0}.podcast-shell .podcast-search-label{font-size:16px;margin:0}.podcast-shell .podcast-library input[type=search]{width:100%;background:hsl(var(--c-post));border:1px solid hsl(var(--c-border));border-radius:12px;font:inherit;font-size:16px;padding:12px 16px;margin:0;min-height:48px;color:hsl(var(--c-text))}.podcast-filters{display:flex;gap:8px}.podcast-filters button{border:1px solid hsl(var(--c-border));border-radius:24px;padding:8px 16px;font-size:16px}.podcast-shell [aria-pressed=true]{color:hsl(var(--c-gold));background:hsl(var(--c-gold)/.08);border-color:hsl(var(--c-gold)/.4)}
.podcast-queue{list-style:none;margin:0;padding:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.podcast-episode{display:flex;align-items:stretch;gap:4px;border:1px solid transparent;border-bottom-color:hsl(var(--c-border));border-radius:12px}.podcast-episode.is-current{background:hsl(var(--c-gold)/.06);border-color:hsl(var(--c-gold)/.35)}.podcast-shell .podcast-episode-play{display:flex;gap:12px;align-items:center;flex:1;min-width:0;text-align:left;padding:12px 8px;border-radius:12px}.podcast-episode-art{width:56px;height:56px;flex-shrink:0;display:grid;place-items:center;position:relative;border-radius:8px;background:hsl(var(--c-post));overflow:hidden;color:hsl(var(--c-gold))}.podcast-episode-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.podcast-episode-info{min-width:0;flex:1}.podcast-episode-info strong{display:block;font-size:16px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.podcast-episode-info small{display:block;font-size:14px;line-height:1.6;color:hsl(var(--c-muted));margin-top:4px}.podcast-episode-number{font-size:12px;color:hsl(var(--c-muted))}.podcast-episode-favorite{width:44px;flex-shrink:0}.podcast-local-note,.podcast-empty{font-size:14px;line-height:1.6;color:hsl(var(--c-muted));margin:0}.podcast-empty{overflow:auto}.podcast-local-note{padding-top:8px;border-top:1px solid hsl(var(--c-border))}
.podcast-details{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border:1px solid hsl(var(--c-border));border-radius:24px;background:hsl(var(--c-panel));color:hsl(var(--c-text));box-shadow:0 24px 64px hsl(var(--c-shadow)/.6)}.podcast-details::backdrop{background:hsl(var(--c-shadow)/.8)}.podcast-details-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.podcast-details h2{font-size:20px;font-weight:600}.podcast-description{font-size:16px;line-height:1.6;color:hsl(var(--c-muted));white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 24px}.podcast-settings{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;margin:16px 0}.podcast-shell .podcast-settings label{font-size:16px;color:hsl(var(--c-muted));display:flex;flex-direction:column;gap:8px}.podcast-shell .podcast-settings select{font:inherit;font-size:16px;background:hsl(var(--c-post));color:hsl(var(--c-text));border:1px solid hsl(var(--c-border));border-radius:12px;padding:8px 12px;min-height:44px;margin:0}.podcast-current-actions a{display:flex;align-items:center;gap:8px;min-height:44px;color:hsl(var(--c-gold));font-size:16px;text-decoration:none}.podcast-current-actions a:hover{opacity:.8}.podcast-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.podcast-shell.is-queue-open .podcast-library{display:grid;grid-column:1;grid-row:2}.podcast-library:has(.podcast-empty:not([hidden])){grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto}.podcast-library:has(.podcast-empty:not([hidden])) .podcast-queue{display:none}.podcast-shell.is-queue-open .podcast-player{display:none}
@media(min-width:1024px){.podcast-shell{grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);grid-template-rows:auto minmax(0,1fr);gap:24px;padding:24px 48px calc(24px + env(safe-area-inset-bottom))}.podcast-heading{grid-column:1/-1}.podcast-heading>div:not(.podcast-view-controls){text-align:left}.podcast-heading h1{font-size:20px}.podcast-player{max-width:600px;gap:16px;padding:8px 24px}.podcast-artwork{width:min(100%,43dvh,max(72px,calc(100dvh - 428px)));max-width:100%;max-height:none;border-radius:20px}.podcast-current h2{font-size:32px}.podcast-library{display:grid;grid-column:2;grid-row:2}.podcast-queue-close,[data-podcast-view=queue]{display:none!important}.podcast-shell.is-queue-open .podcast-library{grid-column:2}.podcast-shell.is-queue-open .podcast-player{display:grid}.podcast-main-controls{justify-content:center;gap:24px}.podcast-status{font-size:14px}}
@media(max-height:700px) and (max-width:1023px){.podcast-shell{gap:8px;padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:calc(8px + env(safe-area-inset-bottom))}.podcast-player{gap:8px}.podcast-artwork{width:min(100%,30dvh,max(72px,calc(100dvh - 344px)));max-width:100%;max-height:none}.podcast-current h2{font-size:20px}.podcast-main-controls{margin:8px 0}.podcast-main-controls .podcast-play{width:60px;height:60px}.podcast-status{display:none}}
@media(max-height:480px) and (max-width:1023px){.podcast-player{max-width:none;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);grid-template-rows:auto minmax(0,1fr);gap:8px 24px}.podcast-artwork{grid-row:1/3;width:min(100%,65dvh);max-width:100%;max-height:none}.podcast-current,.podcast-transport{grid-column:2}.podcast-current .podcast-kicker{display:none}.podcast-main-controls{margin:4px 0}.podcast-library{grid-template-rows:auto auto auto minmax(0,1fr);gap:8px}.podcast-library .podcast-search-label,.podcast-auto,.podcast-local-note{display:none!important}.podcast-library-heading{grid-column:1/-1}.podcast-library input[type=search]{grid-column:1}.podcast-filters{grid-column:2}.podcast-queue,.podcast-empty{grid-column:1/-1}.podcast-library{grid-template-columns:1fr 1fr}}
@media(max-width:359px){.podcast-shell{padding-left:12px;padding-right:12px}.podcast-heading{gap:8px}.podcast-heading h1{font-size:14px}.podcast-kicker{letter-spacing:.5px}.podcast-view-controls{gap:0}}
@media(prefers-reduced-motion:reduce){.podcast-shell *{transition:none!important;scroll-behavior:auto!important}}