/**
 * VitalClinic - Main CSS Entry Point
 *
 * Este archivo importa todos los módulos CSS del proyecto en el orden correcto
 * para garantizar la cascada adecuada y evitar problemas de especificidad.
 *
 * Orden de carga:
 * 1. Variables (custom properties)
 * 2. Base (reset, tipografía base)
 * 3. Layout (containers, grids, sections)
 * 4. Componentes (en orden de aparición visual)
 */

/* ========================================
   1. VARIABLES - Design Tokens
   ======================================== */
@import 'variables.css';

/* ========================================
   2. BASE - Reset & Typography
   ======================================== */
@import 'base.css';

/* ========================================
   3. LAYOUT - Structure & Grid
   ======================================== */
@import 'layout.css';

/* ========================================
   4. COMPONENTES - UI Components
   ======================================== */

/* Header & Navigation */
@import 'components/header.css';

/* Hero Section */
@import 'components/hero.css';

/* Forms */
@import 'components/forms.css';

/* Buttons */
@import 'components/buttons.css';

/* Services Section */
@import 'components/services.css';

/* Benefits Section */
@import 'components/benefits.css';

/* Hormones Section */
@import 'components/hormones.css';

/* Methodology Section */
@import 'components/methodology.css';

/* Contact & FAQ */
@import 'components/contact.css';

/* Modals (Privacy, Legal, etc.) */
@import 'components/modals.css';

/* Mobile Menu */
@import 'components/mobile-menu.css';

/* Footer */
@import 'components/footer.css';