/* ============================================================
   main.css — Punto de entrada de estilos
   Orden de cascada: base → layouts → components → utilities
   ============================================================ */

/* Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");

/* Base */
@import url("base/_variables.css");
@import url("base/_reset.css");
@import url("base/_typography.css");
@import url("base/_utilities.css");

/* Layouts */
@import url("layouts/_container.css");
@import url("layouts/_hero.css");
@import url("layouts/_sections.css");

/* Components */
@import url("components/_topbar.css");
@import url("components/_navbar.css");
@import url("components/_buttons.css");
@import url("components/_slider.css");
@import url("components/_categories.css");
@import url("components/_brands.css");
/* @import url("components/_testimonials.css"); — eliminado: sección sin contenido */
@import url("components/_quote-form.css");
@import url("components/_footer.css");
@import url("components/_whatsapp.css");
@import url("components/_scroll-top.css");