/* ═══════════════════════════════════════════════════════════════════════════
   Modo Enfoque · diseño «Constelación» (portada v4)
   Noche plata: casi negro, estrellas plata, oro de marca SOLO en lo que suena
   o se elige. Instrument Serif para lo que se lee, Geist Mono para etiquetas.
   Solo aspecto: no cambia ningún id, onclick ni la lógica de audio de app.js.
   Se carga la última para mandar sobre app.css, premium.css y tema-oscuro.css.
   ═══════════════════════════════════════════════════════════════════════════ */

#focusOverlay, #focusModeSelector, :is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal){
  --e-bg:#06080F; --e-bg-2:#0C1020; --e-ink:#ECEEF3; --e-muted:#868B99; --e-line:rgba(236,238,243,.10); --e-line-2:rgba(236,238,243,.18);
  --e-gold:#C9A84C; --e-gold-soft:#E6D3A0;
  --e-serif:"Instrument Serif", Georgia, serif; --e-ui:"Inter", system-ui, sans-serif; --e-mono:"Geist Mono", ui-monospace, monospace;
  --e-ease:cubic-bezier(.22,1,.36,1);
}

/* ── Fondo: el cielo de la portada ─────────────────────────────────────── */
#focusOverlay{ background:var(--e-bg) !important; color:var(--e-ink); font-family:var(--e-ui); padding:0 20px; }
#focusOverlay .focus-aura{ display:none; }
#focusOverlay .focus-bg{ position:fixed; background:radial-gradient(42% 34% at 50% 30%, rgba(201,168,76,.07), transparent 70%) !important; }
#focusOverlay .fx-stars, #focusOverlay .fx-starglow{ display:none !important; }
#focusOverlay .enf-sky{ position:fixed; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; transition:opacity .8s var(--e-ease); }
#focusOverlay .fx-rain, #focusOverlay .fx-clouds{ display:none !important; } /* los fondos ahora son espaciales y los pinta js/enfoque.js */
#focusOverlay .ic{ stroke-width:1.5; }

/* ── Barra superior ───────────────────────────────────────────────────── */
#focusOverlay .fx-topbar{ max-width:36rem; padding:16px 0; margin-bottom:8px; border-bottom:1px solid var(--e-line); }
#focusOverlay .fx-back{ width:40px; height:40px; border-radius:50%; border:1px solid var(--e-line-2); background:none; color:var(--e-ink); display:grid; place-items:center; box-shadow:none; transition:border-color .2s; }
#focusOverlay .fx-back:hover{ border-color:var(--e-ink); }
#focusOverlay .fx-title-eyebrow{ font:500 11px/1 var(--e-mono); letter-spacing:.24em; text-transform:uppercase; color:var(--e-ink); margin:0 .5em 0 0; opacity:1; }
#focusOverlay .fx-title{ flex-direction:row; align-items:baseline; justify-content:center; }
#focusOverlay .fx-title-main{ font:500 11px/1 var(--e-mono); letter-spacing:.24em; color:var(--e-ink); background:none; -webkit-text-fill-color:currentColor; }
#focusOverlay .fx-prem-badge{ font:500 10px/1 var(--e-mono); letter-spacing:.18em; color:var(--e-gold); background:none; border:1px solid rgba(201,168,76,.45); padding:7px 11px; border-radius:40px; box-shadow:none; }

/* ── Escenario ────────────────────────────────────────────────────────── */
#focusOverlay .focus-stage{ max-width:36rem; gap:26px; padding-bottom:7rem; }
#focusOverlay .focus-ref{ font:400 clamp(34px,7vw,48px)/1 var(--e-serif); letter-spacing:-.01em; text-transform:none; color:var(--e-ink); opacity:1; margin-top:18px; }
#focusOverlay .focus-streak{ font:500 10.5px/1.4 var(--e-mono); letter-spacing:.16em; text-transform:uppercase; color:var(--e-muted); background:none; border:0; }

