/* ==========================================
   MAIN CSS — Punto de entrada del sistema de estilos
   
   Arquitectura Limpia:
   Importa todos los módulos CSS en el orden correcto.
   Principio Open/Closed: para añadir estilos de una
   sección nueva, solo se crea un archivo nuevo y se 
   importa aquí, sin modificar los existentes.
   ========================================== */

/* === BASE === */
@import url('./base/_variables.css');
@import url('./base/_reset.css');
@import url('./base/_utilities.css');

/* === COMPONENTES REUTILIZABLES === */
@import url('./components/_buttons.css');
@import url('./components/_cards.css');
@import url('./components/_modal.css');

/* === SECCIONES === */
@import url('./sections/_navbar.css');
@import url('./sections/_hero.css');
@import url('./sections/_services.css');
@import url('./sections/_showcase.css');
@import url('./sections/_projects.css');
@import url('./sections/_advantages.css');
@import url('./sections/_process.css');
@import url('./sections/_testimonials.css');
@import url('./sections/_cta.css');
@import url('./sections/_footer.css');

/* === LAYOUT === */
@import url('./layout/_responsive.css');