/* ==========================================================================
   Grupo Galicia | Sistema de diseño: variables
   Paleta derivada del logotipo (anillo #1B70A5 arriba, #2C5686 abajo, grafito #373435)
   ========================================================================== */
:root {
  --brand-blue: #1B71A6;
  --brand-blue-medium: #285B8D;
  --brand-blue-deep: #314D7C;
  --brand-blue-light: #3F97CF;
  --brand-navy: #071A2F;
  --brand-navy-dark: #04101E;
  --brand-graphite: #373435;
  --brand-black: #0D0D0D;
  --brand-white: #F5F7FA;
  --brand-gray: #A9B2BC;
  --brand-border: rgba(255, 255, 255, 0.12);
  --brand-border-strong: rgba(255, 255, 255, 0.22);
  --brand-glow: rgba(27, 113, 166, 0.35);
  --brand-glow-soft: rgba(27, 113, 166, 0.14);
  --whatsapp: #25D366;
  --whatsapp-dark: #1DA851;
  --danger: #E5533C;
  --success: #3DBB7A;

  --surface-0: var(--brand-navy-dark);
  --surface-1: var(--brand-navy);
  --surface-2: #0B2440;
  --surface-3: #10304F;
  --surface-plate: #FFFFFF;

  --text: var(--brand-white);
  --text-muted: var(--brand-gray);
  --text-dim: #6F7D8C;
  --text-on-plate: var(--brand-black);

  --grad-brand: linear-gradient(135deg, #1B71A6 0%, #285B8D 48%, #314D7C 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(27,113,166,.28) 0%, rgba(40,91,141,.18) 48%, rgba(49,77,124,.1) 100%);
  --grad-hero: linear-gradient(180deg, rgba(4,16,30,.35) 0%, rgba(7,26,47,.55) 45%, rgba(4,16,30,.92) 100%);

  --font-display: "Barlow Semi Condensed", "Arial Narrow", Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-h1: clamp(2.3rem, 4.9vw, 4.3rem);
  --fs-h2: clamp(2rem, 4.2vw, 3.5rem);
  --fs-h3: clamp(1.25rem, 1.8vw, 1.6rem);
  --fs-lead: clamp(1.05rem, 1.25vw, 1.2rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-tiny: 0.75rem;

  --container: 1280px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --header-h: 84px;
  --section-y: clamp(4.5rem, 10vw, 8.5rem);

  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 20px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.3s;
  --dur: 0.5s;
  --dur-slow: 0.7s;

  --shadow-1: 0 8px 24px rgba(0, 0, 0, 0.28);
  --shadow-2: 0 20px 50px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 0 1px rgba(63,151,207,.25), 0 12px 40px rgba(27,113,166,.28);

  --z-header: 100;
  --z-panel: 110;
  --z-wa: 90;
  --z-progress: 120;
  --z-preloader: 1000;
}

@media (max-width: 991px) {
  :root { --header-h: 68px; }
}