/* Keepy · /keepy/ «Sobre nosotros» (página 2057) — familia kso-*
   Se sirve SOLO en la 2057, desde el child theme (mismo patrón que el snippet 7 y el 25). */

/* --- Rejilla: sin esto Divi sirve las filas a 1.037 px / 281 en móvil ---
   La variable que entra en el calc del ancho de columna es --horizontal-gap-parent. */
.kso .et_pb_row{
  --row-gutter-horizontal:16px;
  --horizontal-gap:16px;
  --horizontal-gap-parent:16px;
  column-gap:16px!important;
  row-gap:16px!important;
  max-width:1180px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* --- Tarjetas: misma altura y contenido arriba --- */
.kso .et_pb_column{display:flex;flex-direction:column}
.kso .et_pb_module{width:100%}

/* --- Cifras: alineadas ARRIBA, para que los números compartan línea base --- */
.kso-cifras-grid .et_pb_column{text-align:center;justify-content:flex-start}

/* --- Tarjetas de centro y de reseña: el último párrafo, abajo del todo --- */
.kso-centros-grid .et_pb_text,
.kso-op-grid .et_pb_text{flex:1 1 auto;display:flex;flex-direction:column}
.kso-centros-grid .et_pb_text p:last-child,
.kso-op-grid .et_pb_text p:last-child{margin-top:auto}

/* --- Párrafos centrados: sin margen automático quedan descentrados
       al aplicarles la medida de lectura --- */
.kso .et_pb_text p[style*="text-align:center"]{margin-left:auto;margin-right:auto}

/* --- Historia y personas: la imagen y la caja, centradas respecto al texto --- */
.kso-historia-grid .et_pb_column:last-child,
.kso-personas-grid .et_pb_column:last-child{justify-content:flex-start}

/* --- Medida de lectura: al párrafo, nunca al bloque del titular --- */
.kso .et_pb_text p{max-width:74ch}
.kso-cifras .et_pb_text p,
.kso-opiniones .et_pb_text p,
.kso-cierre .et_pb_text p,
.kso-empresa .et_pb_text p,
.kso-salidas .et_pb_text p,
.kso-franquicia .et_pb_text p,
.kso-revision .et_pb_text p{max-width:none}

/* --- Listas de checks (sección oscura) --- */
.kso-promesas ul{margin:0;padding:0}
.kso-promesas li{list-style:none}

/* --- Foco visible en todo lo tabulable --- */
.kso a:focus-visible{outline:3px solid #C2D500;outline-offset:2px;border-radius:4px}

/* --- Objetivo táctil de los enlaces de las salidas --- */
.kso-salidas a{display:inline-block;padding:4px 2px}

/* --- Móvil --- */
@media(max-width:980px){
  .kso .et_pb_row{--horizontal-gap-parent:14px;--horizontal-gap:14px;column-gap:14px!important;row-gap:14px!important}
}
@media(max-width:767px){
  .kso .et_pb_text p{max-width:none}
  .kso-historia-grid .et_pb_column:last-child{margin-top:6px}
  .kso-personas-grid .et_pb_column:last-child{margin-top:6px}
}