/* Las páginas /legal/* y /ayuda/pqrs (6-oct). Van con mercao.css para
   heredar los colores, la letra, el logo y el pie. */
body.legal { background: var(--pantalla); padding: 0 !important; }
.legal-cab { background: var(--fondo); color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; }
.legal-cab .logo { color: #fff; text-decoration: none; font-size: 28px; margin: 0; }
.legal-volver { color: #fff; font-size: 14px; text-decoration: none; border: 1px solid rgba(255,255,255,.45); border-radius: 20px; padding: 8px 14px; white-space: nowrap; }
.legal-doc { max-width: 760px; margin: 0 auto; padding: 24px 16px 40px; color: var(--tinta); font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
.legal-doc h1 { font-size: 28px; line-height: 1.2; margin: 6px 0 10px; color: var(--fondo-hondo); }
.legal-doc h2 { font-size: 20px; margin: 28px 0 8px; color: var(--fondo-hondo); }
.legal-doc h3 { font-size: 17px; margin: 18px 0 6px; }
.legal-doc p, .legal-doc li { margin: 0 0 10px; }
.legal-doc ul, .legal-doc ol { padding-left: 22px; margin: 0 0 12px; }
.legal-doc a { color: var(--fondo); }
.legal-doc blockquote { margin: 12px 0; padding: 10px 14px; border-left: 4px solid var(--maiz); background: #fff; border-radius: 0 12px 12px 0; }
.legal-doc .tabla { overflow-x: auto; margin: 10px 0 16px; }
.legal-doc table { border-collapse: collapse; width: 100%; font-size: 14px; background: #fff; }
.legal-doc th, .legal-doc td { border: 1px solid var(--linea-fuerte); padding: 8px 10px; text-align: left; vertical-align: top; }
.legal-doc th { background: var(--sobre-fondo); }
.boton-falso { display: inline-block; border: 1px solid var(--fondo); border-radius: 14px; padding: 0 8px; font-size: 13px; }
.legal-huella { font-size: 12px; color: var(--tinta-tenue); margin-top: 30px; }
.archivada { background: var(--ambar-claro); border-radius: 12px; padding: 10px 14px; margin-bottom: 16px; font-size: 14px; }
.separa { border: 0; border-top: 1px solid var(--linea); margin: 32px 0; }
.pqrs .campo { display: flex; flex-direction: column; gap: 4px; margin: 0 0 12px; }
.pqrs .campo span { font-size: 14px; font-weight: 600; }
.pqrs input, .pqrs select, .pqrs textarea { font: inherit; font-size: 16px; padding: 10px 12px; border: 1px solid var(--linea-fuerte); border-radius: 12px; background: #fff; color: var(--tinta); width: 100%; box-sizing: border-box; }
.pqrs textarea { resize: vertical; }
.pqrs .confirmar { width: 100%; }
.radicado-listo { background: #fff; border: 2px solid var(--fondo); border-radius: 18px; padding: 18px; text-align: center; }
.radicado-listo .num { font-size: 26px; font-weight: 800; color: var(--fondo-hondo); margin: 6px 0; }
.consulta-r { background: #fff; border-radius: 14px; padding: 12px 14px; margin-top: 10px; border: 1px solid var(--linea); font-size: 14px; }
.consulta-r ol { padding-left: 20px; margin: 8px 0 0; }
.pie { margin-top: 0; }
.legal-cab .logo { font-family: "Poppins", sans-serif; font-weight: 700; }
.legal-cab .logo .ao { color: var(--maiz); }
.legal-cab .logo .ao path { stroke: var(--maiz); }