.elementor-30056 .elementor-element.elementor-element-ae9140e{--display:flex;}.elementor-30056 .elementor-element.elementor-element-8f46a11{--display:flex;}/* Start custom CSS for html, class: .elementor-element-c7c09e4 *//* ════════════════════════════════════════
   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 MÓVIL — NUESTRO EQUIPO
════════════════════════════════════════ */

@media(max-width: 767px) {
  /* Sección terapéutico: 2 cols → 1 col */
  .seo-2col {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  /* Grids inline 2 cols en section-dark */
  .section-dark [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  /* Cards terapéutico: ancho completo */
  .section-dark [style*="border-radius:12px"][style*="padding:18px"] {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Values grid en section-dark: 3 cols → 1 col */
  .section-dark .values-grid {
    grid-template-columns: 1fr !important;
  }

  /* Historia enlace: flex-direction column */
  .section-white [style*="align-items:center"][style*="justify-content:space-between"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }
}

/* Badge ELO: subtítulo más visible */
.prof-photo-badge-label {
  color: rgba(242, 237, 224, 0.85) !important; /* sube de .6 a .85 */
  font-weight: 400 !important;                  /* de 300 a 400 */
  font-size: 12px !important;
}/* End custom CSS */