/* Shared styles for /privacidad, /terminos, /cookies */
:root {
  --bg-0: #0A0907;
  --gold: #D4B98A;
  --t-1: #FFF;
  --t-2: rgba(255,255,255,.7);
  --t-3: rgba(255,255,255,.42);
  --t-4: rgba(255,255,255,.18);
  --hair: rgba(255,255,255,.07);
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'Jost', -apple-system, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}
html{scroll-behavior:smooth}
body{
  background:var(--bg-0); color:var(--t-1);
  font-family:var(--sans); font-weight:400; font-size:15px; line-height:1.7;
  letter-spacing:.005em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
body::before{
  content:''; position:fixed; inset:0;
  background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(232,215,184,.06), transparent 60%);
  pointer-events:none; z-index:0;
}
.wrap{max-width:760px; margin:0 auto; padding:80px 28px 96px; position:relative; z-index:1}
nav{padding:22px 28px; display:flex; align-items:center; justify-content:space-between; max-width:1280px; margin:0 auto; position:relative; z-index:1}
nav .logo{font-family:var(--serif); font-size:18px; letter-spacing:.4em; font-weight:500; color:var(--t-1); text-decoration:none}
nav a.back{font-size:13px; color:var(--t-2); text-decoration:none}
nav a.back:hover{color:var(--t-1)}
.eyebrow{font-family:var(--mono); font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); margin-bottom:14px; display:inline-block}
h1{font-family:var(--serif); font-weight:300; font-size:clamp(36px,6vw,56px); line-height:1.05; letter-spacing:-.015em; margin-bottom:24px}
h2{font-family:var(--serif); font-weight:300; font-size:clamp(22px,3vw,28px); line-height:1.2; margin:40px 0 14px; padding-top:24px; border-top:1px solid var(--hair)}
h2:first-of-type{border-top:none; padding-top:0}
h3{font-family:var(--sans); font-weight:500; font-size:14px; letter-spacing:.04em; text-transform:uppercase; color:var(--gold); margin:24px 0 10px}
p{color:var(--t-2); margin-bottom:14px}
ul,ol{margin:0 0 16px 20px; color:var(--t-2)}
li{margin-bottom:6px}
strong{color:var(--t-1); font-weight:500}
em{color:var(--gold); font-style:italic}
a{color:var(--t-1); text-decoration:underline; text-decoration-color:var(--t-4); text-underline-offset:3px}
a:hover{text-decoration-color:var(--gold)}
.meta{font-family:var(--mono); font-size:11px; letter-spacing:.1em; color:var(--t-3); margin-bottom:36px; padding-bottom:24px; border-bottom:1px solid var(--hair); text-transform:uppercase}
table{width:100%; margin:14px 0 20px; border-collapse:collapse; font-size:13px}
th,td{padding:10px 12px; border-bottom:1px solid var(--hair); text-align:left; color:var(--t-2); vertical-align:top}
th{color:var(--t-1); font-weight:500; font-size:11px; text-transform:uppercase; letter-spacing:.08em}
footer{padding:48px 28px; border-top:1px solid var(--hair); text-align:center; font-family:var(--mono); font-size:10px; letter-spacing:.18em; color:var(--t-3); text-transform:uppercase}
footer a{margin:0 14px; color:var(--t-2); text-decoration:none}
@media(max-width:640px){
  .wrap{padding:48px 20px 64px}
  nav{padding:16px 20px}
  body{font-size:14px}
  h2{margin:32px 0 12px; padding-top:20px}
}