/* Páginas legales · tokens GALA reducidos */
:root{
  --paper-0:#FFFFFF; --paper-1:#FBF9F4; --ink-1:#121A33; --ink-2:#46506B; --ink-3:#8A91A3;
  --hairline:#E4E1D9; --accent:#2B3A67; --accent-2:#8FAF2E; --celeste:#3E9FD0; --gold:#C98A1B; --soft-gold:#F7EEDC;
}
*{box-sizing:border-box}
body{margin:0; background:var(--paper-1); color:var(--ink-1); font-family:'Barlow',system-ui,sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased}
.wrap{max-width:760px; margin:0 auto; padding-inline:max(16px,4vw)}
.nav{border-bottom:1px solid var(--hairline); background:rgba(251,249,244,.9)}
.nav .wrap{display:flex; align-items:center; justify-content:space-between; height:64px; max-width:1320px}
.marca{font-weight:800; font-size:14px; letter-spacing:.07em; color:var(--accent); text-transform:uppercase; text-decoration:none}
.marca .guion{color:var(--accent-2); margin:0 6px}
.marca .artefacto{color:var(--celeste)}
main{padding:48px 0 24px}
.eyebrow{font-size:11px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--celeste); margin:0 0 8px}
h1{font-size:40px; line-height:1.08; font-weight:800; letter-spacing:-.022em; color:var(--accent); margin:0 0 8px}
h2{font-size:22px; line-height:1.2; font-weight:800; color:var(--accent); margin:40px 0 0}
p,li{color:var(--ink-2)}
p{margin:12px 0 0}
ul{padding-left:20px}
a{color:var(--accent); text-underline-offset:3px}
.actualizado{font-size:13px; color:var(--ink-3)}
table{width:100%; border-collapse:collapse; margin-top:16px; font-size:14px}
th{font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); text-align:left; padding:0 10px 10px; border-bottom:2px solid var(--ink-1)}
td{padding:10px; border-bottom:1px solid var(--hairline); vertical-align:top; color:var(--ink-2)}
.ficha{background:var(--paper-0); border:1px solid var(--hairline); border-top:3px solid var(--accent); border-radius:14px; padding:20px 24px; margin-top:24px}
.ficha p{margin:4px 0}
.pendiente{background:var(--soft-gold); color:var(--gold); font-weight:700; padding:0 4px; border-radius:4px}
.pie{background:var(--ink-1); color:rgba(255,255,255,.65); padding:32px 0; font-size:13px; margin-top:56px}
.pie .wrap{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; max-width:1320px}
.pie a,.pie .marca{color:#fff}
@media(max-width:600px){
  h1{font-size:32px}
  /* Tablas en ficha: cada fila se lee como un bloque */
  thead{display:none}
  table,tbody,tr,td{display:block; width:100%}
  tr{border-bottom:1px solid var(--hairline); padding:8px 0}
  td{border:0; padding:4px 0}
  td::before{content:attr(data-col); display:block; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3)}
}