/* Estilos de las páginas legales. Sobrios y legibles a propósito. */
@import url('estilos.css');

.legal-cuerpo { max-width: 720px; margin: 0 auto; padding: 72px 24px 96px; }
.legal-cuerpo h1 { font-size: clamp(30px, 4vw, 40px); line-height: 1.15; margin-bottom: 10px; }
.legal-cuerpo .fecha { color: var(--tenue); font-size: 15px; margin-bottom: 44px; }
.legal-cuerpo h2 { font-size: 21px; margin: 40px 0 14px; }
.legal-cuerpo p, .legal-cuerpo li { color: var(--suave); margin-bottom: 14px; }
.legal-cuerpo ul { padding-left: 22px; }
.legal-cuerpo a { color: var(--violeta); }
.volver { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: var(--violeta); font-weight: 500; margin-bottom: 34px; }

/* Lo que todavía tienes que rellenar se ve a propósito. */
.completar {
  background: #FFF4D6;
  border: 1px solid #F0D98A;
  border-radius: var(--r-menor);
  padding: 2px 8px;
  color: #7A5B00;
  font-weight: 500;
  font-size: .94em;
}