/* Foco animado del hero (entre "GENERAMOS…" y la barra inferior) */
.hero-foco{
  width:clamp(220px,min(30vw,40vh*1.44),460px);
  margin:clamp(20px,4.5vh,56px) auto clamp(8px,2vh,24px);
  pointer-events:none;
  opacity:0;transform:translateY(12px) scale(.97);
  animation:focoIn 700ms cubic-bezier(.23,1,.32,1) 300ms forwards;
}
.hero-foco canvas{display:block;width:100%;height:auto}
@keyframes focoIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hero-foco{animation:none;opacity:1;transform:none}}
@media (max-width:640px){.hero-foco{width:min(72vw,300px)}}