/**
 * producto-page.css — Layout de sección para las páginas dedicadas
 * (como-funciona.php, demo.php, precios.php, preguntas-frecuentes.php).
 * En desktop ancho, el label queda sticky al costado del contenido —
 * mismo patrón que producto-page.css de juridica.intea.com.ar.
 */

.producto-section { border-bottom: 1px solid var(--border); }
.producto-section:last-of-type { border-bottom: none; }

.producto-section .label { margin-bottom: 0; }

.producto-section-title {
  font-size: clamp(1.4rem, 3.4vw, 1.9rem);
  max-width: 34ch;
  margin: 1rem 0 1.1rem;
}

.producto-section > .wrap > p {
  color: var(--text-2);
  font-size: 0.98rem;
  line-height: 1.75;
  max-width: 68ch;
}

@media (min-width: 1024px) {
  .producto-section .wrap {
    display: grid;
    grid-template-columns: 160px 1fr;
    column-gap: 3.5rem;
    align-items: start;
  }

  .producto-section .label {
    position: sticky;
    top: 6.5rem;
  }
}