/* MSOFT Retail360 · páginas legales (/privacidad, /terminos). Claro u oscuro según el sistema. */
:root { --tinta: #0e1726; --suave: #4f5d72; --linea: #e2e7ee; --fondo: #f6f8fb; --sup: #fff; --verde: #4b7419; --azul: #1d6fe0; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --tinta: #e8eef6; --suave: #a9b8cc; --linea: rgba(255, 255, 255, .09); --fondo: #080d17; --sup: #0f1726; --verde: #a5d65f; --azul: #8db8ff; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; font: 400 16.5px/1.7 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: var(--fondo); color: var(--tinta); -webkit-font-smoothing: antialiased; }
.skip { position: absolute; left: 16px; top: -60px; padding: 10px 16px; border-radius: 10px; background: #8dc63f; color: #0b1220; font-weight: 700; z-index: 9; }
.skip:focus { top: 12px; }
:focus-visible { outline: 3px solid #60a5fa; outline-offset: 3px; border-radius: 4px; }
.legal__top { background: #0b1220; border-bottom: 3px solid #8dc63f; }
.legal__top div, main, .legal__nav div { width: min(820px, 100% - 32px); margin: 0 auto; }
.legal__top div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; }
.legal__marca { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-weight: 800; letter-spacing: .03em; }
.legal__marca em { font-style: normal; color: #8dc63f; }
.legal__mark { width: 30px; height: 30px; border-radius: 8px; }
.legal__volver { color: #cbd5e1; font-size: 14px; text-decoration: none; }
.legal__volver:hover { color: #fff; }
main { padding: 40px 0 48px; }
h1 { font-size: clamp(28px, 4vw, 36px); line-height: 1.2; margin: 0 0 6px; letter-spacing: -.02em; }
h2 { font-size: 18.5px; margin: 30px 0 6px; color: var(--verde); }
.legal__meta { color: var(--suave); font-size: 14px; margin: 0 0 22px; }
.legal__aviso { margin: 0 0 26px; padding: 14px 16px; border-radius: 12px; border: 1px dashed #e7a417; background: rgba(231, 164, 23, .1); font-size: 14.5px; }
ul { padding-left: 22px; }
a { color: var(--azul); }
.legal__nav { border-top: 1px solid var(--linea); color: var(--suave); font-size: 13.5px; }
.legal__nav div { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: space-between; padding: 18px 0 28px; }