/* --- Base Styles --- */
@import 'base/_variables.css';
@import 'base/_reset.css';
@import 'base/_typography.css';

/* --- Components --- */
@import 'components/_modals.css';
@import 'components/_buttons.css';
@import 'components/_header.css';
@import 'components/_footer.css';
@import 'components/_chatbot.css';
@import 'components/_toasts.css';
@import 'components/_floating-elements.css';

/* --- Sections --- */
@import 'sections/_hero.css';
@import 'sections/_features.css';
@import 'sections/_products.css';
@import 'sections/_testimonials.css';
@import 'sections/_deals.css';
@import 'sections/_cta.css';

/* --- Pages --- */
@import 'pages/_shop.css';
@import 'pages/_tracking.css';

/* --- Media Queries Generales (si es necesario) --- */
/* Las media queries se han movido a sus respectivos archivos de componente/sección/página
   para mantenerlas cerca de los estilos que afectan. Si hubiera media queries que afectaran
   a múltiples componentes de forma global, se podrían añadir aquí. */