/* ── Temporizador: anillo fino que se vacía, minutos en palabras ───────── */
#focusOverlay .fx-timer{ width:15.5rem; height:15.5rem; margin:0; }
#focusOverlay .fx-timer-glow{ display:none; }
#focusOverlay .fx-timer-svg circle:first-of-type{ stroke:rgba(236,238,243,.09); stroke-width:1.2; }
#focusOverlay .fx-timer-ring{ stroke:var(--e-gold); stroke-width:1.6; filter:drop-shadow(0 0 6px rgba(201,168,76,.45)); }
#focusOverlay .fx-timer-display{ display:none; }
#focusOverlay .enf-min{ display:flex; flex-direction:column; align-items:center; gap:6px; }
#focusOverlay .enf-min b{ font:400 92px/.85 var(--e-serif); letter-spacing:-.03em; color:var(--e-ink); font-weight:400; }
#focusOverlay .enf-min span{ font:500 10.5px/1 var(--e-mono); letter-spacing:.2em; text-transform:uppercase; color:var(--e-muted); }
#focusOverlay .fx-timer-label{ font:400 15px/1.3 var(--e-serif); font-style:italic; letter-spacing:0; text-transform:none; color:var(--e-gold-soft); margin-top:14px; }
#focusOverlay .fx-timer:hover .enf-min b{ color:#fff; }
#focusOverlay .fx-timer-ctrls{ gap:12px; }
#focusOverlay .fx-ctrl{ width:40px; height:40px; border-radius:50%; border:1px solid var(--e-line-2); background:none; color:var(--e-muted); box-shadow:none; }
#focusOverlay .fx-ctrl:hover{ color:var(--e-ink); border-color:var(--e-ink); }
#focusOverlay .fx-ctrl svg{ width:15px; height:15px; }
#focusOverlay .fx-ctrl svg path{ stroke-width:2; }

/* Duraciones: índice editorial; la elegida en cursiva y oro */
#focusOverlay .fx-presets{ max-width:none; gap:6px 22px; align-items:baseline; }
#focusOverlay .fx-presets button{ padding:4px 0; border:0; border-bottom:1px solid transparent; border-radius:0; background:none; box-shadow:none; font:400 28px/1 var(--e-serif); letter-spacing:0; color:var(--e-muted); transition:color .2s, border-color .2s; }
#focusOverlay .fx-presets button:hover{ color:var(--e-ink); background:none; }
#focusOverlay .fx-presets button.active{ background:none; color:var(--e-gold); font-style:italic; border-bottom-color:var(--e-gold); box-shadow:none; }
#focusOverlay .fx-presets::after{ content:"minutos"; flex-basis:100%; margin-top:8px; font:500 10.5px/1 var(--e-mono); letter-spacing:.2em; text-transform:uppercase; color:var(--e-muted); }

/* ── Solo música / Voz y música: pestañas con línea ───────────────────── */
#focusOverlay .fx-mode-switch{ width:100%; max-width:28rem; gap:0; padding:0; border:0; border-bottom:1px solid var(--e-line); border-radius:0; background:none; }
#focusOverlay .fx-mode-switch button{ padding:14px 0; margin-bottom:-1px; border-radius:0; border-bottom:1px solid transparent; background:none; box-shadow:none; color:var(--e-muted); font:500 14px/1 var(--e-ui); }
#focusOverlay .fx-mode-switch button .ic{ color:currentColor; }
#focusOverlay .fx-mode-switch button:hover{ color:var(--e-ink); }
#focusOverlay .fx-mode-switch button.active{ background:none; color:var(--e-ink); border-bottom-color:var(--e-gold); box-shadow:none; }
#focusOverlay .fx-mode-switch button.active .ic{ color:var(--e-gold); }
#focusOverlay .fx-divider{ width:100%; height:1px; background:var(--e-line); opacity:1; }

