/*xdfjxnqyecqpqcnluezomtkvjprcqeaucgttwlpqeyfwenybclux*/
/* Fractales · Diseño 3 · Podcast (Inicio y detalle) */
.f3-pod{position:relative;overflow:hidden;background:var(--f3-negro2);color:#fff}
.f3-pod>.f3-wrap{position:relative;padding-top:88px;padding-bottom:80px;display:flex;flex-direction:column;gap:32px}
.f3-pod-tit{font-size:clamp(48px,8vw,104px);font-weight:700;line-height:1;color:#fff}
.f3-pod-cols{display:flex;flex-wrap:wrap;gap:32px}
.f3-pod-dest{flex:1 1 440px;display:flex;flex-direction:column;gap:14px}
.f3-pod-dest .f3-img{aspect-ratio:1;max-height:460px}
.f3-pod-dest h3{margin:0;font-size:26px;line-height:1.2}
.f3-pod-dest h3 a{font-size:26px;font-weight:700;line-height:1.2;color:#fff}
.f3-meta{font-size:13px;color:#BDBDBD}
.f3-nuevo{padding:4px 10px;background:var(--f3-amarillo);color:var(--f3-negro2);font-size:12px;font-weight:700;letter-spacing:.12em}
.f3-pod-lista{flex:1 1 380px;display:flex;flex-direction:column}
.f3-ep{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #3A3637;transition:background-color .15s}
.f3-ep:hover{background:#1E1B1C}
.f3-ep .f3-img{flex:none;width:88px;height:88px}
.f3-ep h3{margin:0;font-size:18px;line-height:1.3}
.f3-ep h3 a{font-size:18px;font-weight:700;line-height:1.3;color:#fff}
.f3-ep div{display:flex;flex-direction:column;gap:6px}
.f3-pod-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:22px;color:#D6D6D6}
/* Botón de play */
.f3-play{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;inset:0;margin:auto;border:0;border-radius:999px;background:#fff;color:var(--f3-negro2);cursor:pointer;transition:transform .15s,box-shadow .15s}
.f3-play svg{width:20px;height:20px;fill:currentColor}
.f3-play:hover{transform:scale(1.08);box-shadow:0 0 0 6px rgba(255,241,0,.25)}
.f3-play--grande{inset:auto auto 20px 20px;margin:0;width:72px;height:72px;background:var(--f3-amarillo)}
.f3-play--grande svg{width:28px;height:28px}
.f3-play .f3-i-pausa,.f3-play[aria-pressed=true] .f3-i-play{display:none}
.f3-play[aria-pressed=true] .f3-i-pausa{display:block}
.f3-play[aria-pressed=true]{background:var(--f3-amarillo)}
.f3-reproductor{margin-top:12px}.f3-reproductor iframe{display:block;width:100%;height:152px;border:0;border-radius:12px}

/* Detalle de podcast */
.f3-pd{background:var(--f3-negro2);color:#fff}
.f3-pd-cab{position:relative;overflow:hidden}
.f3-pd-cab .f3-wrap{max-width:1100px;position:relative;padding-top:56px;padding-bottom:40px;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-end}
.f3-pd-cab .f3-img{flex:0 1 340px;aspect-ratio:1;overflow:visible}
.f3-pd-cab .f3-img::after{content:"";position:absolute;left:-12px;bottom:-12px;width:40px;height:40px;background:var(--f3-amarillo)}
.f3-pd-info{flex:1 1 420px;display:flex;flex-direction:column;gap:18px}
.f3-pd-info h1{font-size:clamp(32px,4.4vw,54px);font-weight:700;line-height:1.08}
.f3-migas{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px}
.f3-pd a{color:var(--f3-amarillo)}
.f3-pd-sec{max-width:1100px;margin:0 auto;padding:16px 24px 64px;display:flex;flex-direction:column;gap:16px}
.f3-pd-sec h2{font-size:28px;color:var(--f3-amarillo)}
.f3-pd-sec p{max-width:720px;font-size:18px;line-height:1.7;color:#E6E6E6}
.f3-pd-mas{border-top:1px solid #3A3637}
.f3-pd-mas .f3-wrap{max-width:1100px;padding-top:56px;padding-bottom:80px}
.f3-pd-mas h2{font-size:34px;margin-bottom:8px}
.f3-pd-mas .f3-play{position:static;flex:none;margin:0}
/* "Reproduciendo" */
.f3-repro{display:none;position:absolute;left:104px;bottom:44px;padding:4px 10px;background:var(--f3-morado);color:#fff;font-size:13px;font-weight:700}
.f3-play[aria-pressed=true]+.f3-repro{display:block}
.f3-repro-l{display:none;color:var(--f3-amarillo);font-weight:700}.f3-ep:has(.f3-play[aria-pressed=true]) .f3-repro-l{display:inline}
