/* Páginas legales y de error. */
.texto-legal { max-width: 46rem; padding-block: var(--espacio-5) var(--espacio-6); }
.texto-legal h1 { font-size: clamp(1.8rem, 5vw, 2.6rem); margin-bottom: var(--espacio-3); }
.texto-legal h2 { font-size: 1.25rem; margin: var(--espacio-5) 0 var(--espacio-2); color: var(--blue-dark); }
.texto-legal p, .texto-legal ul { margin-bottom: var(--espacio-3); }
.texto-legal ul { list-style: disc; padding-left: 1.4rem; }
.texto-legal li { margin-bottom: var(--espacio-2); }
.texto-legal__fecha { color: var(--text-muted); font-size: var(--texto-s); }
.aviso-borrador { padding: var(--espacio-3); border: 2px solid var(--yellow); border-radius: var(--radio-chico); background: #fff8e1; font-size: var(--texto-s); }

.pagina-error { display: grid; gap: var(--espacio-4); align-items: center; justify-items: center; padding-block: var(--espacio-6); text-align: center; }
.pagina-error img { width: 140px; height: auto; }
.pagina-error h1 { font-size: clamp(1.8rem, 5vw, 2.6rem); margin-bottom: var(--espacio-3); }
.pagina-error p { margin-bottom: var(--espacio-3); color: var(--text-muted); }
.pagina-error .etiqueta { color: var(--blue); }
.pagina-error__botones { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--espacio-3); margin-top: var(--espacio-4); }

@media (min-width: 768px) {
  .pagina-error { grid-template-columns: auto 1fr; justify-items: start; text-align: left; }
  .pagina-error__botones { justify-content: flex-start; }
}