/* ==========================================================================
   Jimena Aguilar El Podcast — capa de podcast sobre style.css (media kit).
   Misma paleta, tipografías y lenguaje visual; aquí solo lo nuevo.
   ========================================================================== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Header fijo debajo de la barra de red Nueva Onda */
.site-header{top:var(--nob-offset,0px);transition:background .3s;}
.site-header.is-solid{background:rgba(60,10,53,0.92);}
.section{scroll-margin-top:calc(76px + var(--nob-offset,0px));}

/* Lockup: logo del programa | Nueva Onda */
.ja-lockup{display:flex;align-items:center;gap:14px;}
.ja-lockup a{display:flex;align-items:center;}
.ja-lockup__show img{height:32px;width:auto;}
.ja-lockup__sep{width:1px;height:26px;background:rgba(255,255,255,0.4);}
.ja-lockup__no img{height:26px;width:auto;}
.ja-lockup--footer .ja-lockup__show img{height:44px;}
.ja-lockup--footer .ja-lockup__no img{height:34px;}
.ja-lockup--footer .ja-lockup__sep{height:34px;}

/* ---------- Hero ---------- */
.hero-left{top:46%;}
.hero-logo-wrap img{max-width:440px;margin-bottom:18px;}
.ja-h1{font-family:var(--font-serif);font-size:clamp(30px,3.4vw,48px);line-height:1.05;margin:0 0 14px;font-weight:700;font-style:italic;}
.ja-h1 em{color:var(--yellow);}
.ja-lead{font-size:15px;line-height:1.65;opacity:.9;max-width:520px;margin:0 0 26px;}
.ja-hero-no{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.9;}
.ja-hero-no img{height:40px;width:auto;}
.ja-hero-no:hover{opacity:1;}

/* ---------- Secciones nuevas ---------- */
.ja-section{background:var(--plum-dark);}
.ja-wrap{max-width:var(--max-width);margin:0 auto;}
.ja-eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-style:italic;font-weight:600;color:var(--mint);margin:0 0 10px;}
.ja-h2{font-family:var(--font-serif);font-size:clamp(28px,3.2vw,44px);line-height:1.1;margin:0 0 18px;font-weight:700;}
.ja-h3{font-family:var(--font-sans);font-size:18px;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.04em;margin:34px 0 16px;color:var(--yellow);}
.ja-text{font-size:15.5px;line-height:1.75;opacity:.9;margin:0 0 16px;}
.ja-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:24px 0;}
.ja-link{font-weight:600;color:var(--yellow);text-decoration:underline;text-underline-offset:4px;}
.ja-center{text-align:center;margin-top:34px;}
.ja-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:30px;}
.ja-head--center{flex-direction:column;align-items:center;text-align:center;}

