/*
Cortex Analytica · Tokens de identidad 2026 · v7.0 «Papel y Señal · relieve»
v7.0 (26-09-2026, aprobado por Jesús): paleta v2 de la Auditoría UX 2.
  · Superficies en cuatro escalones perceptibles (4–5 L* entre capas).
  · Tinta de cuerpo más suave en oscuro (13:1) para leer largo sin halo; títulos y cifras conservan la crema.
  · Cuatro colores de concepto, fijos en todo el sitio y probados para daltonismo rojo-verde:
      --c-propio (su empresa, lo que gana) · --c-google (buscadores, directorios, prensa)
      --c-ia (asistentes y citas) · --c-otros (competencia; SIEMPRE a rayas o discontinuo, nunca en texto)
  · --blue se conserva como alias del verde para no romper base.css; la retirada de rótulos,
    filetes y enlaces («verde escaso») se hace regla por regla en base.css (fase 0b).
  · --green (#788C5D) en tema claro queda solo para fondos y trazos: en texto pequeño no llega a AA.
*/

:root {
  --ca-white:      #F7F1E3;
  --ca-section:    #F1E9D8;
  --ca-box:        #FBF6EA;
  --ca-title:      #5C4A3A;
  --ca-text:       #453A2E;
  --ca-soft-text:  #6B5B4A;
  --ca-muted:      #8A7D6D;
  --ca-line:       #E3D9C4;
  --ca-blue-light: #9BB076;
  --ca-blue:       #5D6E44;
  --ca-violet:     #C4B8A8;
  --ca-green:      #788C5D;
  --ca-amber:      #B27E2D;

  --font-display: "Michroma", "Outfit", sans-serif; /* logotipo y rotulos de una o dos palabras */
  --font-sans: "Outfit", system-ui, sans-serif;
  --font-editorial: "Outfit", system-ui, sans-serif;
  --font-ui: "Outfit", system-ui, sans-serif;
  --font-mono: "Space Grotesk", "Outfit", sans-serif; /* cifras, etiquetas, coordenadas */
  --font-data: "Space Grotesk", "SFMono-Regular", monospace;
  --radius: 0px; /* la unica curva del sistema es el anillo */

  --fs-xs:   clamp(0.8rem, 0.7795rem + 0.0909vw, 0.85rem);
  --fs-sm:   clamp(0.9rem, 0.877rem + 0.1023vw, 0.9563rem);
  --fs-base: clamp(1rem, 0.9744rem + 0.1136vw, 1.0625rem);
  --fs-md:   clamp(1.125rem,1.064rem + 0.2727vw, 1.275rem);
  --fs-lg:   clamp(1.3125rem,1.197rem + 0.5114vw, 1.5938rem);
  --fs-xl:   clamp(1.5625rem,1.386rem + 0.7841vw, 1.9938rem);
  --fs-2xl:  clamp(2.1rem, 1.655rem + 1.977vw, 3.1875rem);
  --fs-3xl:  clamp(2.7rem, 1.923rem + 3.455vw, 4.6rem);

  --fs-h1: var(--fs-3xl);
  --fs-h1-editorial: var(--fs-xl);
  --fs-h2: var(--fs-2xl);
  --fs-h3: var(--fs-xl);
  --fs-h4: var(--fs-lg);
  --fs-body: clamp(1.0625rem, 1.027rem + 0.159vw, 1.15rem);
  --fs-lead: clamp(1.3rem, 1.157rem + 0.6364vw, 1.65rem);
  --fs-statement: clamp(1.5rem, 1.173rem + 1.455vw, 2.3rem);

  --lh-h1: 1.08;
  --lh-h2: 1.12;
  --lh-h3: 1.18;
  --lh-h4: 1.26;
  --lh-snug: 1.3;
  --lh-body: 1.6;
  --lh-lead: 1.42;

  --ls-h1: -0.01em;
  --ls-h2: -0.008em;
  --ls-h3: -0.004em;
  --ls-h4: 0em;

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-smd: 1.25rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  2.5rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 5rem;
  --space-5xl: 6rem;
  --space-6xl: 8rem;
  --space-7xl: 10rem;

  --space-section: clamp(4.5rem, 2.761rem + 7.727vw, 8.75rem);
  --space-block:   clamp(2.5rem, 1.682rem + 3.636vw, 4.5rem);
  --gutter:        clamp(1.25rem, 0.6364rem + 2.727vw, 2.75rem);
  --container-max: 1160px;

  --brand-50:  oklch(0.965 0.015 130);
  --brand-100: oklch(0.935 0.030 130);
  --brand-200: oklch(0.880 0.050 130);
  --brand-300: oklch(0.805 0.070 130);
  --brand-400: oklch(0.705 0.085 130);
  --brand-500: oklch(0.615 0.083 130);
  --brand-600: oklch(0.545 0.080 130);
  --brand-700: oklch(0.480 0.075 130);
  --brand-800: oklch(0.400 0.062 130);
  --brand-900: oklch(0.325 0.050 130);

  --measure: 68ch;
  --measure-wide: 76ch;
  --measure-narrow:60ch;
  --article-gap: clamp(1.15rem, 1rem + 0.6vw, 1.5rem);
}

