/* Textos legales de MEDCLIC Firma (/legal/*, /aviso/{folio}). Complementa app.css. */
.legal-pagina { max-width: 860px; margin: 0 auto; }
.legal-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 14px; font-size: .8125rem; color: var(--gris); }
.legal-meta__hash code { font-family: var(--mono); font-size: .75rem; word-break: break-all; background: var(--gris-claro); padding: 2px 6px; border-radius: 4px; }
.legal-cuerpo { padding: 28px 30px; }
.legal-archivado { margin-bottom: 14px; }
.legal { font-size: 1rem; line-height: 1.6; color: var(--tinta); }
.legal h1 { font-size: 1.55rem; line-height: 1.25; margin: 0 0 8px; }
.legal h2 { font-size: 1.15rem; margin: 28px 0 10px; padding-top: 10px; border-top: 1px solid var(--gris-claro); }
.legal h3 { font-size: 1rem; margin: 18px 0 6px; }
.legal p { margin: 0 0 12px; }
.legal ul, .legal ol { margin: 0 0 14px; padding-left: 1.4em; }
.legal li { margin-bottom: 8px; }
.legal__cabecera { margin-bottom: 18px; }
.legal__subtitulo { font-size: 1.02rem; color: var(--tinta-suave); margin: 0 0 4px; }
.legal__version { font-size: .875rem; color: var(--gris); margin: 0; }
.legal__aviso, .legal__destacado { border: 1px solid #bcdcea; background: var(--azul-suave); border-radius: var(--radio); padding: 12px 14px; margin: 0 0 14px; }
.legal__destacado { border-color: #f0dca0; background: var(--aviso-suave); }
.legal__clausulas > li { margin-bottom: 12px; }
.legal__clausulas > li > strong:first-child { color: var(--tinta); }
.legal__pie { margin-top: 24px; font-size: .875rem; color: var(--gris); border-top: 1px solid var(--gris-claro); padding-top: 12px; }
.legal__naturaleza p { font-style: normal; }
.legal__texto-plano { white-space: pre-wrap; font-family: inherit; font-size: .95rem; line-height: 1.6; }
.legal .tabla th, .legal .tabla td { padding: 8px 10px; border-bottom: 1px solid var(--gris-claro); text-align: left; vertical-align: top; font-size: .9rem; }
.legal .tabla th { background: var(--gris-claro); }
.legal-pie { margin-top: 12px; }
.legal-pie .pie__enlaces { margin-top: 6px; }
@media (max-width: 600px) {
	.legal-cuerpo { padding: 18px 16px; }
	.legal h1 { font-size: 1.3rem; }
}