/**
 * styles.css - HOPTECH Master Stylesheet
 * 
 * Arquitectura CSS Modular:
 * - variables.css              : Tokens de diseño, reset y fondo con orbes
 * - components/navbar.css      : Barra de navegación, toggler y dropdowns
 * - components/cards.css       : Tarjetas interactivas (.card-interactive), iconos y badges
 * - components/buttons-forms.css: Botones, campos flotantes y validación en tiempo real
 * - components/modal.css       : Modal dinámico para detalle de productos y servicios
 * - components/widgets.css     : Botón flotante WhatsApp, Volver arriba y cursor personalizado
 * - sections/hero.css          : Hero section, carrusel y efecto split parallax
 * - sections/sections.css      : Secciones (Sobre Nosotros, Productos, Servicios), animaciones y utilidades
 */

@import url('variables.css');
@import url('components/navbar.css');
@import url('components/cards.css');
@import url('components/buttons-forms.css');
@import url('components/modal.css');
@import url('components/widgets.css');
@import url('sections/hero.css');
@import url('sections/sections.css');