/* Alivia · Escuchar. Noche siempre en tonos oscuros (se usa ya en la cama); mañana y meditación en tonos claros y cálidos. */
.noche{
  --n-fondo:#171315;--n-sup:#1f1a1d;--n-alt:#2a2226;--n-borde:#443a3e;
  --n-tinta:#efe6e8;--n-media:#a3969a;--n-tenue:#8e8185;--n-acento:#da9cba;--n-acento-suave:#33202a;--n-sobre:#171315;--n-hoy-borde:#5a3a4a;--n-frase:#cdbcc3;
  background:var(--n-fondo);color:var(--n-tinta);border-radius:16px;padding:22px 18px 20px;
  font-family:var(--fuente-texto,system-ui,sans-serif);
}
.noche *{box-sizing:border-box}
.noche-eyebrow{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--n-media);font-weight:600;margin:0 0 6px}
.noche-acento{color:var(--n-acento)}
.noche-titulo{font-family:var(--fuente-titular,Georgia,serif);font-weight:500;font-size:30px;line-height:1.15;margin:0 0 8px;color:var(--n-tinta)}
.noche-sub{color:var(--n-media);font-size:14px;line-height:1.55;margin:0 0 18px}
.noche-voces{display:grid;grid-template-columns:1fr 1fr;background:var(--n-alt);border-radius:999px;padding:4px;margin-bottom:16px}
.noche-voces button{border:0;background:transparent;color:var(--n-media);font:500 14px var(--fuente-texto,system-ui);min-height:42px;border-radius:999px;cursor:pointer}
.noche-voces button span{font-size:11px;opacity:.8}
.noche-voces button[aria-pressed=true]{background:var(--n-acento);color:var(--n-sobre);font-weight:600}
.noche-hoy{background:var(--n-acento-suave);border:1px solid var(--n-hoy-borde);border-radius:14px;padding:16px;margin-bottom:22px;scroll-margin-top:12px}
.noche-hoy-titulo{font-family:var(--fuente-titular,Georgia,serif);font-weight:500;font-size:22px;line-height:1.2;margin:2px 0 6px;color:var(--n-tinta)}
.noche-frase{font-size:14px;line-height:1.5;color:var(--n-frase);margin:0 0 14px}
.noche-reproductor{display:flex;align-items:center;gap:14px}
.noche-play{flex:0 0 auto;width:60px;height:60px;border-radius:50%;border:0;background:var(--n-acento);color:var(--n-sobre);display:flex;align-items:center;justify-content:center;cursor:pointer}
.noche-play svg{width:26px;height:26px}
.noche-play:disabled{opacity:.45;cursor:default}
.noche-play:focus-visible,.noche button:focus-visible,.noche-barra:focus-visible{outline:2px solid var(--n-tinta);outline-offset:2px}
.noche-cargando{width:22px;height:22px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--n-sobre) 30%,transparent);border-top-color:var(--n-sobre)}
@media (prefers-reduced-motion:no-preference){.noche-cargando{animation:noche-giro 1s linear infinite}}
@keyframes noche-giro{to{transform:rotate(360deg)}}
.noche-barra-caja{flex:1;min-width:0}
.noche-barra{width:100%;accent-color:var(--n-acento);margin:0;height:28px;background:transparent}
.noche-tiempos{display:flex;justify-content:space-between;font-size:12px;color:var(--n-media);font-variant-numeric:tabular-nums}
.noche-guardar,.noche-mas{display:block;width:100%;margin-top:14px;min-height:44px;border-radius:10px;border:1px solid var(--n-borde);background:transparent;color:var(--n-tinta);font:500 14px var(--fuente-texto,system-ui);cursor:pointer}
.noche-mas{margin-top:18px;border-color:var(--n-acento);color:var(--n-acento)}
.noche-estado{min-height:1em;font-size:13px;color:var(--n-media);margin:10px 0 0}
.noche-estado:empty{display:none}
.noche-lista-titulo{margin-top:4px}
.noche-lista{border-top:1px solid var(--n-alt)}
.noche-fila{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--n-alt);color:var(--n-tinta);padding:13px 2px;min-height:56px;cursor:pointer;font:15px var(--fuente-texto,system-ui)}
.noche-fila strong{font-weight:500;display:block;line-height:1.35}
.noche-fila small{display:block;font-size:12px;color:var(--n-tenue);margin-top:2px}
.noche-fila.es-hoy strong::after{content:' · hoy';color:var(--n-acento);font-weight:600}
.noche-fila[aria-current] strong{color:var(--n-acento)}
.noche-fila-meta{flex:0 0 auto;font-size:12.5px;color:var(--n-media);font-variant-numeric:tabular-nums}
.noche-fila-meta svg{width:18px;height:18px;display:block}
.noche-nota{font-size:12.5px;line-height:1.55;color:var(--n-tenue);margin:16px 0 0}

.noche.momento-manana,.noche.momento-meditacion{
  --n-fondo:#fbf6f1;--n-sup:#fff;--n-alt:#f0e6df;--n-borde:#dccbc2;
  --n-tinta:#2d2326;--n-media:#6e5f63;--n-tenue:#7a6b6f;--n-acento:#a8476f;--n-acento-suave:#f7e7ec;--n-sobre:#fff;--n-hoy-borde:#eccbd7;--n-frase:#5b4a50;
  border:1px solid #efe2da;
}
.noche.momento-meditacion{--n-fondo:#f5f4f7;--n-alt:#e8e5ee;--n-borde:#d3cede;--n-acento:#6a548f;--n-acento-suave:#ece8f4;--n-hoy-borde:#d6cde6;--n-frase:#4d4559;border-color:#e3dfeb}
.noche.momento-meditacion .noche-play:disabled,.noche.momento-manana .noche-play:disabled{opacity:.5}
.noche-momentos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 16px}
.noche-momentos button{border:1px solid var(--n-borde);background:transparent;color:var(--n-media);font:500 14px var(--fuente-texto,system-ui);min-height:42px;border-radius:10px;cursor:pointer}
.noche-momentos button[aria-selected=true]{border-color:var(--n-acento);color:var(--n-acento);font-weight:600;background:var(--n-acento-suave)}
.noche-momento-eyebrow{color:var(--n-acento)}