/* ═══════════════════════════════════════════════════════════════════════════
   ROMANO & LANZAGORTA ASOCIADOS
   07 · Páginas legales
   Mismo sistema que la portada. Un documento legal no cambia de identidad:
   cambia de densidad.
   ═══════════════════════════════════════════════════════════════════════════ */

.legal-enc {
  padding-top: calc(var(--alto-cabecera) + clamp(4rem, 12vh, 9rem));
  padding-bottom: var(--e-3);
}

.legal-enc__rotulo { grid-column: 1 / -1; margin-bottom: var(--e-4); }
.legal-enc__titulo { grid-column: 1 / 9; }
.legal-enc__datos  { grid-column: 1 / -1; margin-top: var(--e-7); }

@media (max-width: 1180px) { .legal-enc__titulo { grid-column: 1 / 11; } }
@media (max-width: 860px)  { .legal-enc__titulo { grid-column: 1 / -1; } }

.legal-entrada {
  grid-column: 4 / 10;
  max-width: 62ch;
}

@media (max-width: 1180px) { .legal-entrada { grid-column: 4 / -1; } }
@media (max-width: 860px)  { .legal-entrada { grid-column: 1 / -1; } }

/* ── Cláusula ───────────────────────────────────────────────────────────── */

.clausula {
  border-top: var(--filete) solid var(--linea);
  padding-block: var(--e-4);
}

.clausula:last-of-type { border-bottom: var(--filete) solid var(--linea); }

.clausula__cuerpo {
  font-size: var(--t-cuerpo);
  line-height: var(--l-cuerpo);
  color: var(--tinta);
}

.clausula__cuerpo p + p { margin-top: 1.15em; }

/* Rótulo en línea: nombra el supuesto sin recurrir a negrita. */
.clausula__rot {
  color: var(--gris);
  letter-spacing: 0.005em;
}

/* La cifra de la cláusula reutiliza el componente de fase del proceso. */
.clausula .fase__cifra { margin-bottom: 0.75rem; }

@media (max-width: 860px) {
  .clausula .fase__cifra { margin-bottom: 0.4rem; }
}