/* Páginas legales (términos y privacidad): hoja blanca, tipografía de Comerciapp, texto cómodo de leer en el celular. */
:root { --tinta: #111; --suave: #5b5b5f; --linea: rgba(0, 0, 0, .14); --fondo: #fff; }
@media (prefers-color-scheme: dark) { :root { --tinta: #f2f2f3; --suave: #a1a1a8; --linea: rgba(255, 255, 255, .18); --fondo: #0b0b0c; } }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--fondo); color: var(--tinta); font: 400 1rem/1.7 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.lg-barra { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: max(.75rem, env(safe-area-inset-top)) 1.25rem .75rem; background: var(--fondo); border-bottom: 1px solid var(--linea); }
.lg-logo { display: inline-flex; align-items: center; gap: .6rem; color: var(--tinta); text-decoration: none; font: 800 1rem Poppins, sans-serif; letter-spacing: .08em; }
.lg-logo img { width: 30px; height: 30px; border-radius: 8px; }
.lg-otro { color: var(--tinta); font-weight: 600; font-size: .9rem; text-decoration: underline; text-underline-offset: 3px; }
.lg { max-width: 760px; margin: 0 auto; padding: 2.2rem 1.25rem calc(4rem + env(safe-area-inset-bottom)); }
.lg h1 { margin: 0 0 .4rem; font: 800 clamp(1.8rem, 6vw, 2.6rem)/1.15 Poppins, sans-serif; letter-spacing: -.01em; }
.lg__fecha { margin: 0 0 1.6rem; color: var(--suave); font-size: .92rem; }
.lg__resumen { margin: 0 0 2rem; padding: 1.1rem 1.25rem; border: 1.5px solid var(--tinta); border-radius: 14px; font-weight: 500; }
.lg__resumen b { font-weight: 800; }
.lg h2 { margin: 2.2rem 0 .6rem; padding-top: 1.4rem; border-top: 1px solid var(--linea); font: 700 1.2rem/1.3 Poppins, sans-serif; }
.lg h3 { margin: 1.3rem 0 .3rem; font: 700 1rem Inter, sans-serif; }
.lg p, .lg li { margin: 0 0 .8rem; }
.lg ul { margin: 0 0 1rem; padding-left: 1.3rem; }
.lg a { color: var(--tinta); text-underline-offset: 3px; }
.lg__indice { margin: 0 0 2rem; padding: 0; list-style: none; columns: 2; column-gap: 2rem; font-size: .93rem; }
.lg__indice li { margin: 0 0 .35rem; break-inside: avoid; }
.lg__indice a { color: var(--suave); text-decoration: none; }
.lg__indice a:hover { color: var(--tinta); text-decoration: underline; }
@media (max-width: 560px) { .lg__indice { columns: 1; } }
.lg-pie { max-width: 760px; margin: 0 auto; padding: 1.5rem 1.25rem 3rem; border-top: 1px solid var(--linea); color: var(--suave); font-size: .88rem; text-align: center; }
.lg-pie a { color: inherit; }