/* ── Meditación: el versículo manda ───────────────────────────────────── */
#focusOverlay .focus-verse-body{ font:400 clamp(26px,5.4vw,34px)/1.28 var(--e-serif); font-style:normal; letter-spacing:-.005em; color:var(--e-ink); max-width:30ch; }
#focusOverlay .focus-verse-wrap.breathing-on .focus-verse-body{ font-size:clamp(26px,5.4vw,34px); line-height:1.28; }
#focusOverlay .focus-verse-ref, #focusOverlay .focus-verse-wrap .vref{ font:500 11px/1 var(--e-mono); letter-spacing:.18em; text-transform:uppercase; color:var(--e-gold); }
#focusOverlay .focus-verse-nav{ gap:8px; }
#focusOverlay .focus-verse-nav button{ background:none; border:1px solid var(--e-line); border-radius:40px; box-shadow:none; color:var(--e-muted); font:500 10.5px/1 var(--e-mono); letter-spacing:.14em; text-transform:uppercase; padding:10px 14px; }
#focusOverlay .focus-verse-nav button:hover{ color:var(--e-ink); border-color:var(--e-line-2); }
#focusOverlay .fx-breath-toggle{ width:auto; align-self:center; background:none; border:1px solid rgba(201,168,76,.4); border-radius:40px; box-shadow:none; color:var(--e-gold); font:500 10.5px/1 var(--e-mono); letter-spacing:.16em; text-transform:uppercase; padding:11px 16px; }
#focusOverlay .fx-breath-toggle:hover, #focusOverlay .fx-breath-toggle.active{ background:var(--e-gold); color:var(--e-bg); border-color:var(--e-gold); }
#focusOverlay .fx-breath-ring{ border-color:rgba(201,168,76,.5); box-shadow:0 0 30px rgba(201,168,76,.15); background:none; }
#focusOverlay .fx-breath-word{ font:400 30px/1 var(--e-serif); font-style:italic; color:var(--e-ink); letter-spacing:0; text-transform:none; }
#focusOverlay .fx-breath-count{ font:500 11px/1 var(--e-mono); color:var(--e-muted); }

/* ── Play: claro, el único botón lleno ────────────────────────────────── */
#focusOverlay .focus-play{ width:72px; height:72px; background:var(--e-ink); color:var(--e-bg); box-shadow:0 0 0 8px rgba(236,238,243,.05); }
#focusOverlay .focus-play:hover{ background:#fff; }
#focusOverlay .focus-play svg{ width:26px; height:26px; fill:var(--e-bg); }

/* ── Secciones: etiqueta mono + línea, alineadas a la izquierda ───────── */
#focusOverlay .fx-section{ width:100%; text-align:left; padding-top:22px; border-top:1px solid var(--e-line); }
#focusOverlay .fx-label{ display:block; margin:0 0 14px; text-align:left; font:500 11px/1.4 var(--e-mono); letter-spacing:.2em; text-transform:uppercase; color:var(--e-ink); }
#focusOverlay .fx-label::before, #focusOverlay .fx-label::after{ display:none; }
#focusOverlay .fx-sublabel{ text-align:left; margin:-6px 0 14px; font-size:13.5px; color:var(--e-muted); }

/* Música de fondo: rejilla de hilo fino */
#focusOverlay .fx-cat-grid{ gap:0; border-top:1px solid var(--e-line); border-left:1px solid var(--e-line); }
#focusOverlay .fx-cat{ align-items:flex-start; gap:14px; padding:18px 16px; border:0; border-right:1px solid var(--e-line); border-bottom:1px solid var(--e-line); border-radius:0; background:none; box-shadow:none; color:var(--e-muted); transition:background .2s, color .2s; }
#focusOverlay .fx-cat:hover{ background:rgba(236,238,243,.03); color:var(--e-ink); }
#focusOverlay .fx-cat .fx-cat-emoji{ width:auto; height:auto; border:0; border-radius:0; background:none; box-shadow:none; color:var(--e-muted); }
#focusOverlay .fx-cat .fx-cat-emoji .ic{ width:20px; height:20px; }
#focusOverlay .fx-cat .fx-cat-name{ font:400 21px/1.1 var(--e-serif); text-align:left; color:var(--e-ink); }
#focusOverlay .fx-cat.active{ background:rgba(201,168,76,.06); box-shadow:inset 0 -2px 0 var(--e-gold); }
#focusOverlay .fx-cat.active .fx-cat-emoji{ background:none; color:var(--e-gold); box-shadow:none; }
#focusOverlay .fx-cat.active .fx-cat-name{ color:var(--e-gold); font-style:italic; font-weight:400; }
#focusOverlay .fx-shuffle-btn{ margin-top:14px; width:100%; padding:14px 0; border:0; border-bottom:1px solid var(--e-line); border-radius:0; background:none; box-shadow:none; color:var(--e-ink); text-align:left; }
#focusOverlay .fx-shuffle-btn b{ font-weight:500; }
#focusOverlay .fx-shuffle-btn small{ color:var(--e-muted); }
#focusOverlay .fx-switch{ background:rgba(236,238,243,.14); }
#focusOverlay .fx-shuffle-btn.active .fx-switch{ background:var(--e-gold); }

