.elementor-41897 .elementor-element.elementor-element-a34d115{--display:flex;}/* Start custom CSS for html, class: .elementor-element-818aa6d *//* ════════════════════════════════════════
   FIX LEGIBILIDAD CHESSCUL — EQUIPO
   1. Value titles invisibles en section-light
   2. Cuerpo de texto secciones oscuras
════════════════════════════════════════ */

/* ── FIX 1: Títulos de value-card invisibles ──
   El bug: .value-title usaba color:var(--dt1) = #f2ede0
   que es casi blanco e invisible sobre section-light (#f5f2ec) */
.section-light .value-title,
.value-card .value-title {
  color: var(--t1) !important; /* #0d1120 — negro sobre fondo claro */
}

.section-light .value-desc,
.value-card .value-desc {
  color: var(--t2) !important; /* #4a4540 — texto secundario legible */
}

/* ── FIX 2: Cuerpo de texto secciones oscuras ──
   Problema: font-weight:300 + ~13px + color tenue = ilegible
   en pantallas no-retina y usuarios >40 años */

/* Párrafos generales sobre fondo oscuro */
.section-dark p,
.section-dark li,
.cta-final p {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #c8c0b0 !important;
  line-height: 1.72 !important;
}

/* Texto de las value-cards (sección dark) */
.section-dark .value-desc {
  font-size: 13px !important;   /* cards pequeñas: 13px es ok */
  font-weight: 400 !important;  /* el cambio clave: 300→400 */
  color: #bdb5a4 !important;    /* sube de ~#7e7870 a esto */
}

/* Texto de tarjetas de contexto (ajedrez terapéutico) */
.section-dark [style*="font-size:12px"] {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #b8b0a0 !important;
}

/* Bio de profesores compactos (section-white/light) */
.prof-compact-bio {
  font-size: 13px !important;
  font-weight: 400 !important;  /* de 300 a 400 */
  color: var(--t2) !important;
  line-height: 1.65 !important;
}

/* Bio principal Alberto */
.prof-bio p {
  font-size: 14px !important;
  font-weight: 400 !important;  /* de 300 a 400 */
  color: var(--t2) !important;
}

/* Texto secundario prof-title y prof-compact-title */
.prof-compact-title {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--t3) !important;
}

/* Credenciales profesores */
.prof-cred span,
.prof-compact-bio ~ .prof-credentials .prof-cred span {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--t2) !important;
}

/* Testimonios: texto de reseña */
.profile [style*="font-weight:300"] {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: var(--t2) !important;
}

/* eq-sub: subtítulo hero equipo */
.eq-sub {
  font-weight: 400 !important;  /* de 300 a 400 */
  color: #c8c0b0 !important;    /* sube de var(--dt2) */
}

/* ════════════════════════════════════════
   FIX HISTORIA CHESSCUL
   Legibilidad cuerpo de texto
════════════════════════════════════════ */

/* Grid filosofía: Acceso / Calidad / Impacto */
.section-dark [style*="font-weight:900"][style*="font-size:36px"] {
  color: var(--dt1) !important; /* ya está bien, por si acaso */
}

/* Párrafos dentro de tarjetas dark — el problema principal */
.section-dark [style*="font-weight:300"] {
  font-weight: 400 !important;
  color: #c0b8a8 !important; /* sube de ~#7e7870 a esto */
}

/* Texto de tarjetas "Por qué Chesscul" */
.section-dark [style*="color:var(--dt2)"],
.section-dark [style*="color:var(--dt3)"] {
  color: #bdb5a4 !important;
  font-weight: 400 !important;
}

/* Stats section-white: labels descriptivos */
.section-white [style*="font-weight:300"][style*="color:var(--t3)"] {
  font-weight: 400 !important;
  color: var(--t2) !important; /* #4a4540 sobre fondo claro */
}

/* Timeline: descripciones */
.timeline-desc {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: var(--t2) !important;
}

/* Timeline: títulos */
.timeline-title {
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* Cita blockquote en section-dark */
.section-dark blockquote {
  color: var(--dt1) !important; /* ya está bien */
  line-height: 1.40 !important;
}

/* Párrafos del origen (section-light, 2 columnas) */
.section-light [style*="font-weight:300"][style*="color:var(--t2)"] {
  font-weight: 400 !important;
  font-size: 15px !important;
  color: var(--t2) !important;
}

/* Cita de Alberto (bloque dorado) */
.section-light [style*="font-style:italic"] {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: var(--t2) !important;
}

/* eq-sub: subtítulo del hero */
.eq-sub {
  font-weight: 400 !important;
  color: #c8c0b0 !important;
  font-size: 16px !important;
}

/* Párrafo final de stats (el recuadro blanco) */
.section-white [style*="font-weight:300"][style*="max-width:640px"] {
  font-weight: 400 !important;
  font-size: 15px !important;
  color: var(--t2) !important;
  line-height: 1.72 !important;
}

/* Títulos de tarjetas "Por qué Chesscul": color dorado ya está, pero tamaño */
.section-dark [style*="font-size:13px"][style*="font-weight:500"][style*="color:var(--gold)"] {
  font-size: 14px !important;
}

/* Responsive móvil: ajuste timeline */
@media(max-width:520px) {
  .timeline-desc {
    font-size: 14px !important;
  }
  .timeline-year {
    font-size: 12px !important;
  }
}

/* ════════════════════════════════════════
   FIX MÓVIL — HISTORIA CHESSCUL
════════════════════════════════════════ */

/* Clase helper para grids 2col que colapsan a 1col en móvil */
.seo-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}

@media(max-width: 767px) {
  /* Grid origen: texto + foto */
  .seo-2col {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  /* Grid filosofía (Acceso/Calidad/Impacto) — 3 cols → 1 col */
  .section-dark [style*="grid-template-columns:repeat(3,1fr)"],
  .section-dark .values-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  /* Grid "Por qué Chesscul" — 2 cols → 1 col */
  .section-dark [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  /* Stats "resultados reales" — 4 cols → 2 cols */
  .section-white [style*="grid-template-columns:repeat(4,1fr)"],
  .section-white .values-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  /* Timeline: padding reducido en móvil */
  .timeline {
    padding-left: 20px !important;
  }

  .timeline-desc {
    font-size: 13px !important;
  }

  /* Imagen del origen: altura máxima en móvil */
  .seo-2col img {
    max-height: 280px !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  /* Blockquote filosofía: tamaño reducido */
  .section-dark blockquote {
    font-size: clamp(17px, 4.5vw, 22px) !important;
  }

  /* Inner: padding reducido */
  .inner {
    padding: 36px 18px !important;
  }

  /* eq-hero: padding móvil */
  .eq-hero-inner {
    padding: 40px 18px 48px !important;
  }

  /* CTA trust items en móvil */
  .cta-final__trust {
    gap: 12px !important;
    flex-direction: column !important;
    align-items: center !important;
  }
}

@media(max-width: 480px) {
  /* Stats: en móvil muy pequeño, 1 col */
  .section-white .values-grid {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */