/* LexLift — color de confirmación al hacer clic (libro de marca) */
:root{ --lx-ok:#1F9D6B; --lx-ok-oscuro:#167A53; }
.lx-ok, .lx-ok:hover, .lx-ok:focus{
  background:var(--lx-ok) !important; color:#fff !important; border-color:var(--lx-ok-oscuro) !important;
  box-shadow:0 0 0 3px rgba(31,157,107,.25) !important;
  transition:background .12s ease, box-shadow .12s ease;
}
.lx-sonido-toggle{
  position:fixed; left:14px; bottom:14px; z-index:99999; padding:6px 12px; font-size:12px; border-radius:999px;
  background:#fff; color:#334155; border:1px solid #cbd5e1; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.lx-sonido-toggle:hover{ border-color:var(--lx-ok); }
.lx-guardado-ok{ color:var(--lx-ok-oscuro); font-weight:600; }
@media (prefers-reduced-motion: reduce){ .lx-ok{ transition:none; } }

/* Indicador discreto de carga en segundo plano ("Actualizando…") */
.lx-actualizando{
  position:fixed; left:50%; bottom:16px; transform:translate(-50%,12px); z-index:99998; display:flex; align-items:center; gap:8px;
  padding:7px 14px; border-radius:999px; background:#fff; color:#334155; border:1px solid #cbd5e1; font-size:12.5px; font-weight:600;
  box-shadow:0 2px 10px rgba(0,0,0,.14); opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;
}
.lx-actualizando.visible{ opacity:1; transform:translate(-50%,0); }
.lx-actualizando-giro{ width:13px; height:13px; border-radius:50%; border:2px solid #cbd5e1; border-top-color:var(--lx-ok); animation:lx-giro .8s linear infinite; }
@keyframes lx-giro{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce){ .lx-actualizando{ transition:none; } .lx-actualizando-giro{ animation:none; border-top-color:var(--lx-ok); } }

.lx-pastilla-ok{ position:fixed; top:18px; left:50%; transform:translateX(-50%); z-index:99999; background:var(--lx-ok); color:#fff; font-weight:700; font-size:14px; padding:8px 18px; border-radius:999px; box-shadow:0 4px 16px rgba(31,157,107,.4); transition:opacity .3s ease; pointer-events:none; }
.lx-pastilla-ok.sale{ opacity:0; }