/* Finavanza Capital · variables de marca
   Importar una vez en la landing: <link rel="stylesheet" href="/finavanza-marca/brand.css">
   Fuentes alojadas en /fonts (sin Google Fonts, por RGPD). */

@font-face{font-family:"Montserrat";font-weight:500;font-display:swap;src:url("fonts/montserrat-latin-500-normal.woff2") format("woff2");}
@font-face{font-family:"Montserrat";font-weight:600;font-display:swap;src:url("fonts/montserrat-latin-600-normal.woff2") format("woff2");}
@font-face{font-family:"Montserrat";font-weight:700;font-display:swap;src:url("fonts/montserrat-latin-700-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url("fonts/inter-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url("fonts/inter-latin-500-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url("fonts/inter-latin-600-normal.woff2") format("woff2");}

:root{
  /* Colores corporativos (medidos del logo) */
  --fv-azul:#082D50;          /* RGB 8,45,80 · principal */
  --fv-verde:#218E65;         /* RGB 33,142,101 · acento del logo; no para texto pequeño */
  /* Apoyo */
  --fv-verde-claro:#3DBE8B;   /* acento sobre fondos oscuros */
  --fv-verde-texto:#1B7A56;   /* botones y enlaces (5,3:1 con blanco) */
  --fv-blanco:#FFFFFF;
  --fv-gris-niebla:#F4F6F8;   /* secciones alternas, formularios */
  --fv-verde-suave:#E8F4EE;   /* resaltados, avisos positivos */
  --fv-gris-texto:#5B6B7A;    /* texto secundario y legal */
  --fv-gris-linea:#E2E8EE;    /* bordes y divisores */
  --fv-borde-campo:#748494;   /* borde de inputs (3:1) */
  --fv-error:#B42318;

  /* Tipografía */
  --fv-font-titulo:"Montserrat",Arial,sans-serif;
  --fv-font-texto:"Inter",Arial,system-ui,sans-serif;
  --fv-t-portada:48px; --fv-t-h1:36px; --fv-t-h2:28px; --fv-t-h3:20px;
  --fv-t-grande:18px; --fv-t-texto:16px; --fv-t-pequeno:14px; --fv-t-legal:12px;

  /* Espaciado */
  --fv-e-1:4px; --fv-e-2:8px; --fv-e-3:12px; --fv-e-4:16px; --fv-e-6:24px; --fv-e-8:32px; --fv-e-12:48px; --fv-e-16:64px;

  /* Esquinas y sombra */
  --fv-radio-sm:4px; --fv-radio-md:8px; --fv-radio-lg:16px;
  --fv-sombra-tarjeta:0 1px 2px rgba(8,45,80,.06),0 4px 16px rgba(8,45,80,.06);

  /* Layout */
  --fv-ancho-max:1120px;
}