/* Tu mezcla */
#focusOverlay .focus-presets{ justify-content:flex-start; gap:8px; }
#focusOverlay .focus-preset-chip, #focusOverlay .focus-preset-add{ background:none; border:1px solid var(--e-line-2); border-radius:40px; box-shadow:none; color:var(--e-ink); }
#focusOverlay .focus-preset-chip:hover, #focusOverlay .focus-preset-add:hover{ border-color:var(--e-gold); }
#focusOverlay .focus-preset-chip .fp-apply{ background:none; color:inherit; font:500 13.5px/1 var(--e-ui); }
#focusOverlay .focus-preset-add{ color:var(--e-muted); font:500 13.5px/1 var(--e-ui); }

/* Mezclador: hilos finos */
#focusOverlay .focus-mixer{ width:100%; gap:14px; padding:20px 0 0; border:0; border-top:1px solid var(--e-line); border-radius:0; background:none; box-shadow:none; }
#focusOverlay .focus-mixer label{ font:500 10.5px/1 var(--e-mono); letter-spacing:.16em; text-transform:uppercase; color:var(--e-muted); }
#focusOverlay .focus-mixer b{ font:500 12px/1 var(--e-mono); color:var(--e-ink); }
#focusOverlay .focus-mixer input[type=range]{ accent-color:var(--e-gold); }

/* Píldoras de una sola línea: velocidad, versión, entorno */
#focusOverlay .fx-pill-row, #focusOverlay .fx-env, #focusOverlay .fx-bible-switch{ display:flex; flex-wrap:wrap; justify-content:flex-start; gap:4px 24px; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
#focusOverlay .fx-pill-row button, #focusOverlay .fx-env button, #focusOverlay .fx-bible-switch button{ flex:none; padding:8px 0; border:0; border-bottom:1px solid transparent; border-radius:0; background:none; box-shadow:none; color:var(--e-muted); font:500 14px/1 var(--e-ui); }
#focusOverlay .fx-pill-row button:hover, #focusOverlay .fx-env button:hover, #focusOverlay .fx-bible-switch button:hover{ color:var(--e-ink); background:none; }
#focusOverlay .fx-pill-row button.active, #focusOverlay .fx-env button.active, #focusOverlay .fx-bible-switch button.active{ background:none; color:var(--e-ink); border-bottom-color:var(--e-gold); box-shadow:none; }
#focusOverlay .fx-env button.active .ic, #focusOverlay .fx-bible-switch button.active .ic{ color:var(--e-gold); }
#focusOverlay .fx-bible-switch .fx-bible-prem{ color:var(--e-gold); }
#focusOverlay .focus-speed-hint{ color:var(--e-muted); text-align:left; }
#focusOverlay .focus-speed-hint button{ color:var(--e-gold); background:none; border:0; }

/* Reproduciendo ahora */
#focusOverlay .fx-now{ padding:18px 0; border:0; border-top:1px solid var(--e-line); border-bottom:1px solid var(--e-line); border-radius:0; background:none; box-shadow:none; text-align:left; }
#focusOverlay .fx-now-emblem{ width:44px; height:44px; border-radius:50%; border:1px solid rgba(201,168,76,.45); background:none; box-shadow:none; color:var(--e-gold); }
#focusOverlay .fx-now-eyebrow{ font:500 10.5px/1 var(--e-mono); letter-spacing:.18em; text-transform:uppercase; color:var(--e-muted); }
#focusOverlay .fx-now-title{ font:400 21px/1.15 var(--e-serif); color:var(--e-ink); }
#focusOverlay .fx-now-eq span{ background:var(--e-gold); }

