@import url("./acf-web-images.css?v=20260807-home-images-v6");

/*
 * ACF Capital — sistema visual compartido
 * Fuente única de verdad para la web pública y la plataforma de clientes.
 * El blog conserva su identidad editorial independiente.
 */

:root {
  color-scheme: light;

  /* Marca */
  --acf-navy: #2a385e;
  --acf-navy-2: #233154;
  --acf-deep: #0b1d3a;
  --acf-deep-2: #07142d;
  --acf-blue: #315fad;
  --acf-blue-dark: #254b8f;
  --acf-blue-soft: #edf2fa;
  --acf-gold: #f2bd27;
  --acf-gold-dark: #c49100;

  /* Superficies y texto */
  --acf-bg: #f4f6fa;
  --acf-surface: #ffffff;
  --acf-surface-soft: #f8f9fc;
  --acf-surface-muted: #eef2f7;
  --acf-border: #dfe5ee;
  --acf-border-strong: #c7d0de;
  --acf-text: #142038;
  --acf-text-2: #34425b;
  --acf-muted: #667085;
  --acf-muted-2: #7b8799;
  --acf-success: #16875b;
  --acf-success-bg: #e8f6ef;
  --acf-warning: #95610a;
  --acf-warning-bg: #fff3dd;
  --acf-danger: #b63f49;
  --acf-danger-bg: #fff0f1;
  --acf-info: #315fad;
  --acf-info-bg: #edf2fa;

  /* Tipografía */
  --acf-font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --acf-font-display: "Source Serif 4", Georgia, serif;
  --acf-text-xs: .75rem;       /* 12 px */
  --acf-text-sm: .875rem;      /* 14 px */
  --acf-text-md: 1rem;         /* 16 px */
  --acf-text-lg: 1.125rem;     /* 18 px */
  --acf-text-xl: 1.25rem;      /* 20 px */
  --acf-title-sm: 1.375rem;    /* 22 px */
  --acf-title-md: clamp(1.75rem, 2.4vw, 2.375rem);
  --acf-title-lg: clamp(2.25rem, 4vw, 3.75rem);
  --acf-title-xl: clamp(3rem, 5vw, 4.75rem);
  --acf-leading-tight: 1.08;
  --acf-leading-heading: 1.14;
  --acf-leading-body: 1.62;
  --acf-tracking-tight: -.035em;
  --acf-tracking-ui: -.012em;

  /* Espaciado */
  --acf-space-1: .25rem;
  --acf-space-2: .5rem;
  --acf-space-3: .75rem;
  --acf-space-4: 1rem;
  --acf-space-5: 1.25rem;
  --acf-space-6: 1.5rem;
  --acf-space-8: 2rem;
  --acf-space-10: 2.5rem;
  --acf-space-12: 3rem;
  --acf-space-16: 4rem;
  --acf-space-20: 5rem;
  --acf-space-24: 6rem;

  /* Forma y profundidad */
  --acf-radius-xs: 8px;
  --acf-radius-sm: 12px;
  --acf-radius-md: 18px;
  --acf-radius-lg: 28px;
  --acf-radius-pill: 999px;
  --acf-shadow-xs: 0 5px 16px rgba(18, 32, 61, .055);
  --acf-shadow-sm: 0 12px 34px rgba(18, 32, 61, .08);
  --acf-shadow-md: 0 20px 52px rgba(11, 29, 58, .12);
  --acf-shadow-lg: 0 30px 84px rgba(11, 29, 58, .17);

  /* Interacción */
  --acf-ease: cubic-bezier(.22, 1, .36, 1);
  --acf-ease-standard: cubic-bezier(.2, .8, .2, 1);
  --acf-duration-fast: 160ms;
  --acf-duration-base: 240ms;
  --acf-duration-slow: 560ms;
  --acf-focus-color: rgba(49, 95, 173, .23);
  --acf-focus: 0 0 0 4px var(--acf-focus-color);
  --acf-control-height: 48px;
  --acf-touch-target: 44px;

  /* Layout */
  --acf-container: 1220px;

  /* Alias usados por la plataforma actual */
  --navy-950: var(--acf-deep-2);
  --navy-900: var(--acf-deep);
  --navy-800: var(--acf-navy-2);
  --blue-700: var(--acf-blue);
  --blue-600: #416fba;
  --blue-100: var(--acf-blue-soft);
  --ink: var(--acf-text);
  --text: var(--acf-text-2);
  --muted: var(--acf-muted);
  --line: var(--acf-border);
  --line-strong: var(--acf-border-strong);
  --surface: var(--acf-surface);
  --surface-soft: var(--acf-bg);
  --green: var(--acf-success);
  --green-bg: var(--acf-success-bg);
  --amber: var(--acf-warning);
  --amber-bg: var(--acf-warning-bg);
  --red: var(--acf-danger);
  --red-bg: var(--acf-danger-bg);
  --shadow-sm: var(--acf-shadow-sm);
  --shadow-md: var(--acf-shadow-md);
  --radius: var(--acf-radius-md);
}

::selection {
  color: #fff;
  background: var(--acf-blue);
}

:where(button, input, select, textarea) {
  font: inherit;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid rgba(242, 189, 39, .58);
  outline-offset: 3px;
}

:where(button, a, input, select, textarea) {
  -webkit-tap-highlight-color: transparent;
}

:where(input, select, textarea)::placeholder {
  color: #8b96a8;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
  }
}