/* ─────────────────────────────────────────────────────────────────────────────
   aboutFactsList — el negocio contado con datos.
   Izquierda: etiqueta, titular medio (30-50px) y dos párrafos. Derecha: los
   datos reales en filetes finos de 1px, etiqueta pequeña arriba y valor debajo.
   Un solo fondo (ninguno propio), ni cajas ni iconos, una sola curva.
   ───────────────────────────────────────────────────────────────────────────── */

.g-aboutFactsList-grid {
  display: grid;
  /* minmax(0,…): con `1fr` a secas una palabra alemana larga del titular fija el
     mínimo de su columna y descuadra la rejilla entera */
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
  gap: clamp(36px, 5.6vw, 92px);
  align-items: stretch;
}
.g-aboutFactsList-solo { grid-template-columns: minmax(0, 1fr); }

/* ── columna del texto ───────────────────────────────────────────────────── */
.g-aboutFactsList-h {
  font-size: clamp(30px, 3.6vw, 50px);
  /* en textos grandes, guionado manual: `hyphens:auto` parte casi todas las líneas */
  hyphens: manual;
  overflow-wrap: break-word;
}
.g-aboutFactsList-lede { max-width: 48ch; }
.g-aboutFactsList-body {
  font-size: 16.5px;
  line-height: 1.66;
  color: var(--t2);
  max-width: 48ch;
  margin-top: 18px;
  text-wrap: pretty;
}
.g-aboutFactsList-solo .g-aboutFactsList-lede,
.g-aboutFactsList-solo .g-aboutFactsList-body { max-width: 62ch; }

/* ── columna de los datos ────────────────────────────────────────────────── */
.g-aboutFactsList-facts { display: flex; flex-direction: column; }
.g-aboutFactsList-cap {
  display: block;
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--t3);
  margin-bottom: 16px;
}
/* con pocos datos las filas se reparten el alto de la columna: ninguna mitad
   queda hueca sin tener que estirar nada ni meter cajas */
.g-aboutFactsList-rows {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  border-top: 1px solid var(--line);
}
.g-aboutFactsList-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  flex: 1 1 auto;
  min-height: 80px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
  transition: opacity .8s cubic-bezier(.22,.61,.36,1) var(--d, 0s),
              transform .8s cubic-bezier(.22,.61,.36,1) var(--d, 0s),
              padding-left .5s cubic-bezier(.22,.61,.36,1);
}
.g-aboutFactsList-row:hover { padding-left: 8px; }
.g-aboutFactsList-label {
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--t3);
}
.g-aboutFactsList-value {
  font-family: var(--display), sans-serif;
  font-weight: var(--dw);
  letter-spacing: var(--dt);
  font-size: clamp(20px, 1.9vw, 26px);
  line-height: 1.24;
  color: var(--text);
  font-variant-numeric: tabular-nums;
  hyphens: manual;
  overflow-wrap: break-word;
}

@media (max-width: 900px) {
  .g-aboutFactsList-grid { grid-template-columns: 1fr; gap: 34px; }
  .g-aboutFactsList-lede, .g-aboutFactsList-body { max-width: none; }
  .g-aboutFactsList-body { font-size: 16px; }
  .g-aboutFactsList-rows { flex: none; }
  .g-aboutFactsList-row { min-height: 0; padding: 15px 0; }
  .g-aboutFactsList-row:hover { padding-left: 0; }
  .g-aboutFactsList-value { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .g-aboutFactsList-row { transition: none; }
  .g-aboutFactsList-row:hover { padding-left: 0; }
}