:root{
  --azul-900:#022C58;
  --azul-800:#0B3D6B;
  --azul-700:#3A5881;
  --azul-600:#58749A;
  --azul-500:#8095AF;
  --azul-100:#E4E9F1;
  --gris-900:#111827;
  --gris-700:#374151;
  --gris-500:#6b7280;
  --gris-300:#d1d5db;
  --gris-100:#f3f4f6;
  --blanco:#ffffff;
  --acento:#B9893C;
  --sombra-sm:0 2px 8px rgba(2,44,88,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Montserrat',sans-serif;
  color:var(--gris-900);
  background:var(--blanco);
  line-height:1.65;
}
h1,h2{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:-.01em;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(2,44,88,.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-icono{display:block;height:40px;width:auto}
.logo-texto{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:28px;color:var(--azul-900);letter-spacing:.01em}
.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}
}