.legal { max-width: 780px; margin-inline: auto; padding: clamp(40px, 7vw, 80px) var(--gutter); }
.legal h1 { font-family: var(--f-italica); font-style: italic; font-size: clamp(38px, 6vw, 56px); margin-bottom: 8px; }
.legal h2 { font-family: var(--f-display); font-size: 16px; letter-spacing: .16em; text-transform: uppercase; margin: 32px 0 10px; color: var(--oro-texto); }
.legal p, .legal li { color: var(--tinta-2); }
.legal p + p { margin-top: 10px; }
.legal .volver { display: inline-block; margin-bottom: 24px; font-size: 14px; color: var(--oro-texto); }
.legal .proveedor { background: var(--blanco); border: 1px solid var(--linea); padding: 16px 18px; margin-top: 16px; }
.legal .pendiente { background: #fff4d6; padding: 0 4px; }
.formulario { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.formulario .ancho { grid-column: 1 / -1; }
.formulario fieldset { grid-column: 1 / -1; border: 1px solid var(--linea); padding: 14px; display: flex; gap: 18px; flex-wrap: wrap; }
.formulario legend { font-family: var(--f-display); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; padding: 0 6px; }
.formulario textarea { width: 100%; min-height: 110px; padding: 10px 12px; font: inherit; border: 1px solid var(--linea); border-radius: var(--radio); background: var(--blanco); color: var(--tinta); }
.formulario .resultado { grid-column: 1 / -1; padding: 14px 16px; background: var(--blanco); border-left: 3px solid var(--oro); }
@media (max-width: 560px) { .formulario { grid-template-columns: minmax(0, 1fr); } }