/* ══════════════════════════════════════════════════════════════════
   Páginas legales · Lombana DJ — estilo limpio y legible (dark brand)
   ══════════════════════════════════════════════════════════════════ */
:root{
  --bg:#08090f; --panel:#0d0f1a; --panel-2:#111421;
  --text:#e8eaf0; --text-2:#9aa1b2; --text-3:#666c7e;
  --teal:#00d4b4; --blue:#4f8dff; --border:rgba(255,255,255,.08);
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  background:
    radial-gradient(120% 60% at 50% 0%, rgba(59,130,246,.08), transparent 60%),
    var(--bg);
  color:var(--text); font-family:'Inter',system-ui,sans-serif; line-height:1.75;
  -webkit-font-smoothing:antialiased; min-height:100vh;
}
a{ color:var(--blue); text-decoration:none; transition:color .2s; }
a:hover{ color:#82b0ff; text-decoration:underline; }

.legal-nav{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px clamp(16px,5vw,40px);
  background:rgba(8,9,15,.82); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
.legal-nav img{ height:34px; width:auto; display:block; }
.legal-back{
  display:inline-flex; align-items:center; gap:7px;
  font-size:13px; font-weight:600; color:var(--text-2);
  border:1px solid var(--border); border-radius:8px; padding:8px 14px;
}
.legal-back:hover{ color:var(--text); border-color:rgba(79,141,255,.5); text-decoration:none; }
.legal-back svg{ width:13px; height:13px; }

.legal-wrap{ max-width:760px; margin:0 auto; padding:44px clamp(16px,5vw,28px) 90px; }
.legal-kicker{
  font-family:'Press Start 2P',monospace; font-size:9px; letter-spacing:.18em;
  color:var(--teal); text-transform:uppercase;
}
.legal-wrap h1{
  font-family:'Bebas Neue',sans-serif; font-size:clamp(34px,8vw,52px); line-height:1.05;
  letter-spacing:.01em; margin:14px 0 6px;
}
.legal-updated{ font-size:12px; color:var(--text-3); margin-bottom:30px; }
.legal-wrap h2{
  font-size:19px; font-weight:700; color:var(--text); margin:34px 0 12px;
  padding-left:12px; border-left:3px solid var(--teal);
}
.legal-wrap h3{ font-size:15px; font-weight:600; color:var(--text); margin:20px 0 8px; }
.legal-wrap p,
.legal-wrap li{ font-size:15px; color:var(--text-2); margin-bottom:13px; }
.legal-wrap ul{ padding-left:22px; margin-bottom:13px; }
.legal-wrap li{ margin-bottom:8px; }
.legal-wrap b, .legal-wrap strong{ color:var(--text); font-weight:600; }

.legal-fill{
  display:inline-block; background:rgba(245,166,35,.14); color:#f5a623;
  border:1px dashed rgba(245,166,35,.5); border-radius:5px;
  padding:1px 7px; font-size:13px; font-weight:600; font-style:normal;
}
.legal-note{
  background:rgba(59,130,246,.08); border:1px solid rgba(79,141,255,.28);
  border-left:3px solid var(--blue); border-radius:10px;
  padding:14px 16px; margin:0 0 30px; font-size:13.5px; color:var(--text-2);
}
.legal-card{
  background:var(--panel); border:1px solid var(--border); border-radius:12px;
  padding:18px 20px; margin:16px 0;
}
.legal-table{ width:100%; border-collapse:collapse; margin:14px 0 20px; font-size:13.5px; }
.legal-table th, .legal-table td{
  text-align:left; padding:10px 12px; border-bottom:1px solid var(--border); vertical-align:top;
}
.legal-table th{ color:var(--text); font-weight:600; background:rgba(255,255,255,.02); }
.legal-table td{ color:var(--text-2); }
.legal-foot{
  border-top:1px solid var(--border); margin-top:40px; padding-top:22px;
  font-size:12px; color:var(--text-3); text-align:center;
}
.legal-foot a{ color:var(--text-2); }