/* Ajustes transversales por breakpoint - seccion 50 del encargo (320 a 1920px). */
@media (max-width: 480px) {
    .container { padding-inline: var(--space-3); }
    h1 { font-size: 1.6rem; }
    .hero { min-height: 70vh; }
}

@media (min-width: 1440px) {
    .container { max-width: 1320px; }
}

@media (min-width: 1920px) {
    .container { max-width: 1480px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}