/* Legal pages — visual style coordinated with the 3dsmax-spain portfolio */
*,*::before,*::after{box-sizing:border-box}
:root{
  --legal-bg:#f8f7f4;--legal-paper:#fff;--legal-ink:#1a1916;
  --legal-muted:#6b6860;--legal-soft:#858178;--legal-line:#e7e3db;
  --legal-accent:#c8a96a;--legal-warn-bg:#fbf4e7;--legal-warn-line:#d8b977;
  --legal-radius:3px;--legal-width:920px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.legal-page{
  margin:0;background:var(--legal-bg);color:var(--legal-ink);
  font-family:"Roboto",Arial,sans-serif;font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
.legal-wrap{width:min(calc(100% - 40px),var(--legal-width));margin:0 auto;padding:28px 0 72px}
.legal-top{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:8px 0 24px;border-bottom:1px solid var(--legal-line);margin-bottom:24px
}
.legal-brand{font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:.015em;color:var(--legal-ink);text-decoration:none;white-space:nowrap}
.legal-brand:hover{color:var(--legal-muted)}
.legal-nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.legal-nav a,.legal-lang a{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--legal-muted);text-decoration:none;transition:color .2s}
.legal-nav a:hover,.legal-lang a:hover{color:var(--legal-ink)}
.legal-lang{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 34px}
.legal-lang a{padding:7px 11px;border:1px solid var(--legal-line);background:rgba(255,255,255,.45);letter-spacing:.04em}
.legal-lang a:hover{border-color:var(--legal-accent);background:#fff}
.legal-section{
  background:var(--legal-paper);border:1px solid var(--legal-line);
  padding:clamp(24px,5vw,54px);margin:0 0 24px;box-shadow:0 10px 35px rgba(26,25,22,.035);
  scroll-margin-top:24px
}
.legal-section h1{
  font-family:Georgia,"Times New Roman",serif;font-weight:400;
  font-size:clamp(34px,5vw,48px);line-height:1.12;letter-spacing:-.025em;
  margin:0 0 14px;color:var(--legal-ink)
}
.legal-section h2{
  font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:400;
  line-height:1.25;margin:34px 0 10px;padding-top:20px;border-top:1px solid var(--legal-line);
  color:var(--legal-ink)
}
.legal-section h3{font-size:16px;font-weight:700;margin:22px 0 8px}
.legal-section p{margin:0 0 16px;color:#45433e}
.legal-section ul,.legal-section ol{margin:0 0 18px 22px;padding:0;color:#45433e}
.legal-section li{padding:3px 0 3px 3px}
.legal-section a{color:#715b2f;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-section a:hover{color:var(--legal-ink)}
.legal-section strong{color:var(--legal-ink);font-weight:700}
.legal-section .updated{color:var(--legal-soft);font-size:13px;margin-bottom:26px}
.legal-alert{
  padding:16px 18px;margin:0 0 28px;background:var(--legal-warn-bg);
  border-left:3px solid var(--legal-warn-line);color:#65583f;font-size:14px;line-height:1.65
}
.legal-alert strong{color:#4c3d20}
.legal-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 0 0;color:var(--legal-soft);font-size:12px}
.legal-footer a{color:var(--legal-muted);text-decoration:none}
.legal-footer a:hover{color:var(--legal-ink)}
@media(max-width:650px){
  .legal-wrap{width:min(calc(100% - 28px),var(--legal-width));padding-top:14px}
  .legal-top{align-items:flex-start;flex-direction:column;gap:14px;padding-bottom:18px}
  .legal-nav{gap:14px}
  .legal-section{padding:24px 20px}
  .legal-section h2{font-size:21px;margin-top:28px;padding-top:17px}
  .legal-lang{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}