/* ============================================================
   12 · SOPORTE ("Atención al usuario y verificación")
   Anatomy unlike siblings: bloque calmado (respiro entre los
   bloques torcidos). Volante-rail a la izquierda y la columna de
   texto a la derecha, con un filete de césped de "capítulo". Dos
   párrafos textuales del PDF, sin tarjetas ni duplicados.
   ============================================================ */

.soporte {
  padding: var(--tramo) var(--calle);
  background: var(--cal);
  border-top: 1px solid var(--linea);
}
.soporte__caja {
  width: var(--cancha); max-width: 1300px; margin-inline: auto;
  display: grid; grid-template-columns: 0.32fr 0.68fr;
  gap: clamp(1.6rem, 4vw, 4rem); align-items: start;
}
.soporte__rail { position: relative; }
.soporte__volante { display: block; margin-bottom: 1rem; }
.soporte__titulo { font-size: var(--t-titular); max-width: 12ch; }

.soporte__cuerpo {
  padding-left: clamp(1.2rem, 2vw, 2rem);
  border-left: 3px solid var(--cesped);
}
.soporte__p { color: var(--tinta-media); max-width: 64ch; margin-bottom: 1.3rem; font-size: var(--t-lead); }
.soporte__p strong { color: var(--tinta); }
.soporte__cta { margin-top: 0.8rem; }

@media (max-width: 1024px) {
  .soporte__caja { grid-template-columns: 1fr; gap: 1.4rem; }
  .soporte__titulo { max-width: none; }
  .soporte__cuerpo { border-left: 0; padding-left: 0; }
  .soporte__p { max-width: none; font-size: var(--t-texto); }
}