/*
  VARIABLES CORPORATIVAS — Grupo Empresarial GBI SAS (GEGBI)
  Paleta extraída directamente de los logos oficiales (muestreo de color):
  Azul marino profundo + Azul eléctrico + Cian tecnológico + Violeta (acento IA/Vibe Code)
*/

:root {
  /* ===== Paleta corporativa ===== */
  --navy: #0B1D3A;        /* Azul marino — texto principal, fondo header claro, base de marca */
  --navy-800: #0A1730;
  --navy-900: #060B18;    /* Casi negro — fondo hero/footer (versión oscura del logo) */
  --blue: #0891D1;        /* Azul eléctrico — enlaces, botones secundarios, degradados */
  --blue-600: #0B76C2;
  --cyan: #22D3EE;        /* Cian tecnológico — acentos, hover, brillos, red neuronal */
  --violet: #7C3AED;      /* Violeta — acento "IA · Vibe Code", CTAs premium */
  --violet-600: #6D28D9;

  --white: #FFFFFF;
  --bg-light: #F5F7FB;    /* Fondo alterno de secciones claras */
  --bg-light-2: #EEF2FA;

  --text: #101828;        /* Texto de párrafo sobre fondo claro */
  --text-muted: #5B6472;
  --text-on-dark: #E7ECF5;
  --text-on-dark-muted: #9BA8C0;

  --border: #E2E7F1;

  /* Degradado insignia de marca (bandas del isotipo "G") */
  --gradiente-marca: linear-gradient(135deg, var(--blue) 0%, var(--cyan) 100%);
  --gradiente-oscuro: linear-gradient(180deg, var(--navy-900) 0%, #0A1530 60%, var(--navy) 100%);
  --gradiente-violeta: linear-gradient(135deg, var(--violet) 0%, var(--blue) 100%);

  /* ===== Tipografía ===== */
  --fuente-titulos: 'Sora', 'Inter', sans-serif;
  --fuente-texto: 'Inter', sans-serif;

  /* ===== Espaciados ===== */
  --espacio-xs: 8px;
  --espacio-sm: 16px;
  --espacio-md: 32px;
  --espacio-lg: 64px;
  --espacio-xl: 120px;
  --ancho-maximo: 1240px;

  /* ===== Otros ===== */
  --radio-borde: 14px;
  --radio-borde-sm: 8px;
  --sombra-suave: 0 4px 24px rgba(11, 29, 58, 0.08);
  --sombra-media: 0 12px 40px rgba(11, 29, 58, 0.14);
  --sombra-glow-cyan: 0 0 40px rgba(34, 211, 238, 0.35);
  --transicion: all 0.3s ease;
}