.podcasts-page { background: #fffdf9; }
.podcast-hero { position: relative; min-height: 540px; overflow: hidden; display: flex; align-items: center; isolation: isolate; background: #fffdf9; }
.podcast-hero::before { content:""; position:absolute; inset:0; z-index:-2; background: linear-gradient(90deg,#fffdf9 0%,rgba(255,253,249,.96) 38%,rgba(255,253,249,.08) 72%), url("../img/bg-hero.jpg") 50% 18%/cover; }
.podcast-hero::after { content:""; position:absolute; z-index:-1; right:-7%; bottom:-180px; width:55%; height:330px; border:1px solid rgba(147,0,0,.18); border-radius:50%; transform:rotate(-11deg); }
.podcast-hero__in { padding-block: 110px 82px; }.podcast-hero .eyebrow { color:var(--red); }.podcast-hero h1 { max-width:8ch; margin:10px 0 18px; color:var(--navy); font:500 clamp(72px,8.4vw,132px)/.83 var(--font-display); letter-spacing:.015em; text-transform:uppercase; }.podcast-hero h1 span { display:block; }.podcast-hero p { max-width:47ch; color:var(--navy); font-size:17px; line-height:1.55; }.podcast-hero__rule { display:block; width:55px; height:4px; margin:0 0 16px; background:var(--red); }
.podcast-feature { position:relative; z-index:2; margin-top:-54px; }.podcast-feature__grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.78fr); gap:18px; }.podcast-feature__story { min-height:345px; overflow:hidden; position:relative; display:flex; align-items:flex-end; padding:34px; border-radius:17px; background:var(--navy); color:#fff; }.podcast-feature__story::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,14,40,.98),rgba(1,14,40,.5)),url("../img/museo-totoral.jpg") center/cover; opacity:.86; }.podcast-feature__story > * { position:relative; z-index:1; }.podcast-feature__story h2 { max-width:14ch; margin:10px 0; font:500 clamp(38px,4vw,61px)/.9 var(--font-display); letter-spacing:.02em; text-transform:uppercase; }.podcast-feature__story p { max-width:47ch; margin:0; color:rgba(255,255,255,.82); font-size:13px; }.podcast-badge { display:inline-flex; padding:5px 11px; border-radius:999px; background:#dc252b; color:#fff; font:700 10px var(--font-ui); letter-spacing:.08em; text-transform:uppercase; }
.podcast-player { display:flex; flex-direction:column; padding:27px; border:1px solid var(--border); border-radius:17px; background:#fff; box-shadow:0 13px 30px rgba(1,14,40,.08); }.podcast-player > span { color:var(--red); font:700 10px var(--font-ui); letter-spacing:.08em; text-transform:uppercase; }.podcast-player__episode { display:flex; align-items:center; gap:13px; margin:18px 0; }.podcast-player__episode img { width:78px; height:78px; object-fit:cover; border-radius:10px; }.podcast-player__episode h2 { margin:0; font:500 30px/.93 var(--font-display); letter-spacing:.02em; text-transform:uppercase; }.podcast-player__episode p { margin:8px 0 0; color:var(--text-muted); font-size:11px; }.podcast-player audio { display:none; }.podcast-wave { height:44px; margin:5px 0 12px; background:repeating-linear-gradient(90deg,transparent 0 4px,#dc252b 4px 6px,transparent 6px 10px); -webkit-mask:linear-gradient(90deg,#000 0 72%,transparent 100%); mask:linear-gradient(90deg,#000 0 72%,transparent 100%); opacity:.75; }.podcast-player__controls { display:flex; justify-content:center; align-items:center; gap:19px; }.podcast-player button { border:0; background:transparent; color:var(--navy); cursor:pointer; }.podcast-player__play { width:52px; height:52px; border-radius:50% !important; background:var(--red) !important; color:#fff !important; font-size:19px; }.podcast-player__actions { display:flex; justify-content:space-between; align-items:center; gap:9px; margin-top:20px; padding-top:14px; border-top:1px solid var(--border); }.podcast-player__actions button,.podcast-player__actions a { padding:0; border:0; background:transparent; color:var(--text-muted); font:11px var(--font-ui); text-decoration:none; cursor:pointer; }.podcast-player__actions a:hover,.podcast-player__actions button:hover { color:var(--red); }.podcast-player__status { min-height:32px; margin:12px 0 0; color:var(--text-muted); font-size:10px; line-height:1.4; }
.podcast-catalog { padding-block:48px 72px; }.podcast-tabs { display:flex; gap:10px; overflow:auto; margin-bottom:20px; padding-bottom:4px; }.podcast-tabs span { flex:0 0 auto; padding:7px 13px; border-radius:999px; color:var(--text-muted); font-size:11px; }.podcast-tabs span:first-child { background:var(--red); color:#fff; }.podcast-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }.podcast-card { overflow:hidden; border:1px solid var(--border); border-radius:14px; background:#fff; cursor:pointer; transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease); }.podcast-card:hover,.podcast-card:focus-visible,.podcast-card.is-active { transform:translateY(-4px); box-shadow:0 15px 25px rgba(1,14,40,.12); outline:none; }.podcast-card img { width:100%; height:145px; object-fit:cover; }.podcast-card__copy { padding:15px; }.podcast-card__copy > span { color:var(--text-muted); font-size:10px; }.podcast-card__copy > span i { display:inline-grid; place-items:center; width:17px; height:17px; margin-right:5px; border-radius:50%; background:var(--red); color:#fff; font-size:8px; font-style:normal; }.podcast-card h3 { margin:9px 0 8px; color:var(--navy); font:500 26px/.94 var(--font-display); letter-spacing:.015em; text-transform:uppercase; }.podcast-card p { min-height:52px; margin:0 0 12px; color:var(--text-muted); font-size:11px; line-height:1.55; }.podcast-card b { display:inline-block; padding:4px 7px; border:1px solid var(--border-strong); border-radius:4px; font-size:9px; font-weight:400; }
.podcast-participate { display:grid; grid-template-columns:.85fr repeat(4,1fr); gap:20px; align-items:center; padding:30px 34px; border:1px solid #e4d7c4; border-radius:14px; background:#fffaf3; }.podcast-participate h2 { margin:0; color:var(--navy); font:500 38px/.9 var(--font-display); letter-spacing:.02em; text-transform:uppercase; }.podcast-participate article { border-left:1px solid #e5d9ca; padding-left:17px; }.podcast-participate i { color:var(--red); font-size:24px; font-style:normal; }.podcast-participate h3 { margin:3px 0; font:500 23px/.9 var(--font-display); text-transform:uppercase; }.podcast-participate p { margin:0; color:var(--text-muted); font-size:10px; line-height:1.45; }
.podcast-close { display:grid; grid-template-columns:.9fr 1.1fr; margin-top:75px; background:#fff; }.podcast-close__copy { padding:75px max(24px,calc((100vw - var(--container-max))/2)); padding-right:52px; }.podcast-close h2 { max-width:14ch; margin:9px 0 18px; color:var(--navy); font:500 clamp(43px,5vw,73px)/.88 var(--font-display); text-transform:uppercase; }.podcast-close p { max-width:48ch; font-size:13px; }.podcast-close img { width:100%; height:100%; min-height:345px; object-fit:cover; }
@media (max-width:850px) { .podcast-hero{min-height:480px}.podcast-feature__grid{grid-template-columns:1fr}.podcast-grid{grid-template-columns:repeat(2,1fr)}.podcast-participate{grid-template-columns:repeat(2,1fr)}.podcast-participate h2{grid-column:1/-1}.podcast-close{grid-template-columns:1fr}.podcast-close__copy{padding:54px var(--margin-mobile)}.podcast-close img{min-height:250px}.podcast-hero::before{background:linear-gradient(90deg,#fffdf9 0%,rgba(255,253,249,.84) 60%,rgba(255,253,249,.32)),url("../img/bg-hero.jpg") 50% 18%/cover} }
@media (max-width:540px) { .podcast-hero__in{padding-block:94px 64px}.podcast-hero h1{font-size:71px}.podcast-hero p{font-size:14px}.podcast-feature{margin-top:-20px}.podcast-feature__story{min-height:305px;padding:25px}.podcast-feature__story h2{font-size:43px}.podcast-player{padding:21px}.podcast-grid{grid-template-columns:1fr}.podcast-card img{height:170px}.podcast-participate{grid-template-columns:1fr;padding:28px 24px}.podcast-participate article{border-left:0;border-top:1px solid #e5d9ca;padding:13px 0 0}.podcast-close{margin-top:50px} }

/* Reproductor de podcasts: instancia propia, de piel clara y no persistente. */
body.podcasts-page.has-podcast-player { padding-bottom: 132px; }
.podcast-bottom-player { position: fixed; z-index: 610; right: 0; bottom: 0; left: 0; padding: 12px 20px; background: rgba(255,255,255,.96); border-top: 1px solid rgba(1,14,40,.13); box-shadow: 0 -12px 34px rgba(1,14,40,.14); backdrop-filter: blur(14px); }
.podcast-bottom-player__in { width: min(1320px,100%); min-height: 82px; margin: 0 auto; display: grid; grid-template-columns: minmax(230px,.9fr) minmax(350px,1.35fr) minmax(240px,.8fr); gap: 24px; align-items: center; }
.podcast-bottom-player__track { min-width: 0; display: flex; align-items: center; gap: 12px; }
.podcast-bottom-player__track img { width: 58px; height: 58px; flex: 0 0 58px; object-fit: cover; border-radius: 10px; box-shadow: 0 6px 15px rgba(1,14,40,.14); }
.podcast-bottom-player__track span { display: block; margin-bottom: 3px; color: var(--red); font: 700 9px var(--font-ui); letter-spacing: .13em; text-transform: uppercase; }
.podcast-bottom-player__track strong { display: block; overflow: hidden; color: var(--navy); font: 700 15px/1.2 var(--font-ui); text-overflow: ellipsis; white-space: nowrap; }
.podcast-bottom-player__track small { display: block; margin-top: 4px; overflow: hidden; color: var(--text-muted); font: 10px var(--font-ui); text-overflow: ellipsis; white-space: nowrap; }
.podcast-bottom-player__center { min-width: 0; display: grid; gap: 6px; }
.podcast-bottom-player__controls { display: flex; justify-content: center; align-items: center; gap: 12px; }
.podcast-bottom-player button,.podcast-bottom-player a { display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--navy); cursor: pointer; text-decoration: none; transition: transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease); }
.podcast-bottom-player button:hover,.podcast-bottom-player a:hover { background: #f1f3f8; color: var(--red); transform: translateY(-1px); }
.podcast-bottom-player button:focus-visible,.podcast-bottom-player a:focus-visible,.podcast-bottom-player input:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.podcast-bottom-player svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.podcast-bottom-player__play { width: 42px !important; height: 42px !important; background: var(--red) !important; color: #fff !important; box-shadow: 0 8px 18px rgba(147,0,0,.24); }
.podcast-bottom-player__play:hover { background: #b10c15 !important; color: #fff !important; }
.podcast-bottom-player__play svg { fill: currentColor; stroke: none; }
.podcast-bottom-player__progress { display: grid; grid-template-columns: 38px minmax(0,1fr) 38px; gap: 8px; align-items: center; color: var(--text-muted); font: 10px var(--font-ui); }
.podcast-bottom-player input[type="range"] { height: 5px; margin: 0; appearance: none; border-radius: 99px; background: #d9dee8; cursor: pointer; }
.podcast-bottom-player input[type="range"]::-webkit-slider-thumb { width: 13px; height: 13px; appearance: none; border: 2px solid #fff; border-radius: 50%; background: var(--red); box-shadow: 0 1px 6px rgba(1,14,40,.25); }
.podcast-bottom-player input[type="range"]::-moz-range-thumb { width: 11px; height: 11px; border: 2px solid #fff; border-radius: 50%; background: var(--red); box-shadow: 0 1px 6px rgba(1,14,40,.25); }
.podcast-bottom-player__actions { display: flex; justify-content: flex-end; align-items: center; gap: 4px; }
.podcast-bottom-player__actions input { width: min(110px,8vw); }
.podcast-bottom-player__close { border: 1px solid rgba(147,0,0,.34) !important; color: var(--red) !important; }
.podcast-card.is-active { border-color: rgba(147,0,0,.55); box-shadow: 0 15px 25px rgba(147,0,0,.14); }
.podcast-card.is-playing .podcast-card__copy > span i { animation: podcast-pulse 1.35s ease-in-out infinite; }
html.has-global-player .podcast-bottom-player { bottom: 96px; }
html.has-global-player body.podcasts-page.has-podcast-player { padding-bottom: 228px; }
body.podcasts-page.has-podcast-player .ade-launcher { bottom: 146px; }
body.podcasts-page.has-podcast-player .ade-whatsapp { bottom: 216px; }
body.podcasts-page.has-podcast-player .ade-panel { bottom: 162px; }
html.has-global-player body.podcasts-page.has-podcast-player .ade-launcher { bottom: 242px; }
html.has-global-player body.podcasts-page.has-podcast-player .ade-whatsapp { bottom: 312px; }
html.has-global-player body.podcasts-page.has-podcast-player .ade-panel { bottom: 258px; }
@keyframes podcast-pulse { 50% { transform: scale(1.18); box-shadow: 0 0 0 5px rgba(147,0,0,.13); } }
@media (max-width: 760px) {
  body.podcasts-page.has-podcast-player { padding-bottom: 214px; }
  .podcast-bottom-player { padding: 10px 14px 12px; }
  .podcast-bottom-player__in { min-height: 0; grid-template-columns: 1fr auto; grid-template-areas: "track actions" "center center"; gap: 8px 12px; }
  .podcast-bottom-player__track { grid-area: track; }
  .podcast-bottom-player__track img { width: 45px; height: 45px; flex-basis: 45px; }
  .podcast-bottom-player__track strong { font-size: 12px; }
  .podcast-bottom-player__center { grid-area: center; }
  .podcast-bottom-player__actions { grid-area: actions; gap: 0; }
  .podcast-bottom-player__actions input,.podcast-bottom-player__actions a,.podcast-bottom-player__actions button:not(.podcast-bottom-player__close):not([data-podcast-mute]) { display: none; }
  .podcast-bottom-player__controls { gap: 13px; }
  .podcast-bottom-player__progress { grid-template-columns: 35px minmax(0,1fr) 35px; }
  html.has-global-player .podcast-bottom-player { bottom: 190px; }
  html.has-global-player body.podcasts-page.has-podcast-player { padding-bottom: 404px; }
  body.podcasts-page.has-podcast-player .ade-launcher { bottom: 228px; }
  body.podcasts-page.has-podcast-player .ade-whatsapp { bottom: 298px; }
  body.podcasts-page.has-podcast-player .ade-panel { bottom: 244px; }
  html.has-global-player body.podcasts-page.has-podcast-player .ade-launcher { bottom: 418px; }
  html.has-global-player body.podcasts-page.has-podcast-player .ade-whatsapp { bottom: 488px; }
  html.has-global-player body.podcasts-page.has-podcast-player .ade-panel { bottom: 434px; }
}
@media (prefers-reduced-motion: reduce) { .podcast-card.is-playing .podcast-card__copy > span i { animation: none; } }