/* Último episodio */
.ja-ultimo{background:radial-gradient(ellipse at 20% 30%, #c41487 0%, #6e1259 45%, #3c0a35 100%);}
.ja-ultimo__grid{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:56px;align-items:center;padding:40px 0;}
.ja-ultimo__cover{margin:0;}
.ja-ultimo__cover img{width:100%;height:auto;border-radius:28px;box-shadow:0 30px 60px rgba(0,0,0,.45);border:2px solid rgba(255,140,205,.5);}

/* Tarjetas de episodio */
.ja-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}
.ja-ep{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:22px 22px 18px;border-radius:22px;
  background:rgba(255,255,255,0.06);border:2px solid rgba(255,140,205,0.35);transition:border-color .25s, transform .25s, background .25s;transition-delay:calc(var(--i,0) * 40ms);}
.ja-ep:hover{border-color:var(--pink-bright);background:rgba(255,255,255,0.09);transform:translateY(-3px);}
.ja-ep__link{display:block;}
.ja-ep__meta{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-bottom:8px;}
.ja-ep h3{font-size:17px;line-height:1.3;margin:0 0 8px;font-weight:700;}
.ja-ep p{font-size:13.5px;line-height:1.6;opacity:.8;margin:0;}
.ja-ep__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ja-ep__nn{font-size:12.5px;font-weight:600;color:var(--yellow);}
.ja-play{width:44px;height:44px;border-radius:50%;border:none;background:var(--white);color:var(--magenta);display:grid;place-items:center;flex-shrink:0;transition:transform .2s;}
.ja-play:hover{transform:scale(1.08);}
.ja-play svg, .mp-play svg{width:20px;height:20px;fill:currentColor;}
.i-pause{display:none;}
.is-playing .i-play{display:none;}
.is-playing .i-pause{display:inline;}

/* Temas */
.ja-temas__chips{display:flex;flex-direction:column;justify-content:center;gap:18px;}
.ja-chips{display:flex;flex-wrap:wrap;gap:10px;}
.ja-chips li{padding:9px 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.45);font-size:13.5px;font-weight:600;font-style:italic;}
.ja-chips li:nth-child(3n+1){border-color:#F8549C;}
.ja-chips li:nth-child(3n+2){border-color:#15F2CF;}
.ja-chips li:nth-child(3n){border-color:#F6EB91;}
.ja-temas__chips .btn{align-self:flex-start;}

/* Plataformas */
.ja-escucha{background:linear-gradient(180deg,#3c0a35 0%,#6e1259 100%);}
.ja-plats{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px;}
.ja-plat{display:flex;flex-direction:column;gap:6px;padding:26px;border-radius:22px;background:rgba(255,255,255,0.07);border:2px solid rgba(255,255,255,.18);transition:transform .25s, border-color .25s;}
.ja-plat:hover{transform:translateY(-4px);border-color:var(--yellow);}
.ja-plat b{font-size:20px;font-style:italic;}
.ja-plat span{font-size:13px;opacity:.8;}
.ja-plat--nn{background:linear-gradient(120deg,#d62dab 0%,#f05a28 100%);border-color:transparent;}
.ja-plat--nn img{height:44px;width:auto;align-self:flex-start;margin-bottom:8px;}
.ja-plat--nn span{opacity:1;}

/* Preguntas */
.ja-faq__grid{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:start;}
.ja-details{border-bottom:1px solid rgba(255,255,255,.14);padding:4px 0;}
.ja-details summary{cursor:pointer;list-style:none;padding:16px 34px 16px 0;font-weight:700;font-size:16px;position:relative;}
.ja-details summary::-webkit-details-marker{display:none;}
.ja-details summary::after{content:'+';position:absolute;right:4px;top:12px;font-size:24px;color:var(--mint);transition:transform .2s;}
.ja-details[open] summary::after{transform:rotate(45deg);}
.ja-details p{margin:0 0 16px;font-size:14.5px;line-height:1.7;opacity:.88;}

/* Capítulos / marcas de tiempo */
.ja-caps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;}
.ja-caps button{width:100%;text-align:left;background:none;border:none;color:#fff;font-size:14px;line-height:1.45;padding:8px 10px;border-radius:10px;display:flex;gap:12px;}
.ja-caps button:hover{background:rgba(255,255,255,.08);}
.ja-caps b{color:var(--yellow);font-variant-numeric:tabular-nums;flex-shrink:0;}

/* Red Nueva Onda */
.ja-red{background:var(--plum-dark);border-top:1px solid rgba(255,255,255,.08);}
.ja-red__logo{display:inline-block;}
.ja-red__logo img{height:46px;width:auto;margin:0 auto 14px;}
.ja-red__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.ja-red__item{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:18px;border:1.5px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);transition:border-color .25s;}
.ja-red__item:hover{border-color:#d62dab;}
.ja-red__item b{font-size:15px;}
.ja-red__item span{font-size:12.5px;opacity:.75;line-height:1.5;}

/* Páginas internas */
.ja-page main{padding-top:110px;min-height:70vh;}
.ja-crumbs{font-size:13px;opacity:.75;margin-bottom:22px;display:flex;gap:8px;flex-wrap:wrap;}
.ja-crumbs a{text-decoration:underline;text-underline-offset:3px;}
.ja-filter input{width:min(360px,100%);padding:13px 20px;border-radius:999px;border:1.5px solid rgba(255,255,255,.3);background:rgba(0,0,0,.2);color:#fff;font:inherit;font-size:14.5px;}
.ja-filter input:focus{outline:none;border-color:var(--mint);}
.ja-empty{text-align:center;opacity:.8;margin-top:30px;}
.ja-epi__top{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:center;margin-bottom:30px;}
.ja-epi__cover{width:100%;height:auto;border-radius:22px;box-shadow:0 20px 40px rgba(0,0,0,.4);}
.ja-epi__body{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start;}
.ja-epi__caps{position:sticky;top:calc(96px + var(--nob-offset,0px));padding:20px;border-radius:22px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,140,205,.35);}
.ja-epi__caps .ja-h3{margin-top:0;}
.ja-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:40px 0 10px;}
.ja-pn a{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:18px;border:1.5px solid rgba(255,255,255,.18);font-weight:600;font-size:14.5px;}
.ja-pn a:hover{border-color:var(--yellow);}
.ja-pn small{font-size:12px;opacity:.7;font-weight:500;}
.ja-pn__next{text-align:right;}

/* Footer */
.ja-footer{flex-direction:column;align-items:center;text-align:center;opacity:1;gap:18px;}
.ja-footer p{opacity:.7;margin:0;}
.ja-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:13.5px;}
.ja-footer__links a{opacity:.85;}
.ja-footer__links a:hover{opacity:1;color:var(--yellow);}

/* ---------- Reproductor (extiende .mini-player del media kit) ---------- */
.mini-player{bottom:calc(24px + var(--nob-bottom,0px));}
.mini-player.hidden-player{transform:translateY(calc(150px + var(--nob-bottom,0px)));pointer-events:none;}
.mp-cover{width:44px;height:44px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1.5px solid rgba(255,255,255,.3);}
.ja-playing .mp-cover{animation:mpPulse 1.6s ease-in-out infinite;}
.mp-info{width:200px;}
.mp-skip, .mp-speed{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;font-size:11.5px;font-weight:700;padding:6px 10px;flex-shrink:0;}
.mp-skip:hover, .mp-speed:hover{background:rgba(255,255,255,.25);}
.mp-reopen{bottom:calc(24px + var(--nob-bottom,0px));}
body{padding-bottom:96px;}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .ja-ultimo__grid, .ja-faq__grid, .ja-epi__body{grid-template-columns:1fr;gap:30px;}
  .ja-ultimo__cover{max-width:360px;margin:0 auto;}
  .ja-plats{grid-template-columns:1fr 1fr;}
  .ja-plat--nn{grid-column:1/-1;}
  .ja-red__grid{grid-template-columns:repeat(2,1fr);}
  .ja-epi__caps{position:static;}
  .ja-lead{margin-left:auto;margin-right:auto;}
  .ja-hero-no{align-items:center;}
  .ja-temas__chips{align-items:center;text-align:center;}
  .ja-chips{justify-content:center;}
  .ja-temas__chips .btn{align-self:center;}
  .hero-left{top:auto;}
}
@media (max-width:760px){
  .mp-info{width:auto;}
  .mp-skip{order:2;}
  .mp-speed{order:5;}
  .ja-lockup__show img{height:26px;}
  .ja-lockup__no img{height:20px;}
  .ja-lockup__sep{height:20px;}
  .ja-epi__top{grid-template-columns:1fr;text-align:center;}
  .ja-epi__cover{max-width:220px;margin:0 auto;}
  .ja-epi__top .ja-actions{justify-content:center;}
}
@media (max-width:620px){
  .ja-plats, .ja-red__grid, .ja-pn{grid-template-columns:1fr;}
  .ja-pn__next{text-align:left;}
  .ja-head{flex-direction:column;align-items:flex-start;}
  .ja-head--center{align-items:center;}
}
@media (max-width:620px){.nav-cta{display:none;}}

/* Notas de Nueva Onda */
.ja-notas{background:linear-gradient(180deg,#3c0a35 0%,#2a0726 100%);}
.ja-notas__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ja-nota{display:flex;flex-direction:column;gap:8px;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.06);border:2px solid rgba(255,140,205,.3);padding-bottom:18px;transition:transform .25s,border-color .25s;}
.ja-nota:hover{transform:translateY(-4px);border-color:var(--yellow);}
.ja-nota img{width:100%;aspect-ratio:3/2;object-fit:cover;}
.ja-nota__date{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;padding:0 18px;margin-top:6px;}
.ja-nota h3{font-size:16px;line-height:1.35;margin:0;padding:0 18px;}
@media (max-width:1024px){.ja-notas__grid{grid-template-columns:1fr 1fr;}}
@media (max-width:620px){.ja-notas__grid{grid-template-columns:1fr;}}

/* ===== Header común de la red Nueva Onda (píldora flotante, efecto glass) ===== */
.site-header{background:none!important;backdrop-filter:none!important;border:0;padding:12px 12px 0;}
.site-header .header-inner{max-width:min(var(--max-width),100%);padding:7px 10px 7px 22px;border-radius:999px;
  border:1px solid rgba(255,255,255,.18);background:rgba(60,10,53,.45);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);
  box-shadow:0 10px 34px rgba(0,0,0,.35);transition:background .3s;}
.site-header.is-solid .header-inner{background:rgba(60,10,53,.9);}
.site-header .nav-cta{border-radius:999px;background:#fff;color:var(--magenta);border-color:#fff;font-weight:700;}
.site-header .mobile-menu{margin:8px auto 0;max-width:min(var(--max-width),100%);border-radius:24px;}
.hamburger{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);padding:0 11px;}
@media (max-width:760px){.site-header .header-inner{padding:6px 6px 6px 16px;}}