/* Sesión completada */
#focusOverlay .fx-done{ background:rgba(6,8,15,.86); backdrop-filter:blur(10px); }
#focusOverlay .fx-done-card{ background:var(--e-bg-2); border:1px solid var(--e-line); border-radius:4px; box-shadow:none; }
#focusOverlay .fx-done-ico{ background:none; border:1px solid rgba(201,168,76,.5); color:var(--e-gold); box-shadow:none; }
#focusOverlay .fx-done-card h2{ font:400 40px/1 var(--e-serif); color:var(--e-ink); letter-spacing:-.01em; }
#focusOverlay .fx-done-card p{ color:var(--e-muted); }
#focusOverlay .fx-done-pri{ background:var(--e-ink); color:var(--e-bg); border:0; border-radius:40px; box-shadow:none; }
#focusOverlay .fx-done-sec{ background:none; color:var(--e-ink); border:1px solid var(--e-line-2); border-radius:40px; }

@media (max-width:600px){
  #focusOverlay .fx-timer{ width:13.5rem; height:13.5rem; }
  #focusOverlay .enf-min b{ font-size:78px; }
  #focusOverlay .fx-presets{ gap:6px 16px; }
  #focusOverlay .fx-presets button{ font-size:24px; }
  #focusOverlay .fx-cat-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-height:760px){
  #focusOverlay .fx-timer{ width:12.5rem; height:12.5rem; }
  #focusOverlay .enf-min b{ font-size:70px; }
}

/* ── Selector «¿Cómo quieres entrar?» y venta del Modo Enfoque ─────────── */
#focusModeSelector .modal-card, :is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .modal-card{ background:var(--e-bg-2); border:1px solid var(--e-line); border-radius:4px; box-shadow:0 40px 80px -30px rgba(0,0,0,.8); color:var(--e-ink); font-family:var(--e-ui); text-align:left; }
#focusModeSelector .modal-close, :is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .modal-close{ color:var(--e-muted); background:none; }
#focusModeSelector .modal-title, :is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .modal-title{ font:400 40px/1 var(--e-serif); letter-spacing:-.01em; color:var(--e-ink); text-align:left; background:none; -webkit-text-fill-color:currentColor; text-transform:none; }
#focusModeSelector .enf-q, :is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .enf-eyebrow{ display:block; margin:0 0 12px; font:500 10.5px/1 var(--e-mono); letter-spacing:.2em; text-transform:uppercase; color:var(--e-gold); }
#focusModeSelector .focus-mode-options{ gap:0; margin-top:22px; border-top:1px solid var(--e-line); }
#focusModeSelector .focus-mode-opt{ padding:20px 0; border:0; border-bottom:1px solid var(--e-line); border-radius:0; background:none; box-shadow:none; text-align:left; transition:padding .25s var(--e-ease); }
#focusModeSelector .focus-mode-opt:hover{ padding-left:8px; background:none; }
#focusModeSelector .fmo-icon{ width:44px; height:44px; border-radius:50%; border:1px solid rgba(201,168,76,.45); background:none; color:var(--e-gold); box-shadow:none; }
#focusModeSelector .fmo-text strong{ font:400 24px/1.1 var(--e-serif); color:var(--e-ink); }
#focusModeSelector .fmo-text small{ color:var(--e-muted); font-size:13.5px; }

:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .modal-icon{ display:none; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .focus-premium-badge{ display:none; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .modal-subtitle{ margin:16px 0 0; color:var(--e-muted); font-size:15.5px; line-height:1.55; text-align:left; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .modal-subtitle em{ color:var(--e-ink); font-style:normal; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .teaser-list{ margin:22px 0 0; padding:0; border-top:1px solid var(--e-line); }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .teaser-list li{ padding:13px 0; border-bottom:1px solid var(--e-line); color:var(--e-ink); font-size:14.5px; background:none; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .teaser-list li span{ background:none; border:0; color:var(--e-gold); box-shadow:none; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .teaser-price{ margin-top:20px; background:none; border:0; padding:0; text-align:left; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .teaser-promo{ display:none; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .plan-toggle{ gap:0; border:1px solid var(--e-line); border-radius:4px; background:none; padding:0; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .plan-toggle button{ border:0; border-radius:0; background:none; box-shadow:none; color:var(--e-muted); padding:14px 10px; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .plan-toggle button + button{ border-left:1px solid var(--e-line); }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .plan-toggle button strong{ font:400 30px/1 var(--e-serif); color:var(--e-ink); }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .plan-toggle button .plan-name, :is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .plan-toggle button small{ font:500 10px/1.4 var(--e-mono); letter-spacing:.16em; text-transform:uppercase; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .plan-toggle button.active{ background:rgba(201,168,76,.08); box-shadow:inset 0 -2px 0 var(--e-gold); }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .plan-toggle button.active strong{ color:var(--e-gold); }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .teaser-price > small{ display:block; margin-top:12px; color:var(--e-muted); }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .share-btn.gold{ background:var(--e-gold) !important; color:var(--e-bg) !important; border:0; border-radius:40px; box-shadow:0 0 34px -6px rgba(201,168,76,.5); font:600 15px/1 var(--e-ui) !important; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .share-btn.gold:hover{ background:var(--e-ink) !important; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .focus-coupon-toggle{ color:var(--e-muted); background:none; border:0; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .focus-coupon-box input{ background:none; border:1px solid var(--e-line-2); border-radius:40px; color:var(--e-ink); }

@media (prefers-reduced-motion:reduce){ #focusOverlay .enf-sky{ display:none; } }

/* Ajustes de las dos ventanas: cerrar visible, una sola marca por renglón, texto de interfaz */
#focusModeSelector .modal-card, :is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .modal-card{ position:relative; }
#focusModeSelector .modal-close, :is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .modal-close{ position:absolute; top:14px; right:14px; left:auto; width:36px; height:36px; display:grid; place-items:center; padding:0; border:1px solid var(--e-line-2); border-radius:50%; font:300 20px/1 var(--e-ui); color:var(--e-muted); }
#focusModeSelector .modal-close:hover, :is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .modal-close:hover{ color:var(--e-ink); border-color:var(--e-ink); }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .teaser-list li::before{ display:none; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .teaser-list li{ display:flex; align-items:flex-start; gap:12px; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .modal-subtitle, #focusModeSelector .fmo-text small{ font-family:var(--e-ui); font-style:normal; }

/* Las tres ventanas Premium (Enfoque, RV-SDV, Podcast) son UNA sola pieza visual */
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .share-btn.ghost{ background:none !important; border:1px solid var(--e-line-2) !important; border-radius:40px; color:var(--e-ink) !important; box-shadow:none; font:500 14px/1 var(--e-ui) !important; }
:is(#focusTeaser,#rvsdvPremiumModal,#podcastPremiumModal) .share-btn.ghost:hover{ border-color:var(--e-ink) !important; }

/* Voces que vienen (Premium): visibles en el selector, sin poder elegirse aún */
#focusOverlay .fx-bible-switch .fx-bible-soon{ color:var(--e-muted); opacity:.6; cursor:default; }
#focusOverlay .fx-bible-switch .fx-bible-soon:hover{ color:var(--e-muted); }
#focusOverlay .fx-bible-soon span{ margin-left:6px; font:500 9.5px/1 var(--e-mono); letter-spacing:.16em; text-transform:uppercase; color:var(--e-gold); }
#focusOverlay .fx-soon-hint{ display:block; margin-top:10px; max-width:340px; font:400 12.5px/1.5 var(--e-ui); color:var(--e-muted); }
#focusOverlay .fx-soon-hint b{ color:var(--e-ink); font-weight:500; }