/* ================================================
   GENTE SOLIDARIA R.L. — CSS Principal
   Archivo de entrada: importa todos los módulos
   ================================================

   ESTRUCTURA DE MÓDULOS:
   ┌─ _base.css        Variables, reset, layout, botones, tipografía, animaciones
   ├─ _topbar.css      Barra superior con tooltips de ubicaciones
   ├─ _header.css      Navegación sticky y menú hamburguesa
   ├─ _hero.css        Slider principal con 3 slides
   ├─ _productos.css   Strip de productos rápidos (tipo Guadalupana)
   ├─ _destacado.css   Sección destacada con estadísticas
   ├─ _servicios.css   Grid de tarjetas de servicios
   ├─ _secciones.css   Nosotros, Alianzas y CTA strip
   ├─ _contacto.css    Sección de contacto y formulario
   ├─ _footer.css      Pie de página
   ├─ _paginas.css     Estilos compartidos de páginas interiores
   ├─ _divisor.css     Divisor "brote" animado entre secciones
   └─ _responsive.css  Todos los breakpoints (1100px, 900px, 768px, 480px)

   CÓMO USAR:
   Reemplaza el <link> en tu HTML con:
   <link rel="stylesheet" href="css/main.css"/>

   PARA EDITAR UN COMPONENTE:
   Abre solo el módulo que corresponde, sin tocar el resto.
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&family=Instrument+Serif:ital@0;1&display=swap');

/* 1. Base — variables, reset, layout, botones, tipografía */
@import '_base.css';

/* 2. Layout global */
@import '_topbar.css';
@import '_header.css';

/* 3. Secciones del home */
@import '_hero.css';
@import '_productos.css';
@import '_destacado.css';
@import '_servicios.css';
@import '_secciones.css';

/* 4. Contacto y formulario */
@import '_contacto.css';

/* 5. Footer */
@import '_footer.css';

/* 6. Páginas interiores */
@import '_paginas.css';

/* 7. Calculadora financiera */
@import '_calculadora.css';

/* 7b. Divisor "brote" entre secciones */
@import '_divisor.css';

/* 7c. Carrusel de producto reutilizable */
@import '_carousel.css';

/* 8. Responsive — siempre al final */
@import '_responsive.css';