@font-face { font-family: "Mona Sans"; font-style: normal; font-weight: 300 620; font-stretch: 100% 118%; font-display: swap; src: url("../fonts/mona-sans-latin.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/public-sans-latin.woff2") format("woff2"); }
/* Páginas legales (/privacidad, /terminos) con la misma paleta del sitio */
:root { color-scheme: light; --ink: #17232b; --ink-2: #4b5a62; --line: rgba(23, 35, 43, .14); --blue-ink: #13698a; --stone: #eeeae4; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: var(--ink); font-family: "Public Sans", "Helvetica Neue", Arial, system-ui, sans-serif; font-size: 1rem; line-height: 1.65; }
.legal-header { max-width: 47.5rem; margin: 0 auto; padding: 1.25rem 1.25rem 0; }
.legal-header img, .legal-header svg { height: 2.5rem; width: auto; aspect-ratio: 3624 / 1044; display: block; }
.legal { max-width: 47.5rem; margin: 0 auto; padding: 1.5rem 1.25rem .5rem; }
.legal h1 { font-family: "Mona Sans", "Helvetica Neue", Arial, sans-serif; font-stretch: 112%; font-weight: 520; font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.4rem); line-height: 1.1; letter-spacing: -.015em; margin: .5rem 0 1.25rem; }
.legal h2 { font-family: "Mona Sans", "Helvetica Neue", Arial, sans-serif; font-stretch: 106%; font-weight: 600; font-size: 1.15rem; margin: 1.75rem 0 .5rem; }
.legal p, .legal ul { margin: 0 0 .8rem; }
.legal ul { padding-left: 1.25rem; }
.legal li { margin-bottom: .4rem; }
.legal a { color: var(--blue-ink); }
.legal table { width: 100%; border-collapse: collapse; margin: 0 0 1rem; font-size: .9rem; }
.legal th, .legal td { border: 1px solid var(--line); padding: .5rem .65rem; text-align: left; vertical-align: top; }
.legal th { background: var(--stone); font-weight: 600; }
.legal-version { color: var(--ink-2); font-size: .8rem; margin-top: 1.75rem; }
.legal-footer { max-width: 47.5rem; margin: 0 auto; padding: 0 1.25rem 2.5rem; font-size: .8rem; color: var(--ink-2); }
.legal-footer a { color: inherit; }
:focus-visible { outline: 3px solid #28a8cb; outline-offset: 3px; }