/* ==========================================================
   MÓNICA CARDONA O. — HOJA DE ESTILOS PRINCIPAL
   ----------------------------------------------------------
   Único archivo enlazado desde index.html. Importa las capas
   en orden de especificidad creciente (metodología ITCSS):

     1. base        reglas globales sin clases
     2. layout      estructura de página
     3. utilities   helpers reutilizables
     4. components  piezas reutilizables en varias secciones
     5. sections    estilos propios de una sola sección

   Al añadir un archivo nuevo, impórtalo en la capa que le
   corresponda: así nunca hace falta pelear con !important.
   ========================================================== */

/* 1. BASE ------------------------------------------------- */
@import url("base/tokens.css");
@import url("base/reset.css");
@import url("base/typography.css");

/* 2. LAYOUT ----------------------------------------------- */
@import url("layout/shell.css");
@import url("layout/header.css");
@import url("layout/footer.css");

/* 3. UTILITIES -------------------------------------------- */
@import url("utilities/a11y.css");
@import url("utilities/reveal.css");

/* 4. COMPONENTS ------------------------------------------- */
@import url("components/icon.css");
@import url("components/eyebrow.css");
@import url("components/pill.css");
@import url("components/arrow-link.css");
@import url("components/socials.css");
@import url("components/loader.css");
@import url("components/hero-card.css");
@import url("components/treatments.css");
@import url("components/case-card.css");
@import url("components/form.css");
@import url("components/modal.css");
@import url("components/menu.css");
@import url("components/whatsapp-float.css");

/* 5. SECTIONS --------------------------------------------- */
@import url("sections/hero.css");
@import url("sections/services.css");
@import url("sections/about.css");
@import url("sections/results.css");
@import url("sections/contact.css");