/* ============================================================
   AZRE LANDING — Entry point de estilos
   Orden de importación: tokens → tipografía → componentes
                         → modal → mobile → overrides AOS
   ============================================================ */

@import './tokens.css';
@import './typography.css';
@import './components.css';
@import './modal.css';
@import './mobile.css';

/* ---- Overrides y ajustes de AOS ---- */
[data-aos] {
    /* Asegurar que AOS no cause scroll horizontal */
    overflow: hidden;
}

/* ---- Utilidades de sección ---- */
.section-py { padding-top: var(--space-32); padding-bottom: var(--space-32); }
@media (max-width: 768px) {
    .section-py { padding-top: var(--space-16); padding-bottom: var(--space-16); }
}

.container-max {
    max-width: 80rem;   /* 1280px */
    margin: 0 auto;
    padding: 0 var(--space-6);
}
@media (max-width: 640px) {
    .container-max { padding: 0 var(--space-4); }
}