/**
 * ============================================
 * CSS PRINCIPAL - AB360
 * ============================================
 * 
 * Archivo principal que importa todos los módulos CSS
 * en el orden correcto para evitar conflictos de especificidad.
 * 
 * ORDEN DE IMPORTS (CRÍTICO):
 * 1. Base (variables, reset, typography)
 * 2. Layout (grid, sections, containers)
 * 3. Components (botones, cards, forms, etc.)
 * 4. Utilities (helpers, helpers responsive)
 * 
 * Ventajas de esta estructura:
 * - Mantenimiento simplificado
 * - Carga más rápida (puede ser minificado)
 * - Fácil localización de estilos
 * - Escalable y modular
 * 
 * NOTA: Durante la migración, mantener también styles.css
 * para compatibilidad con estilos no migrados aún.
 */

/* ========================================
   BASE
   ======================================== */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

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

/* ========================================
   COMPONENTS
   ======================================== */
@import url('./components/header.css');
@import url('./components/hero.css');
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/menu.css');
@import url('./components/forms.css');
@import url('./components/modal.css');
        @import url('./components/carousel.css');
        @import url('./components/team-cards-extended.css');

/* ========================================
   UTILITIES
   ======================================== */
@import url('./utilities/helpers.css');
@import url('./utilities/responsive.css');