:root {
  /* ---- COLOR ----
     Rediseño minimalista (2026-07-18): todo el sitio es blanco puro con
     tipografía en tinta; el color vive solo en el gradiente oscuro de los
     heroes y en el rojo vino de la marca (botones y acentos puntuales).
     Paleta de marca: rojo profundo #47160E · crema #F7F7DF (solo sobre
     el hero oscuro) · negro #171717 · oliva #566951. */
  --color-primary:        #47160E;   /* rojo vino (marca) */
  --color-primary-dark:   #310D07;   /* hover / estados activos */
  --color-primary-tint:   #D4D4D4;   /* gris de apoyo */
  --color-acento-vivo:    #911B00;   /* acento único: "conciencia" / "visión" */
  --color-ink:            #171717;   /* texto principal (negro) */

  /* Destello del botón de vidrio (.btn--vidrio): luz cálida que se
     retroilumina detrás del esmerilado. Cámbialos aquí para re-tintar. */
  --aviva-glow-start:     #FFE7D0;   /* crema cálida */
  --aviva-glow-end:       #E8853C;   /* naranja tierra (retroiluminado) */
  --color-text-muted:     #6B6B66;   /* texto secundario */
  --color-bg:             #FFFFFF;   /* fondo blanco puro */
  --color-surface:        #FFFFFF;   /* sin superficies teñidas: todo blanco */
  --color-border:         #E4E4E1;   /* línea gris apenas notoria (marcos y separadores) */

  /* ---- GLASSMORPHISM (transparente, sin color) ---- */
  --glass-bg:             rgba(255, 255, 255, 0.22);
  --glass-bg-solid:       rgba(255, 255, 255, 0.85); /* fallback sin blur */
  --glass-border:         1px solid rgba(255, 255, 255, 0.35);
  --glass-blur:           12px;

  /* ---- TIPOGRAFÍA ---- */
  --font-display: 'Swis721 Lt BT', Helvetica, Arial, sans-serif;   /* títulos */
  --font-body:    'Swis721 Lt BT', Helvetica, Arial, sans-serif;   /* cuerpo */
  --font-hero:    'Swis721 BlkEx BT', 'Arial Black', Helvetica, sans-serif; /* titulares del hero */
  --fw-light:     300;
  --fw-regular:   400;
  --fw-bold:      700;

  /* Escala tipográfica fluida (mobile → ultra-wide) con clamp() */
  --fs-hero:  clamp(2.1rem, 4.4vw, 3.6rem);
  --fs-h1:    clamp(1.8rem, 3.2vw, 2.8rem);
  --fs-h2:    clamp(1.35rem, 2.4vw, 2.1rem);
  --fs-h3:    clamp(1.25rem, 2vw, 1.75rem);
  --fs-body:  clamp(1rem, 1.2vw, 1.125rem);
  --fs-small: 0.875rem;
  --lh-tight: 1.1;
  --lh-base:  1.6;

  /* ---- ESPACIADO (escala en rem) ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;
  /* Aire vertical generoso entre secciones (rediseño minimalista) */
  --espacio-seccion: clamp(5.5rem, 14vh, 9rem);

  /* ---- RADIOS ---- */
  --radius-sm:   0.5rem;
  --radius-md:   1rem;
  --radius-lg:   1.5rem;
  --radius-pill: 999px;

  /* ---- SOMBRAS ---- */
  --shadow-sm:    0 1px 3px rgba(23, 23, 23, 0.08);
  --shadow-md:    0 8px 24px rgba(23, 23, 23, 0.10);
  --shadow-glass: 0 8px 32px rgba(23, 23, 23, 0.12);

  /* ---- CAPAS (z-index) ---- */
  --z-navbar: 1000;
  --z-fab:    900;   /* botón flotante WhatsApp */
  --z-modal:  1100;

  /* ---- CONTENEDORES ---- */
  --container-max:  1280px;  /* desktop estándar */
  --container-wide: 1600px;  /* ultra-wide */
  --container-pad:  clamp(1rem, 5vw, 4rem);

  /* ---- TRANSICIONES ---- */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
}