/**
 * MAIN CSS - CLEAN ARCHITECTURE
 * =============================
 * 
 * Archivo principal que importa todos los módulos CSS
 * en el orden correcto.
 * 
 * ORDEN DE CARGA:
 * 1. Core (reset, variables, typography)
 * 2. Components (buttons, cards, header, etc.)
 * 3. Layout (sections, footer)
 * 
 * USO: Solo cargar este archivo en HTML
 * <link rel="stylesheet" href="/assets/css/main.css">
 */

/* ==========================================================================
   1. CORE
   ========================================================================== */
@import url('core/reset.css');
@import url('core/variables.css');
@import url('core/common.css'); /* Container, breadcrumbs, estilos comunes */
@import url('core/typography.css');

/* ==========================================================================
   2. COMPONENTS
   ========================================================================== */
@import url('components/buttons.css');
@import url('components/header.css');
@import url('components/hero.css');
@import url('components/cards-unified.css');
@import url('components/newsletter.css');
@import url('components/blog-filters.css');
@import url('components/modal.css'); /* Modal de perfil y otros modales */
@import url('components/post-sidebar.css');

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

/* ==========================================================================
   4. PAGE-SPECIFIC OVERRIDES
   ========================================================================== */
@import url('components/carousel.css'); /* DESPUÉS de sections.css para sobrescribir grid */