/* =====================================================================
   TiforTi · Hoja de estilos de la LANDING (index.html)
   Solo importa módulos; no define reglas. El ORDEN IMPORTA: un módulo posterior puede sobrescribir
   a uno anterior cuando la especificidad es igual (p. ej. precios/proyectos refinan a tarjetas).

   Carpetas
     base/         tipografía local, variables de color, reglas globales, tipografía y estructura
     componentes/  piezas reutilizables (botones, menú, tarjetas, formularios, calendario…)
     secciones/    una hoja por sección de la página
   Otras entradas: css/legal.css (políticas) y css/admin.css (panel /admin)
   ===================================================================== */

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

/* Componentes de uso general */
@import url("componentes/botones.css");
@import url("componentes/marca.css");
@import url("componentes/navegacion.css");
@import url("componentes/mascota.css");

/* Secciones y componentes, en el orden en que aparecen en la página */
@import url("secciones/hero.css");
@import url("componentes/tarjetas.css");        /* antes que precios y proyectos, que la refinan */
@import url("secciones/precios.css");
@import url("secciones/proyectos.css");
@import url("componentes/formularios.css");
@import url("componentes/calendario.css");
@import url("secciones/contacto.css");
@import url("componentes/whatsapp.css");
@import url("componentes/modal-demo.css");
@import url("secciones/guia.css");
@import url("secciones/carrusel.css");
@import url("secciones/proceso.css");
@import url("secciones/sobre-mi.css");
@import url("secciones/faq.css");
@import url("componentes/pie.css");
@import url("componentes/cinta-pruebas.css");

/* Capas que van encima de todo: panel de accesibilidad y aviso de cookies */
@import url("componentes/accesibilidad.css");
@import url("componentes/consentimiento.css");