/* ============================================================================
   Punto de Apoyo - Main Stylesheet
   Modular CSS Architecture
   ============================================================================ */

/* 1. External Fonts */
/* Roboto: Used for main headings (same designer as Apertura - Christian Robertson) */
/* Plus Jakarta Sans: Body text */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap");

/* 2. Custom Variables (Brand Colors, Spacing, Typography) */
@import "variables.css";

/* 3. Vendor Libraries */
@import "vendor/bootstrap.min.css";
@import "vendor/glightbox.css";
@import "vendor/leaflet.css";
@import "vendor/notyf.css";
@import "vendor/swiper.css";

/* 4. Bootstrap Brand Customizations */
@import "bootstrap-overrides.css";

/* 5. Base Styles (Reset, Typography, Utilities) */
@import "base.css";

/* 6. Component Styles */
@import "components/product-carousel.css";

/* 7. All Custom Styles (Complete extraction - temporary solution) */
@import "all-custom-complete.css";