/* Lectura viva — el texto sigue a la voz (js/lectura-viva.js). Noche plata + oro solo en lo que suena. */
#listen .lv-switch{ display:inline-flex; align-items:center; gap:8px; margin-top:10px; padding:6px 12px 6px 10px; border:1px solid rgba(236,238,243,.14); border-radius:99px; background:none; color:#868B99; font:500 10.5px/1 "Geist Mono",ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; cursor:pointer; transition:color .2s,border-color .2s; }
#listen .lv-switch[hidden]{ display:none; }
#listen .lv-switch:hover{ color:#ECEEF3; }
#listen .lv-switch .lv-dot{ width:7px; height:7px; border-radius:50%; background:#3a3f4d; transition:background .2s,box-shadow .2s; }
#listen .lv-switch.on{ color:#ECEEF3; border-color:rgba(201,168,76,.45); }
#listen .lv-switch.on .lv-dot{ background:#C9A84C; box-shadow:0 0 10px rgba(201,168,76,.8); }

/* En el capítulo: nada se apaga ni se mueve; solo un fondo suave en el versículo que suena */
#listen .lv-activa .verse-line{ border-radius:10px; transition:background-color .35s ease, box-shadow .35s ease; }
#listen .lv-activa .verse-line.lv-verso{ background:rgba(201,168,76,.07); box-shadow:0 0 0 6px rgba(201,168,76,.07); }
@media (prefers-reduced-motion:reduce){ #listen .lv-activa .verse-line{ transition:none; } }