/* ============================================================================
   TAMAYO ABOGADOS - MODULAR CSS SYSTEM
   "Lujo Silencioso" - High-End Legal Services
   Updated: Enero 2026
   
   ARQUITECTURA MODULAR:
   Cada módulo tiene una responsabilidad específica.
   Para editar algo, ve directamente al módulo correspondiente.
   ============================================================================ */

/* ORDEN DE CARGA CRÍTICO - NO MODIFICAR */

/* 1. Variables y configuración base */
@import url('./modules/variables.css');

/* 2. Reset y estilos base */
@import url('./modules/base.css');

/* 3. Tipografía */
@import url('./modules/typography.css');

/* 4. Componentes de navegación */
@import url('./modules/navigation.css');
@import url('./modules/dropdown-menu.css');
@import url('./modules/header.css');

/* 5. Componentes de contenido */
@import url('./modules/carousel.css');
@import url('./modules/values.css');
@import url('./modules/achievements.css');
@import url('./modules/services-cards.css');
@import url('./modules/calculadora.css');
@import url('./modules/reviews.css');
@import url('./modules/videocall.css');
@import url('./modules/contact.css');
/* contact-section.css eliminado: era duplicado de contact.css */
@import url('./modules/faq.css');
@import url('./modules/articles.css');

/* 6. Páginas especiales */
@import url('./modules/casos-exito.css');
@import url('./modules/casos-exito-star.css');
@import url('./modules/sobre-nosotros.css');
@import url('./modules/seo-local.css');
@import url('./modules/silo-pages.css');
@import url('./modules/pages-especificas.css');

/* 7. Layout */
@import url('./modules/footer.css');
@import url('./modules/whatsapp.css');

/* 8. Animaciones */
@import url('./modules/animations.css');

/* 9. Utilidades */
@import url('./modules/utilities.css');

/* 10. Responsive - SIEMPRE AL FINAL */
@import url('./modules/responsive.css');

/* ============================================================================
   GUÍA RÁPIDA DE EDICIÓN:
   
   🎨 COLORES Y VARIABLES:
   - Cambiar colores → modules/variables.css
   - Verde corporativo #307163 está en línea 14
   
   ✍️ TIPOGRAFÍA:
   - Cambiar fuentes/tamaños → modules/typography.css
   
   🧭 NAVEGACIÓN:
   - Editar menú principal → modules/navigation.css
   - Editar menú desplegable → modules/dropdown-menu.css
   - Editar header → modules/header.css
   
   📦 COMPONENTES:
   - Tarjetas de servicios → modules/services-cards.css
   - Carrusel de imágenes → modules/carousel.css
   - Contador de logros → modules/achievements.css
   - Calculadora revolving → modules/calculadora.css
   - Reseñas Google → modules/reviews.css
   - WhatsApp flotante → modules/whatsapp.css
   
   📄 PÁGINAS:
   - Casos de éxito → modules/casos-exito.css + modules/casos-exito-star.css
   - Sobre nosotros → modules/sobre-nosotros.css
   - Páginas SILO → modules/silo-pages.css
   - SEO local → modules/seo-local.css
   - Contacto → modules/contact.css
   - Páginas específicas → modules/pages-especificas.css
   
   🎯 LAYOUT:
   - Footer → modules/footer.css
   - Base y reset → modules/base.css
   
   📱 RESPONSIVE:
   - Ajustes móvil → modules/responsive.css (SIEMPRE AL FINAL)
   
   🛠️ UTILIDADES:
   - Clases auxiliares → modules/utilities.css
   ============================================================================ */