/* KORE · corrección de contraste (auditoría 9-ago-2026)
   ------------------------------------------------------------------
   La auditoría encontró texto entre 1.72:1 y 3.61:1. El mínimo legible
   es 4.5:1 para texto normal y 3:1 para titulares grandes.
   Aquí SOLO se oscurecen o aclaran tonos; no se cambia ninguna forma,
   tipografía ni disposición. Si algún tono no te gusta, se cambia en una línea.
   ->  /assets/kore-contraste.css   (se carga después del CSS de cada página)
*/

:root{
  /* Dorado de marca: #C9A84C daba 2.15:1 como texto y 2.29:1 con letras
     blancas encima (tus botones de compra). Este pasa en los tres fondos
     claros que usa el sitio: crema 5.45:1, panel 4.93:1, menta 4.97:1;
     y con letras blancas encima, 5.79:1. */
  --gold:#7F6115;        /* antes #C9A84C */

  /* Marrón de los párrafos secundarios: daba 3.48:1 sobre crema. */
  --brown:#7A6244;       /* antes #9D805D  ·  ahora 5.40:1 */

  /* --gold2 (#E6C86B) NO se toca: solo aparece sobre fondo oscuro, y ahí sí pasa. */
}

/* Nota: el dorado sobre las secciones verde oscuro se corrige en cada página,
   porque la misma clase (.como, .problema) es clara en unas y oscura en otras. */

/* Etiquetas "✗ El ritmo de hoy" / "✗ Dopamina fásica": daban 4.30:1.
   La regla original es ".que .dcard.fasica .lbl", así que hay que igualar
   esa especificidad o no gana. */
.que .dcard.fasica .lbl{color:#9E5426}

/* Precio anterior tachado en las tarjetas de la portada: daba 3.01:1.
   Ojo: NO usar ".price small" a secas — en Kit Familiar ese "USD" va en
   blanco sobre verde oscuro y se volvería ilegible. */
.card .foot .price small{color:#6F6759}

/* Créditos del pie sobre verde noche: daban 3.67:1 y 3.80:1 */
footer .cc{color:#AFC3B7}

/* En Koro el botón dorado llevaba letras verdes (2.01:1 con el dorado profundo).
   Con letras blancas quedan en 5.79:1 y además todos los botones de compra
   del sitio pasan a verse igual. */
.btn.gold{background:var(--gold);color:#fff}
.btn.gold:hover{background:var(--gold);color:#fff;filter:brightness(1.12)}
.btn:hover, a.btn:hover{filter:brightness(1.08)}

/* ------------------------------------------------------------------
   AÑADIDO 11-ago · dos fallos que la primera revisión no vio, porque
   el medidor no sabía leer los FONDOS DEGRADADOS y se saltaba al color
   del padre. Estos son de verdad, medidos sobre el degradado.

   1) Los botones dorados con letra oscura.
      El fondo es un degradado de --gold2 a --gold. Al oscurecer --gold
      (de #C9A84C a #7F6115) para arreglar el dorado COMO TEXTO, sin
      querer oscurecí también el extremo de estos botones: la letra
      #2a2410 pasó de 6.76:1 a 2.67:1 en esa esquina.
      Solución: a estos elementos se les da su PROPIO valor de --gold, el
      claro de siempre. Como la variable se resuelve en el elemento donde
      se usa, sus degradados vuelven a ser claros sin tocar el --gold
      oscuro del resto de la página, que es donde hacía falta.
      ⚠️ El :not(.gold) es imprescindible: .btn.gold es el botón macizo con
      letras BLANCAS. Si se le aclarara el fondo volvería a 2.29:1, que era
      el fallo más grave de la auditoría. */
.btn:not(.gold), .card a.cta, a.mini, .l.g, .seal, .promo, .ahorro{ --gold:#C9A84C }

/* 2) Las tarjetas verdes del mundo KORE Kids.
      El verde claro #3E7C63 dejaba el dorado en 3.01:1 y los párrafos
      en 3.98:1. Se baja al mismo verde con el que ya funciona el mundo
      de adultos; no cambia la familia de color, solo la profundidad. */
.mundo.kids{background:linear-gradient(150deg,#2F5D50,#24483A)}