/* Hero fondo: mobile uses lighter WebP asset (paths relative to pages/) */
@media (max-width: 900px) {
  .hero-bg::after {
    background-image: url('../img/fondo-mobile.webp');
    background-size: cover;
    background-position: center 28%;
    transform: translateY(-10.25rem);
  }
}