/* Demostración del hero · fase Claude: focos sobre el mensaje y la herramienta,
   y resaltado de las líneas WARNING del log en el panel de DalIA. */
.camera--claude { animation-name: cameraClaude; }

.cspot, .crow { position: absolute; opacity: 0; animation-duration: var(--loop); animation-iteration-count: infinite; }
.cspot { border-radius: 12px; border: 2px solid #d97757; box-shadow: 0 0 22px rgba(217, 119, 87, 0.65); }
.cspot--1 { left: 30%; top: 4.5%; width: 24.2%; height: 9.6%; animation-name: cspot1; }
.cspot--2 { left: 4%; top: 20.3%; width: 23%; height: 6.4%; animation-name: cspot2; }

.crow {
  left: 60.2%;
  width: 38.4%;
  height: 4.6%;
  border-radius: 8px;
  border: 2px solid #f0b54a;
  background: rgba(240, 181, 74, 0.18);
  box-shadow: 0 0 14px rgba(240, 181, 74, 0.6);
}
.crow--1 { top: 31.6%; animation-name: crow1; }
.crow--2 { top: 44.9%; animation-name: crow2; }