/* shared legal-page styles — matches rinconcito-prototipo.html tokens */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Karla:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap');
:root{
  --bg:#ECE6D8; --surface:#F8F4E9; --surface-2:#F1EBDC; --ink:#24261D; --ink-soft:#5C5D4C;
  --line:#D8CFB9; --pine:#1F3D2E; --pine-ink:#16301F; --pine-tint:#D9E4D6;
  --coral:#C85B36; --coral-ink:#A84424; --coral-tint:#F3DCCB;
  font-size:17px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#171B15; --surface:#1F241C; --surface-2:#262C21; --ink:#EDE7D8; --ink-soft:#A8AC98;
    --line:#383F31; --pine:#86C29E; --pine-ink:#A9D8BC; --pine-tint:#26362C;
    --coral:#E8845E; --coral-ink:#F0A17F; --coral-tint:#3B2A20;
  }
}
:root[data-theme="dark"]{
  --bg:#171B15; --surface:#1F241C; --surface-2:#262C21; --ink:#EDE7D8; --ink-soft:#A8AC98;
  --line:#383F31; --pine:#86C29E; --pine-ink:#A9D8BC; --pine-tint:#26362C;
  --coral:#E8845E; --coral-ink:#F0A17F; --coral-tint:#3B2A20;
}
*{box-sizing:border-box;}
body{margin:0; background:var(--bg); color:var(--ink); font-family:'Karla',system-ui,sans-serif; line-height:1.65;}
.wrap{max-width:760px; margin:0 auto; padding:0 24px;}
header.site{border-bottom:1px solid var(--line); padding:18px 0;}
header.site .wrap{display:flex; align-items:center; justify-content:space-between;}
.brand{display:flex; flex-direction:column; line-height:1; gap:2px; text-decoration:none; color:var(--ink);}
.brand b{font-family:'Bricolage Grotesque',sans-serif; font-size:1.15rem; font-weight:700;}
.brand span{font-family:'JetBrains Mono',monospace; font-size:.64rem; letter-spacing:.08em; color:var(--ink-soft); text-transform:uppercase;}
.back{font-size:.86rem; font-weight:700; text-decoration:none; color:var(--pine);}
main{padding:52px 0 72px;}
.eyebrow{font-family:'JetBrains Mono',monospace; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--pine); font-weight:500;}
h1{font-family:'Bricolage Grotesque',sans-serif; font-size:clamp(1.8rem,3.6vw,2.5rem); margin:10px 0 6px; text-wrap:balance;}
.updated{color:var(--ink-soft); font-size:.86rem; margin:0 0 40px;}
h2{font-family:'Bricolage Grotesque',sans-serif; font-size:1.25rem; margin:40px 0 12px;}
p, li{color:var(--ink); font-size:.98rem;}
p{margin:0 0 16px;}
ul{margin:0 0 16px; padding-left:20px;}
li{margin-bottom:8px;}
a{color:var(--pine); text-decoration:underline;}
.callout{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin:0 0 28px; font-size:.92rem; color:var(--ink-soft);}
.placeholder{background:var(--coral-tint); color:var(--coral-ink); padding:1px 6px; border-radius:4px; font-family:'JetBrains Mono',monospace; font-size:.85em;}
footer.legal{border-top:1px solid var(--line); padding:28px 0; margin-top:40px;}
footer.legal .wrap{display:flex; gap:18px; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:.82rem; color:var(--ink-soft);}
footer.legal a{color:var(--ink-soft);}