/* Estilos compartidos de las páginas legales (privacidad, términos) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#F7F6F2; --surface:#EDECEA; --border:#D8D7D2; --border-strong:#C4C3BE;
  --orange:#FF4D00; --black:#0E0E14; --ink:#1A1A24; --muted:#7A7A88; --soft:#5A5A68;
}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--ink);
  font-family:'Barlow',sans-serif; font-size:17px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--orange);text-decoration:none}
a:hover{text-decoration:underline}

/* Nav */
.legal-nav{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 32px;
  background:rgba(247,246,242,0.9);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
}
.legal-nav .logo{
  font-family:'Barlow Condensed',sans-serif;font-weight:900;
  font-size:24px;letter-spacing:.04em;color:var(--black);text-decoration:none;
}
.legal-nav .logo span{color:var(--orange)}
.legal-nav .back{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--soft);
}
.legal-nav .back:hover{color:var(--orange);text-decoration:none}

/* Contenido */
.legal-wrap{max-width:760px;margin:0 auto;padding:64px 24px 96px}
.legal-eyebrow{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);
  margin-bottom:14px;
}
.legal-wrap h1{
  font-family:'Barlow Condensed',sans-serif;font-weight:900;
  font-size:clamp(38px,7vw,58px);line-height:.98;letter-spacing:-0.02em;
  text-transform:uppercase;color:var(--black);margin-bottom:12px;
}
.legal-updated{color:var(--muted);font-size:14px;margin-bottom:40px}
.legal-wrap h2{
  font-family:'Barlow Condensed',sans-serif;font-weight:800;
  font-size:24px;letter-spacing:.01em;text-transform:uppercase;color:var(--black);
  margin:40px 0 12px;padding-top:8px;
}
.legal-wrap h2 .num{color:var(--orange);margin-right:10px}
.legal-wrap p{margin-bottom:16px;color:var(--soft)}
.legal-wrap ul{margin:0 0 16px 22px;color:var(--soft)}
.legal-wrap li{margin-bottom:8px}
.legal-wrap strong{color:var(--ink)}
.legal-intro{
  background:var(--surface);border:1px solid var(--border);
  border-radius:14px;padding:22px 24px;margin-bottom:8px;
}
.legal-intro p{margin-bottom:0}
/* Campo a completar por el titular */
.fill{
  background:#FFF3C4;border:1px dashed var(--border-strong);
  border-radius:5px;padding:1px 7px;color:#8a6d00;font-weight:600;font-size:.92em;
}
.data-box{
  border-left:3px solid var(--orange);
  background:var(--surface);border-radius:0 10px 10px 0;
  padding:16px 20px;margin-bottom:16px;
}
.data-box p{margin-bottom:4px}
table.cookies{width:100%;border-collapse:collapse;margin:6px 0 20px;font-size:15px}
table.cookies th,table.cookies td{
  text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);color:var(--soft);
}
table.cookies th{color:var(--ink);font-weight:600;background:var(--surface)}

/* Footer */
.legal-foot{
  border-top:1px solid var(--border);
  padding:28px 24px;text-align:center;color:var(--muted);font-size:14px;
}
.legal-foot a{color:var(--soft);margin:0 10px}
.legal-foot a:hover{color:var(--orange);text-decoration:none}

@media(max-width:600px){
  .legal-nav{padding:14px 20px}
  .legal-wrap{padding:44px 20px 72px}
  body{font-size:16px}
}