/* ==========================================================================
   SINÉSTELIS — Hoja de estilos principal
   --------------------------------------------------------------------------
   Punto de entrada único. Importa los módulos en orden de cascada:
     1. base/        → tokens de diseño, reset, tipografía, layout
     2. components/  → piezas reutilizables en cualquier página
     3. sections/    → estilos propios de cada sección de la página de inicio
   Para una página nueva (servicios, nosotros…) reutiliza base + components y
   crea sus propias hojas en sections/ o en una carpeta pages/.
   ========================================================================== */

/* 1. Base */
@import url("base/tokens.css");
@import url("base/reset.css");
@import url("base/typography.css");
@import url("base/layout.css");

/* 2. Componentes */
@import url("components/buttons.css");
@import url("components/brand.css");
@import url("components/header.css");
@import url("components/footer.css");
@import url("components/cards.css");
@import url("components/forms.css");
@import url("components/whatsapp.css");
@import url("components/social.css");
@import url("components/cta-band.css");
@import url("components/intro.css");
@import url("components/tev.css");

/* 3. Secciones (inicio y páginas internas) */
@import url("sections/hero.css");
@import url("sections/page-hero.css");
@import url("sections/about.css");
@import url("sections/services.css");
@import url("sections/sectors.css");
@import url("sections/brands.css");
@import url("sections/testimonials.css");
@import url("sections/news.css");
@import url("sections/emergency.css");
@import url("sections/process.css");
@import url("sections/faq.css");
@import url("sections/contact.css");
@import url("sections/contact-options.css");
@import url("sections/service-detail.css");
@import url("sections/values.css");
@import url("sections/article.css");

/* 4. Utilidades responsivas (al final para que tengan prioridad) */
@import url("components/scroller.css");