/* CCIV — Design tokens (extraídos del demo sitio-demo/index.html) */
:root {
      --bg-0:    #031E30;   /* Azul profundo — RTO Plus */
      --bg-1:    #084976;   /* Azul CCIV */
      --bg-2:    #e4e9ed;   /* Gris azulado — secciones alt (antes #F4F7FA) */
      --bg-3:    #FFFFFF;   /* Blanco base */

      --tx-1:    #0D1B2A;   /* Casi negro azulado */
      --tx-2:    #4A5568;   /* Gris medio */
      --tx-3:    #94A3B8;   /* Gris claro — meta */

      --accent:  #97D700;   /* Verde CCIV */
      --accent-2:#7CB800;   /* Verde oscuro — hover */
      --accent-3:#DCEAF5;   /* Azul muy claro — fondos de chips (era #EDF9B0 amarillento, pedido del cliente sep-2026) */

      --line:    #E2E8F0;
      --line-2:  #CBD5E1;

      --r-sm:  4px;
      --r-md:  8px;
      --r-lg:  16px;
      --r-xl:  24px;

      --sh-1:  0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
      --sh-2:  0 4px 20px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.06);

      /* ---- Dial tipográfico global (pedido del cliente, sep-2026) ----
         Multiplica TODO font-size de cuerpo (px ≤18 y rem ≤1.25) del sitio.
         Los títulos (clamp() y rem ≥1.4) NO cuelgan de acá: se dejaron fijos.
         1     = tamaños originales de la presentación
         1.20  = +20% (valor actual)
         Para ajustar el sitio entero, cambiar SÓLO este número. */
      --fs: 1.20;

      --f-display: 'Inter', -apple-system, sans-serif;
      --f-body:    'Inter', -apple-system, sans-serif;
    }