/* ==========================================================================
   main.css — Hoja de estilos principal
   Importa los módulos en el orden de la cascada. NO añadas reglas aquí:
   crea o edita el módulo correspondiente.
   Nota: @import funciona al abrir el archivo en local. Para producción se
   podrían concatenar los archivos en uno solo (ver docs/ARQUITECTURA.md).
   ========================================================================== */

@import url("variables.css");   /* 1. Tokens de diseño */
@import url("base.css");        /* 2. Estilos base y tipografía */
@import url("layout.css");      /* 3. Contenedores y rejillas */
@import url("components.css");  /* 4. Componentes */
@import url("forms.css");       /* 5. Formulario */
@import url("responsive.css");  /* 6. Adaptaciones por pantalla */
@import url("refinements.css"); /* 7. Ajustes de diseño sobre lo anterior */
@import url("animations.css");  /* 8. Capa de movimiento (al final: solo añade, no cambia el diseño) */