/**
 * T-APOYAMOS — Orquestador de Estilos Claymorphism
 * Arquitectura CSS modular y componetizada siguiendo las mejores prácticas.
 *
 * Módulos cargados:
 * - tokens.css: Variables, paleta, sombras 3D, radios y curvas de elasticidad.
 * - animations.css: Físicas de plastilina, levitación flotante, brillo especular y rebotes.
 * - base.css: Reset, tipografía, lienzo de estudio y orbes de fondo.
 * - components/header.css: Cabecera sticky, navegación y cápsula activa animada.
 * - components/buttons.css: Botones volumétricos 3D, shimmer y efecto squish.
 * - components/cards.css: Tarjetas unificadas de arcilla blanca, badges y checklists.
 * - components/tables.css: Tabletas flotantes de precios y cápsulas de tarifas 3D.
 * - components/callouts.css: Avisos en almohadilla de arcilla sin bordes rígidos.
 * - components/forms.css: Entradas hundidas y estados de foco luminosos.
 * - components/footer.css: Pie de página azul marino oscuro con sellos circulares salvia.
 * - pages/hero.css: Hero con casa 3D animada y 5 pastillas de servicios.
 * - responsive.css: Adaptabilidad mobile-first para tablet y escritorio.
 */

@import "tokens.css";
@import "animations.css";
@import "base.css";

/* Componentes del Sistema de Diseño */
@import "components/header.css";
@import "components/buttons.css";
@import "components/cards.css";
@import "components/tables.css";
@import "components/callouts.css";
@import "components/forms.css";
@import "components/footer.css";
@import "components/journey.css";
@import "components/showcase.css";

/* Páginas y Plantillas */
@import "pages/hero.css";
@import "pages/blog.css";
@import "pages/contact.css";
@import "pages/landings.css";

/* Breakpoints Responsivos */
@import "responsive.css";