:root{
  --azul-900:#0a1f3d;
  --azul-800:#123058;
  --azul-700:#1c4b8a;
  --azul-600:#2563b8;
  --azul-500:#3b82f6;
  --azul-100:#dbe7f7;
  --gris-900:#111827;
  --gris-700:#374151;
  --gris-500:#6b7280;
  --gris-300:#d1d5db;
  --gris-100:#f3f4f6;
  --blanco:#ffffff;
  --sombra-sm:0 2px 8px rgba(10,31,61,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Inter',sans-serif;
  color:var(--gris-900);
  background:var(--blanco);
  line-height:1.65;
}
h1,h2{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-.02em;color:var(--azul-900)}
a{color:inherit;text-decoration:none}
.contenedor{max-width:820px;margin:0 auto;padding:0 24px}

nav{
  padding:18px 0;
  background:rgba(255,255,255,.9);
  border-bottom:1px solid rgba(10,31,61,.06);
}
.nav-inner{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:0 24px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--azul-900)}
.logo-mark{
  width:34px;height:34px;border-radius:8px;
  background:linear-gradient(135deg,var(--azul-700),var(--azul-500));
  display:grid;place-items:center;color:#fff;font-family:'Fraunces',serif;font-size:20px;
  box-shadow:var(--sombra-sm);
}
.volver{font-size:14px;color:var(--gris-700);transition:color .2s}
.volver:hover{color:var(--azul-700)}

.legal{padding:56px 24px 80px}
.legal h1{font-size:clamp(30px,4vw,42px);margin-bottom:8px}
.legal .actualizado{color:var(--gris-500);font-size:13px;margin-bottom:40px}
.legal section{margin-bottom:32px}
.legal h2{font-size:20px;margin-bottom:12px}
.legal p{color:var(--gris-700);margin-bottom:12px}
.legal ul{color:var(--gris-700);margin:0 0 12px 20px}
.legal li{margin-bottom:6px}
.legal strong{color:var(--gris-900)}
.legal table{width:100%;border-collapse:collapse;margin:16px 0}
.legal th,.legal td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--gris-100);font-size:14px;color:var(--gris-700)}
.legal th{color:var(--azul-900);font-weight:600}

footer{border-top:1px solid var(--gris-100);padding:32px 0 20px}
.foot-simple{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:16px}
.foot-links{display:flex;gap:20px}
.foot-links a{font-size:14px;color:var(--gris-700)}
.foot-links a:hover{color:var(--azul-700)}
.foot-bottom{font-size:13px;color:var(--gris-500)}

@media(max-width:600px){
  .foot-simple{flex-direction:column;align-items:flex-start}
}