/* Circe — estilos para páginas legales y de formulario (prosa legible) */
.doc { max-width: 760px; margin: 0 auto; padding: 64px 24px 96px; }
.doc .volver { display: inline-block; margin-bottom: 32px; font-size: 0.9rem; }
.doc h1 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 8px; }
.doc .meta { color: var(--crema-dim); font-size: 0.9rem; margin-bottom: 40px; }
.doc h2 { font-size: 1.5rem; margin-top: 48px; color: var(--crema); }
.doc h3 { font-size: 1.2rem; margin-top: 32px; color: var(--dorado); }
.doc p, .doc li { color: var(--crema-dim); }
.doc ul { padding-left: 20px; }
.doc li { margin-bottom: 10px; }
.doc strong { color: var(--crema); }
.doc .var { color: var(--dorado); background: rgba(185,150,104,0.1); padding: 0 4px; border-radius: 2px; }
.doc .aviso-abogado {
  border-left: 3px solid var(--burdeos);
  background: rgba(122,30,60,0.12);
  padding: 16px 20px; margin: 24px 0; border-radius: 2px;
  color: var(--crema); font-size: 0.92rem;
}
.doc hr { border: 0; border-top: 1px solid var(--dorado-dim); margin: 40px 0; }