/* Pulso de Jarvis: franja inferior con rejilla tenue, como el monitor de referencia. */

.pulso {
  position: relative;
  height: 96px;
  flex-shrink: 0;
  border-top: 1px solid var(--grafito-3, #2c3038);
  background:
    linear-gradient(to right, rgba(var(--pulso-rgb, 217, 154, 82), 0.05) 1px, transparent 1px) 0 0 / 24px 100%,
    linear-gradient(to bottom, rgba(var(--pulso-rgb, 217, 154, 82), 0.05) 1px, transparent 1px) 0 0 / 100% 16px,
    var(--pulso-fondo, var(--terminal, #0e1013));
  overflow: hidden;
  pointer-events: none;   /* nunca estorba al ratón */
}

.pulso-lienzo { display: block; }

.pulso-rotulo {
  position: absolute;
  right: 14px;
  bottom: 5px;
  font: 11px/1 var(--fuente-mono, Consolas, monospace);
  letter-spacing: 0.04em;
  color: var(--hueso-suave, #8b929c);
  opacity: 0.85;
}

/* Variante hospital: sin fondo propio (se ve el de cada pagina), sin borde y con
   la cuadricula casi invisible; el color de la traza lo pone pulso.js. */
.pulso.hospital { --pulso-rgb: 255, 107, 87; background:
    linear-gradient(to right, rgba(var(--pulso-rgb), 0.035) 1px, transparent 1px) 0 0 / 24px 100%,
    linear-gradient(to bottom, rgba(var(--pulso-rgb), 0.035) 1px, transparent 1px) 0 0 / 100% 16px;
  border-top: none; }

/* Modo flotante: franja fija abajo en paginas sueltas, sin tocar su maquetacion. */
.pulso.flotante { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; }