/* Revisión 13 — equipos animados en #equipos.
   Las dos tarjetas (elevador articulado y plataforma de tijera) ya tenían
   una fotografía fija; se agrega un lienzo por encima con el equipo
   ilustrado, que ahora responde a la posición del mouse (ver
   equipment-motion.js). La fotografía original queda debajo y solo se
   oculta cuando el lienzo confirma que ya pintó un cuadro: si algo falla
   al cargar, la tarjeta se ve exactamente como antes de esta revisión. */
.equipment-rig {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .6s ease;
}
.equipos-ready .equipment-rig { opacity: 1; }
.equipos-ready > img { opacity: 0; transition: opacity .5s ease; }

@media (prefers-reduced-motion: reduce) {
  .equipment-rig, .equipos-ready > img { transition: none; }
}

/* Kevin pidió, tras la primera revisión, que el equipo se vea más grande
   dentro de su tarjeta: se agranda la tarjeta misma (el lienzo ya ocupa
   el 99% de ese espacio disponible, ver equipment-motion.js). */
.equipment-photo { height: clamp(420px, 36vw, 560px); }
@media (max-width: 680px) {
  .equipment-photo { height: 460px; }
}