*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --surface: #10131a; --surface-c: #171b24; --primary: #a1faff; --on-surface: #ecedf6; --muted: #a9abb3; --border: #2e323b; }
body { background: var(--surface); color: var(--on-surface); font-family: 'Inter', system-ui, sans-serif; min-height: 100vh; padding: 32px 16px 60px; -webkit-font-smoothing: antialiased; }
.lg-brand { text-align: center; margin-bottom: 8px; }
.lg-brand-name { font-size: 32px; font-weight: 900; letter-spacing: -0.03em; color: var(--primary); line-height: 1; }
.lg-negocio { text-align: center; font-size: 12px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 24px; }
.lg-doc { max-width: 760px; margin: 0 auto; background: var(--surface-c); border-left: 6px solid var(--primary); border-radius: 4px; padding: 32px 36px; }
.lg-doc h1 { font-size: 20px; font-weight: 900; text-transform: uppercase; letter-spacing: -0.02em; margin-bottom: 4px; }
.lg-doc .lg-fecha { font-size: 11px; color: var(--muted); margin-bottom: 24px; }
.lg-doc h2 { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--primary); margin: 24px 0 8px; padding-top: 16px; border-top: 1px solid var(--border); }
.lg-doc h2:first-of-type { border-top: none; padding-top: 0; margin-top: 0; }
.lg-doc p, .lg-doc li { font-size: 13.5px; line-height: 1.65; color: #d4d6dd; }
.lg-doc ul { padding-left: 20px; margin: 6px 0; }
.lg-doc strong { color: var(--on-surface); }
.lg-nota { background: rgba(161,250,255,.08); border-left: 4px solid var(--primary); border-radius: 4px; padding: 12px 14px; margin-top: 26px; font-size: 12.5px; color: #cfeff1; line-height: 1.5; }
.lg-nota a { color: var(--primary); }
.lg-volver { display: block; text-align: center; margin-top: 24px; font-size: 12px; color: var(--muted); text-decoration: underline; }
.lg-volver:hover { color: var(--primary); }
@media (max-width: 575px) { .lg-doc { padding: 22px 18px; } }