/* ==========================================================================
   HOME PRO — main.css
   Único stylesheet enlazado desde el HTML. Solo contiene @import, en orden
   de cascada: base → layout → componentes → secciones → utilidades.

   Para agregar una sección nueva:
     1. Crea css/sections/_<nombre>.css
     2. Añade su @import en el bloque SECTIONS, en el orden de la página.
   ========================================================================== */

/* BASE — tokens primero: todo lo demás depende de ellos */
@import url("base/_tokens.css");
@import url("base/_reset.css");
@import url("base/_typography.css");

/* LAYOUT — piezas estructurales compartidas por toda la página */
@import url("layout/_site-nav.css");

/* COMPONENTS — reutilizables, sin conocimiento de la sección que los usa */
@import url("components/_icon.css");
@import url("components/_button.css");
@import url("components/_logo.css");
@import url("components/_frame.css");
@import url("components/_cta-circle.css");
@import url("components/_hero-cards.css");
@import url("components/_micro-card.css");
@import url("components/_story.css");
@import url("components/_story-progress.css");
@import url("components/_status-label.css");
@import url("components/_report-card.css");
@import url("components/_chip.css");
@import url("components/_pointer-light.css");

/* SECTIONS — en el orden en que aparecen en la página */
@import url("sections/_hero.css");            /* 01 */
@import url("sections/_services.css");        /* 01b · solo móvil */
@import url("sections/_problem.css");         /* 02 */
@import url("sections/_solution.css");        /* 03 */
@import url("sections/_benefits.css");        /* 04 */
@import url("sections/_why.css");             /* 05 */
@import url("sections/_social-proof.css");     /* 06 */
@import url("sections/_how-it-works.css");     /* 07 */
@import url("sections/_offer.css");            /* 08 */
@import url("sections/_guarantee.css");        /* 09 */
@import url("sections/_faq.css");              /* 10 */
@import url("sections/_final-cta.css");        /* 11 */
@import url("sections/_footer.css");           /* 12 */

/* UTILS — al final para poder ganar en la cascada sin !important */
@import url("utils/_animations.css");
@import url("utils/_a11y.css");