/* SIONO 360° — páginas legales. Manual de marca: Montserrat, azul noche + arena. */
:root { --bg: #0b1626; --arena: #c4b5a7; --oro: #d6b98c; --text: #e7ebf0; --muted: #b9c4d1; --line: rgba(255, 255, 255, .1);
  --sans: Montserrat, 'Helvetica Neue', Arial, sans-serif; }
* { box-sizing: border-box; }
body.lg { margin: 0; background: var(--bg); color: var(--text); font-family: var(--sans); -webkit-font-smoothing: antialiased; line-height: 1.7; }
a { color: var(--oro); text-underline-offset: 3px; }
.lg-top { padding: 22px 20px; border-bottom: 1px solid var(--line); display: flex; justify-content: center; }
.lg-top a { color: #fff; text-decoration: none; }
.lg-main { max-width: 760px; margin: 0 auto; padding: 48px 20px 64px; font-size: 15.5px; }
.lg-eyebrow { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; color: var(--arena); }
h1 { font-size: clamp(30px, 6vw, 42px); font-weight: 700; letter-spacing: -.02em; line-height: 1.15; margin: 10px 0 6px; color: #fff; }
.lg-date { margin: 0 0 30px; font-size: 13px; color: var(--muted); }
h2 { font-size: 19px; font-weight: 600; color: #fff; margin: 36px 0 8px; }
h3 { font-size: 15.5px; font-weight: 600; color: var(--arena); margin: 20px 0 4px; }
p, li { color: var(--text); }
ul { padding-left: 20px; }
li { margin: 4px 0; }
.lg-foot { padding: 24px 20px max(24px, env(safe-area-inset-bottom)); border-top: 1px solid var(--line); text-align: center; font-size: 12px; color: var(--muted); }

/* Logo SIONO 360° (igual al de la página de inicio) */
.siono-lockup { --bl: 12px; font-size: var(--bl); display: inline-flex; align-items: center; gap: 1.15em; line-height: 1; white-space: nowrap; }
.siono-lockup .bl-wm { height: 2.86em; width: auto; display: block; }
.bl-seal { display: inline-flex; align-items: center; gap: .67em; height: 2.3em; padding: 0 1.05em 0 .78em; border: 1px solid rgba(196, 181, 167, .6); border-radius: 99px; }
.bl-globe { width: 1.25em; height: 1.25em; overflow: visible; }
.bl-globe * { stroke: #c4b5a7; stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.bl-num { font-family: var(--sans); font-weight: 600; font-size: 1em; letter-spacing: .22em; margin-right: -.22em; color: #eae3db; }
.bl-m1, .bl-m2 { transform-box: fill-box; transform-origin: center; }
.bl-m1 { transform: scaleX(.42); }
.bl-m2 { opacity: 0; }
.lg-top a { display: inline-flex; align-items: center; min-height: 48px; }