/* PAPEL · base editorial cálida (marfil + tinta marrón + oliva) */
html[data-theme="light"] {
  --bg:      #F4F2EC;   /* lienzo */
  --paper:   #FAF9F5;   /* plano: tarjetas y paneles */
  --soft:    #ECEAE2;   /* relieve: zonas activas */
  --panel:   #E2DFD5;   /* foco: lo seleccionado */
  --ink:     #2E2C28;
  --title:   #141413;
  --muted:   #5E5A51;
  --muted-2: #8B8578;
  --line:    #D9D5CA;
  --line-2:  #C4BFB1;
  --dark:    #141413;
  --green:   #788C5D;   /* solo fondos y trazos; en texto usar --blue-text */
  --blue:    #556D3B;
  --violet:  #C4B8A8;
  --blue-text:    #556D3B;
  --green-text:   #556D3B;
  --muted-2-text: #8B8578;
  --sweep-a: #556D3B;
  --sweep-b: #788C5D;
  --glow-green:  rgba(120, 140, 93, .10);
  --glow-blue:   rgba(92, 74, 58, .08);
  --glow-violet: rgba(196, 184, 168, .12);
  /* conceptos · v7.0 */
  --c-propio: #556D3B;  --c-propio-soft: #E1E7D4;
  --c-google: #2F5A80;  --c-google-soft: #DCE6EF;
  --c-ia:     #8A5E12;  --c-ia-soft:     #F1E6CB;
  --c-otros:  #7A7367;  --c-otros-soft:  #E8E5DE;
}

/* SEÑAL · sala de máquinas sobre negro cálido (Sentinel, paneles, cierre) */
html[data-theme="dark"] {
  --bg:      #141413;   /* lienzo */
  --paper:   #1F1E1B;   /* plano: tarjetas y paneles · L* 11 */
  --soft:    #262522;   /* relieve: zonas activas · L* 15 */
  --panel:   #2C2B27;   /* foco: lo seleccionado · L* 18 */
  --ink:     #DED8C9;   /* cuerpo · 13:1 sobre el lienzo */
  --title:   #FBF6EA;   /* titulares y cifras */
  --muted:   #A9A396;
  --muted-2: #969082;   /* continuación Cursor · sube un punto para AA sobre --panel */
  --line:    #2E2D29;
  --line-2:  #3D3B36;
  --dark:    #DED8C9;
  --green:   #9BB076;
  --blue:    #9BB076;
  --violet:  #EBC26A;
  --blue-text:    #9BB076;
  --green-text:   #9BB076;
  --muted-2-text: #969082;
  --sweep-a: #9BB076;
  --sweep-b: #D3E0B5;
  --glow-green:  rgba(155, 176, 118, .14);
  --glow-blue:   rgba(155, 176, 118, .12);
  --glow-violet: rgba(196, 184, 168, .10);
  /* conceptos · v7.0 */
  --c-propio: #9BB076;  --c-propio-soft: #25301C;
  --c-google: #7FA3CC;  --c-google-soft: #1C2836;
  --c-ia:     #EBC26A;  --c-ia-soft:     #3A2F14;
  --c-otros:  #857D72;  --c-otros-soft:  #26241F;
}


/* ============================================================
   OVERRIDE · Banner de cookies Complianz · v6.2
   Artefacto sobre negro cálido con acento oliva. Sin azul.
   v7.1 · tema 0.122.8 · 16-10-2026: tipografías y radio del sistema 2026.
   Fuera Newsreader (es de jesusripa.com), JetBrains Mono (derogada) y Work Sans;
   texto en Outfit, botones y pestaña en Space Grotesk, radio 0 (lo que declara /colofon/).
   ============================================================ */
