[data-foto-slot]:not(.hero__foto) { position: relative; overflow: hidden; }
[data-foto-slot] > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--foco, 50% 50%); display: block; border-radius: inherit; }
.foto { border-radius: var(--foto-r, 0); background: var(--foto-fundo); }
@media (max-width: 1000px) {
  .hero__foto[data-foto-slot]:has(> img) { position: relative; inset: auto; order: 2; width: auto; height: auto; aspect-ratio: 3 / 2; margin: 32px clamp(16px, 4vw, 40px) 0; opacity: 1; overflow: hidden; border-radius: var(--foto-r); box-shadow: var(--sombra-foto); }
  .hero__foto[data-foto-slot]:has(> img)::after { display: none; }
}