@font-face{font-family:Cor;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:FT;font-weight:400;font-display:swap;src:url(/fonts/figtree-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:FT;font-weight:700;font-display:swap;src:url(/fonts/figtree-latin-700-normal.woff2) format('woff2')}
:root{--ink:#24211c;--muted:#6f6a60;--acc:#8a6420;--line:rgba(30,25,15,.12);--bg:#fbf8f2}
*{box-sizing:border-box;margin:0;padding:0}
body{font:400 16px/1.7 FT,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
::selection{background:#f3e3bd}
a{color:var(--acc);text-underline-offset:3px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#fff;border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:10px;font:500 26px/1 Cor,serif;color:var(--ink);text-decoration:none}
.logo img{width:30px;height:30px}
.lang{display:flex;background:#f3efe7;border-radius:99px;padding:3px}
.lang button{border:0;background:none;font:700 13px FT;padding:7px 14px;border-radius:99px;cursor:pointer;color:var(--muted)}
.lang button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
main{max-width:760px;margin:0 auto;padding:34px 20px 70px}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:30px}
.tabs a{font:700 13px FT;color:var(--muted);text-decoration:none;padding:7px 13px;border:1px solid var(--line);border-radius:99px;background:#fff}
.tabs a[aria-current]{color:#fff;background:var(--ink);border-color:var(--ink)}
h1{font:500 clamp(36px,6vw,50px)/1.08 Cor,serif;margin-bottom:6px}
.upd{color:var(--muted);font-size:14px;margin-bottom:28px}
h2{font:500 27px/1.2 Cor,serif;margin:34px 0 8px}
p,ul{margin-bottom:12px}
ul{padding-left:22px}
li{margin-bottom:5px}
.box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:16px 0}
footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:760px;margin:0 auto;padding:22px 20px 40px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}
/* tabla de cookies y almacenamiento */
.ck{width:100%;border-collapse:collapse;font-size:13.5px;margin:10px 0 14px}
.ck th,.ck td{text-align:left;vertical-align:top;padding:7px 8px;border-bottom:1px solid rgba(0,0,0,.08)}
.ck th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;opacity:.7}
.ck code{font-size:12px}
@media (max-width:640px){.ck thead{display:none}.ck tr{display:grid;border-bottom:1px solid rgba(0,0,0,.1);padding:6px 0}.ck td{border:0;padding:2px 0}}
