/* Pulso — cuadrícula 10x10 de 50x50 px en una esquina, discreta.
   Se sincroniza a sites/<sitio>/assets/pulse.css con shared/sync-assets.sh.
   Cada sitio puede afinar los colores con --pulso-1..5, --pulso-off y --pulso-papel/tinta/linea;
   los valores por defecto de aquí funcionan en fondo claro y en fondo oscuro. */
.pulse {
  position: fixed;
  left: 0.9rem;
  bottom: 0.9rem;
  width: 50px;
  height: 50px;
  z-index: 40;
  opacity: 0.22;
  pointer-events: none;
}
.pulse svg { display: block; width: 50px; height: 50px; }

.pulse .cube { fill: currentColor; }
.pulse .cube-off { fill: var(--pulso-off, #8892a8); opacity: 0.14; }
.pulse .tick { fill: currentColor; opacity: 0.85; }

/* La escala en curso también va en el color del cubo (redundante con las marcas). */
.pulse[data-scale="0"] { color: var(--pulso-1, #6b7590); }
.pulse[data-scale="1"] { color: var(--pulso-2, #3a6fd8); }
.pulse[data-scale="2"] { color: var(--pulso-3, #b8930a); }
.pulse[data-scale="3"] { color: var(--pulso-4, #b4515c); }
.pulse[data-scale="4"] { color: var(--pulso-5, #3f8f6a); }

/* Cifra exacta: solo aparece con #pulso en la URL. */
.pulse-read {
  position: fixed;
  left: 0.9rem;
  bottom: 3.6rem;
  z-index: 40;
  font-family: var(--mono, ui-monospace, Menlo, Consolas, monospace);
  font-size: 0.68rem;
  line-height: 1.5;
  white-space: pre;
  color: var(--pulso-tinta, #14192a);
  background: var(--pulso-papel, #fff);
  border: 1px solid var(--pulso-linea, rgba(128, 138, 160, 0.4));
  border-radius: 6px;
  padding: 0.4rem 0.55rem;
}
.pulse-read[hidden] { display: none; }

@media (max-width: 40rem) {
  .pulse { left: 0.5rem; bottom: 0.5rem; opacity: 0.16; }
}