.cmplz-cookiebanner {
  background-color: #141413 !important;
  color: #F7F1E3 !important;
  border: 1px solid rgba(247, 241, 227, .16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.cmplz-cookiebanner .cmplz-title,
.cmplz-cookiebanner .cmplz-header { color: #FBF6EA !important; font-weight: 500 !important; font-family: var(--font-sans, "Outfit"), system-ui, sans-serif !important; }
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-body { color: #B0AEA5 !important; font-family: var(--font-sans, "Outfit"), system-ui, sans-serif !important; }
.cmplz-cookiebanner .cmplz-message a,
.cmplz-cookiebanner .cmplz-links a { color: #9BB076 !important; text-decoration: underline; }
.cmplz-cookiebanner .cmplz-btn {
  font-family: var(--font-mono, "Space Grotesk"), "Outfit", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: .04em !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept {
  background-color: #788C5D !important;
  border-color: #788C5D !important;
  color: #141413 !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background-color: #9BB076 !important; border-color: #9BB076 !important; }
.cmplz-cookiebanner .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options {
  background-color: transparent !important;
  border: 1px solid rgba(247, 241, 227, .28) !important;
  color: #F7F1E3 !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options:hover { border-color: #9BB076 !important; color: #9BB076 !important; }
.cmplz-cookiebanner .cmplz-categories .cmplz-category { background: #1E1E1C !important; color: #F7F1E3 !important; }
.cmplz-cookiebanner input.cmplz-consent-checkbox:checked + label { background-color: #788C5D !important; }
/* Pestaña flotante de consentimiento · v6.4 · selector real .cmplz-manage-consent */
button.cmplz-btn.cmplz-manage-consent,
#cmplz-manage-consent .cmplz-manage-consent-button,
.cmplz-manage-consent-button {
  background-color: #141413 !important;
  color: #F7F1E3 !important;
  border: 1px solid #141413 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  font-family: var(--font-mono, "Space Grotesk"), "Outfit", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  padding: 10px 16px !important;
  box-shadow: none !important;
  opacity: .78 !important;
  z-index: 40 !important;
  transition: opacity .18s ease, color .18s ease !important;
}
button.cmplz-btn.cmplz-manage-consent:hover,
.cmplz-manage-consent-button:hover { opacity: 1 !important; color: #9BB076 !important; }
button.cmplz-btn.cmplz-manage-consent:focus-visible,
.cmplz-manage-consent-button:focus-visible { opacity: 1 !important; outline: 2px solid #9BB076 !important; outline-offset: 2px !important; }
html[data-theme="dark"] button.cmplz-btn.cmplz-manage-consent,
html[data-theme="dark"] .cmplz-manage-consent-button {
  background-color: #1E1E1C !important;
  border-color: rgba(247, 241, 227, .16) !important;
  color: #F7F1E3 !important;
}
@media (max-width: 640px) {
  button.cmplz-btn.cmplz-manage-consent,
  .cmplz-manage-consent-button {
    right: 12px !important;
    max-width: 56vw !important;
    padding: 8px 12px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}


/* v6.3 · Variables internas de Complianz + especificidad reforzada */
.cmplz-cookiebanner, #cmplz-cookiebanner-container .cmplz-cookiebanner {
  --cmplz_banner_background_color: #141413 !important;
  --cmplz_banner_border_color: rgba(247,241,227,.16) !important;
  --cmplz_banner_text_color: #F7F1E3 !important;
  --cmplz_button_accept_background_color: #788C5D !important;
  --cmplz_button_accept_border_color: #788C5D !important;
  --cmplz_button_accept_text_color: #141413 !important;
  --cmplz_button_deny_background_color: transparent !important;
  --cmplz_button_deny_border_color: rgba(247,241,227,.28) !important;
  --cmplz_button_deny_text_color: #F7F1E3 !important;
  --cmplz_button_settings_background_color: transparent !important;
  --cmplz_button_settings_border_color: rgba(247,241,227,.28) !important;
  --cmplz_button_settings_text_color: #F7F1E3 !important;
  --cmplz_link_color: #9BB076 !important;
  --cmplz_categories_active_background_color: #1E1E1C !important;
  --cmplz_banner_border_radius: 0 !important;
  --cmplz_button_border_radius: 0 !important;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
body .cmplz-cookiebanner button.cmplz-accept {
  background-color: #788C5D !important;
  border-color: #788C5D !important;
  color: #141413 !important;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover,
body .cmplz-cookiebanner button.cmplz-accept:hover {
  background-color: #9BB076 !important;
  border-color: #9BB076 !important;
}