/* =========================================================================
   main.css — Punto de entrada de estilos
   Orden de cascada: fuentes → tokens → base → tipografía → componentes →
   secciones.
   ========================================================================= */

@import url('fonts.css');   /* @font-face self-hosted — primero de todo */
@import url('tokens.css');
@import url('base.css');
@import url('typography.css');
@import url('components.css');
@import url('availability.css');  /* componente global fijo, no una sección */
@import url('consent.css');       /* banner de cookies, también global */
@import url('cursor.css');        /* cursor personalizado, capa sobre todo */
@import url('variable-proximity.css'); /* título de la home partido en letras */
@import url('transitions.css');   /* transición entre páginas, capa del navegador */

/* ---- Secciones ---- */
@import url('sections/navbar.css');
@import url('sections/hero-mesh.css');
@import url('sections/services-tabs.css');  /* pestañas — Home */
@import url('sections/services-index.css');
@import url('sections/clients-marquee.css');
@import url('sections/case-studies.css');
@import url('sections/case-study.css');
@import url('sections/case-index.css');
@import url('sections/service.css');
@import url('sections/team.css');
@import url('sections/testimonials.css');
@import url('sections/cta.css');
@import url('sections/faq.css');
@import url('sections/footer.css');
@import url('sections/legal.css');   /* cookie-policy y privacy-policy */
/* Después de service.css a propósito: neutraliza el encuadre de foto de
   `.svc-process_media`, media queries incluidas. */
@import url('sections/circle-stack.css');