/* Inside Group · páginas legales (Design Max: tokens, modo claro/oscuro, nav, footer) */
:root{
  --bg:#0B0B0D;--bg2:#0F0F12;--bg3:#141416;
  --b:rgba(255,255,255,.08);--red:#C41230;--red2:#E01535;--cream:#F5F0E8;
  --t:#fff;--t2:rgba(255,255,255,.68);--t3:rgba(255,255,255,.4);
  --ff:'Plus Jakarta Sans',system-ui,sans-serif;--fd:'Cormorant Garamond',Georgia,serif;--mono:'JetBrains Mono',monospace;
}
[data-theme="light"]{
  --bg:#F5F0E8;--bg2:#FFFFFF;--bg3:#EFE8DC;--b:rgba(11,11,13,.1);--cream:#0B0B0D;
  --t:#0B0B0D;--t2:rgba(11,11,13,.72);--t3:rgba(11,11,13,.5);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);scroll-behavior:smooth}
body{font-family:var(--ff);background:var(--bg);color:var(--t);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}

/* Nav */
.lg-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 48px;background:rgba(11,11,13,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--b)}
[data-theme="light"] .lg-nav{background:rgba(245,240,232,.94)}
.lg-logo{font-family:var(--fd);font-size:1.15rem;font-weight:700;letter-spacing:.08em;color:var(--cream);text-decoration:none}
.lg-logo span{color:var(--red)}
.lg-right{display:flex;align-items:center;gap:10px}
.lg-cta{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;border-radius:40px;background:var(--red);color:#fff;text-decoration:none}
.lg-cta:hover{background:var(--red2)}
.lg-theme{width:40px;height:40px;border-radius:50%;border:1px solid var(--b);background:transparent;color:var(--cream);cursor:pointer;display:flex;align-items:center;justify-content:center}
.lg-theme:hover{border-color:var(--red);color:var(--red)}
.lg-theme svg{width:17px;height:17px}
[data-theme="dark"] .icon-sun,[data-theme="light"] .icon-moon{display:none}
@media(max-width:640px){.lg-nav{padding:14px 20px}.lg-cta{display:none}}

/* Contenido */
.lg-wrap{max-width:820px;margin:0 auto;padding:56px 24px 80px}
.lg-tag{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.lg-wrap h1{font-family:var(--fd);font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.1;color:var(--cream);margin-bottom:12px}
.lg-meta{font-size:.8rem;color:var(--t3);margin-bottom:32px}
.lg-toc{background:var(--bg2);border:1px solid var(--b);border-radius:16px;padding:20px 24px;margin-bottom:40px}
.lg-toc strong{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin-bottom:10px}
.lg-toc ol{padding-left:20px;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;font-size:.85rem}
.lg-toc a{color:var(--t2);text-decoration:none}.lg-toc a:hover{color:var(--red)}
@media(max-width:600px){.lg-toc ol{grid-template-columns:1fr}}
.lg-wrap h2{font-family:var(--fd);font-size:1.55rem;font-weight:600;color:var(--cream);margin:40px 0 12px;scroll-margin-top:90px}
.lg-wrap h3{font-size:1rem;font-weight:700;margin:22px 0 8px}
.lg-wrap p,.lg-wrap li{font-size:.95rem;color:var(--t2)}
.lg-wrap p{margin-bottom:12px}
.lg-wrap ul,.lg-wrap ol.lg-list{padding-left:22px;margin-bottom:14px;display:flex;flex-direction:column;gap:6px}
.lg-wrap strong{color:var(--t)}
.lg-wrap a{color:var(--red)}
.lg-box{background:var(--bg2);border:1px solid var(--b);border-left:3px solid var(--red);border-radius:12px;padding:18px 22px;margin:16px 0}
.lg-box p:last-child{margin-bottom:0}
.lg-table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:.88rem}
.lg-table th,.lg-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--b);vertical-align:top;color:var(--t2)}
.lg-table th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);font-weight:500}
@media(max-width:600px){.lg-table,.lg-table tbody,.lg-table tr,.lg-table td{display:block;width:100%}.lg-table thead{display:none}.lg-table td{border:none;padding:4px 0}.lg-table tr{border-bottom:1px solid var(--b);padding:10px 0}}
/* Dato que el responsable debe completar antes de publicar */
.pendiente{background:rgba(217,119,6,.18);color:#d97706;border:1px dashed #d97706;border-radius:6px;padding:0 6px;font-weight:600;white-space:normal}

/* Footer */
.lg-footer{border-top:1px solid var(--b);background:var(--bg2);padding:28px 24px;text-align:center;font-size:.8rem;color:var(--t3)}
.lg-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin-bottom:10px}
.lg-footer a{color:var(--t2);text-decoration:none}.lg-footer a:hover{color:var(--red)}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.lg-nav,.lg-footer,.lg-toc{display:none}body{background:#fff;color:#000}}