/* ═══════════════════════════════════════════════════════════
   NOBILE & ASOCIADOS — HOJA DE ESTILOS PRINCIPAL
   ───────────────────────────────────────────────────────────
   Único archivo enlazado desde el HTML. Importa las capas en
   orden de especificidad creciente (ITCSS simplificado):

     1. base        → tokens, reset, tipografía, utilidades
     2. layout      → header, footer, estructura de sección
     3. components  → piezas reutilizables en cualquier sección
     4. sections    → estilos propios de cada bloque de la página

   Para agregar una sección nueva:
     a) crear styles/sections/mi-seccion.css
     b) importarlo al final de este archivo
   ═══════════════════════════════════════════════════════════ */

/* ── 1. BASE ── */
@import url("base/tokens.css?v=3");
@import url("base/reset.css?v=3");
@import url("base/typography.css?v=3");
@import url("base/utilities.css?v=3");

/* ── 2. LAYOUT ── */
@import url("layout/header.css?v=3");
@import url("layout/footer.css?v=3");
@import url("layout/section.css?v=3");

/* ── 3. COMPONENTES ── */
@import url("components/button.css?v=3");
@import url("components/card.css?v=3");
@import url("components/form.css?v=3");
@import url("components/chip.css?v=3");
@import url("components/marquee.css?v=3");
@import url("components/orbit.css?v=3");
@import url("components/reveal.css?v=3");
@import url("components/disclosure.css?v=3");

/* ── 4. SECCIONES ── */
@import url("sections/hero.css?v=3");
@import url("sections/perfil.css?v=3");
@import url("sections/trayectoria.css?v=3");
@import url("sections/areas.css?v=3");
@import url("sections/proceso.css?v=3");
@import url("sections/contacto.css?v=3");
@import url("sections/legal.css?v=3");

/* ── 5. AJUSTES MÓVILES (último: puede afinar cualquier capa) ── */
@import url("base/mobile.css?v=3");