/* ================================================
   STYLES.CSS — AGREGADOR DE MÓDULOS
   ================================================
   Orden de importación:
   1. Variables (tokens primero, sin dependencias)
   2. Base (reset y tipografía)
   3. Layout (contenedor y secciones)
   4. Componentes (header → hero → botones → cards → carrusel)
   5. Secciones de contenido
   6. Footer
   7. Modales y widgets flotantes
   8. Animaciones y keyframes
   9. Responsive (media queries al final)
   ================================================ */

/* 1 ── Tokens */
@import url("variables.css");

/* 2 ── Base */
@import url("base.css");

/* 3 ── Layout */
@import url("layout.css");

/* 4 ── Componentes */
@import url("header.css");
@import url("hero.css");
@import url("buttons.css");
@import url("cards.css");
@import url("carousel.css");

/* 5 ── Secciones de contenido */
@import url("sections.min.css");

@import url("instagram.css");

/* 6 ── Footer */
@import url("footer.css");

/* 7 ── Modales y widgets */
@import url("modals.min.css");

/* 8 ── Animaciones */
@import url("animations.css");

/* 9 ── Responsive (siempre al final) */
@import url("responsive.min.css");