/* textSplitClaim — frase pegajosa a la izquierda, desarrollo a la derecha.
   Sin fondo propio, sin cajas, sin filetes decorativos: sólo aire y jerarquía. */

/* minmax(0,…) obligatorio: la columna izquierda lleva titular y una palabra
   alemana larga fijaría su min-content y descuadraría la rejilla entera */
.g-textSplitClaim-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: clamp(34px, 5.5vw, 88px);
  align-items: start;
}

/* la celda corta ocupa todo el alto de la fila: así el pegajoso tiene recorrido
   y las dos columnas miden lo mismo (ninguna mitad hueca) */
.g-textSplitClaim-left { align-self: stretch; }
.g-textSplitClaim-sticky { position: sticky; top: 132px; }

.g-textSplitClaim-claim {
  font-size: clamp(30px, 4.4vw, 54px);
  line-height: 1.04;
  /* a cuerpo de titular, `hyphens: auto` parte casi todas las líneas en alemán */
  hyphens: manual;
  overflow-wrap: break-word;
}

.g-textSplitClaim-body { max-width: 64ch; }
.g-textSplitClaim-line + .g-textSplitClaim-line { margin-top: 18px; }

.g-textSplitClaim-p {
  font-size: 17px;
  line-height: 1.72;
  color: var(--t2);
  text-wrap: pretty;
}
/* el primer párrafo entra un punto más alto: ritmo de lectura, no muro */
.g-textSplitClaim-line:first-child .g-textSplitClaim-p {
  font-size: 19px;
  line-height: 1.62;
  color: var(--text);
}

.g-textSplitClaim-link {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
  transition: color 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.g-textSplitClaim-link span {
  border-bottom: 1px solid var(--line2);
  padding-bottom: 3px;
  transition: border-color 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.g-textSplitClaim-link svg { transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1); }
.g-textSplitClaim-link:hover { color: var(--a2); }
.g-textSplitClaim-link:hover span { border-color: var(--a2); }
.g-textSplitClaim-link:hover svg { transform: translate(3px, -3px); }

@media (max-width: 900px) {
  /* móvil: una sola columna, la frase arriba y ya no pegajosa */
  .g-textSplitClaim-grid { grid-template-columns: 1fr; gap: 26px; }
  .g-textSplitClaim-left { align-self: auto; }
  .g-textSplitClaim-sticky { position: static; }
  .g-textSplitClaim-claim { font-size: clamp(29px, 8.4vw, 40px); }
  .g-textSplitClaim-body { max-width: none; }
  .g-textSplitClaim-p { font-size: 16.5px; }
  .g-textSplitClaim-line:first-child .g-textSplitClaim-p { font-size: 17.5px; }
}

@media (prefers-reduced-motion: reduce) {
  .g-textSplitClaim-link,
  .g-textSplitClaim-link span,
  .g-textSplitClaim-link svg { transition: none; }
  .g-textSplitClaim-link:hover svg { transform: none; }
}