/* Estilo de las páginas legales (aviso legal, privacidad y cookies) */
:root{
  --fig:#1E2B22; --pool:#22B8E8; --saffron:#F4A93B; --lino:#F1EFE7; --lino-2:#E6E3D7; --ink:#16201A; --mute:#5B675E;
  --display:'Bricolage Grotesque',system-ui,sans-serif; --body:'Instrument Sans',system-ui,sans-serif;
  --gut:clamp(18px,5vw,72px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);font-size:clamp(16px,.4vw + 14px,18px);line-height:1.65;color:var(--ink);background:var(--lino);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:3px solid var(--pool);outline-offset:3px}
html[lang="en"] .l-es{display:none}
html:not([lang="en"]) .l-en{display:none}

.top{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px var(--gut);background:var(--fig);color:var(--lino)}
.brand{font:800 1.2rem/1 var(--display);text-decoration:none;letter-spacing:-.02em}
.brand span{color:var(--saffron)}
.top-r{display:flex;align-items:center;gap:clamp(10px,2vw,22px);font-size:.95rem}
.top-r a:not(.btn){text-decoration:none;opacity:.9}
.top-r a:not(.btn):hover{opacity:1;color:var(--saffron)}
.btn{display:inline-flex;align-items:center;font:600 .92rem/1 var(--body);padding:.8em 1.2em;text-decoration:none;background:var(--saffron);color:var(--ink);transition:transform .25s,background .25s}
.btn:hover{transform:translateY(-2px);background:#FFBA55}
.lang{font:600 .85rem/1 var(--body);color:inherit;background:transparent;border:1.5px solid rgba(255,255,255,.75);padding:.78em .95em;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.lang:hover{background:var(--saffron);border-color:var(--saffron);color:var(--ink)}
@media(max-width:620px){.top-r a:not(.btn){display:none}.brand{font-size:1.05rem}.btn{padding:.72em .9em;font-size:.82rem}}

.head{background:var(--fig);color:var(--lino);padding:clamp(40px,7vw,88px) var(--gut) clamp(34px,5vw,60px)}
.head-in{max-width:980px;margin-inline:auto}
.head h1{font:800 clamp(2.4rem,6vw,5rem)/.92 var(--display);letter-spacing:-.03em;margin-bottom:.4em}
.head h1 em{font-style:normal;color:var(--saffron)}
.head p{color:#C9D2C4;max-width:56ch}
.tabs{max-width:980px;margin:clamp(22px,3vw,34px) auto 0;display:flex;flex-wrap:wrap;gap:8px}
.tabs a{font:600 .92rem/1 var(--body);padding:.85em 1.1em;border:1.5px solid rgba(255,255,255,.55);color:var(--lino);text-decoration:none;transition:background .2s,color .2s}
.tabs a:hover{background:rgba(255,255,255,.12)}
.tabs a[aria-current="page"]{background:var(--saffron);border-color:var(--saffron);color:var(--ink)}

main{padding:clamp(34px,5vw,70px) var(--gut) clamp(60px,8vw,110px)}
.doc{max-width:860px;margin-inline:auto}
.upd{font-size:.88rem;color:var(--mute);margin-bottom:2em}
.doc h2{font:800 clamp(1.4rem,2.4vw,1.9rem)/1.1 var(--display);letter-spacing:-.02em;margin:2.1em 0 .6em;padding-top:.9em;border-top:2px solid var(--ink)}
.doc h2:first-of-type{margin-top:0}
.doc p{color:#2F3A33;margin-bottom:.9em}
.doc ul{margin:0 0 1em 1.2em;color:#2F3A33}
.doc li{margin-bottom:.4em}
.doc li::marker{color:#c07a12}
.doc a{color:#0d6f93;text-underline-offset:3px}
.doc a:hover{color:var(--ink)}
dl.data{display:grid;grid-template-columns:minmax(150px,230px) 1fr;border-top:1px solid #C9C5B5;margin:.6em 0 1.2em}
dl.data dt,dl.data dd{padding:10px 0;border-bottom:1px solid #C9C5B5}
dl.data dt{font:600 1rem var(--display);padding-right:14px}
dl.data dd{color:#2F3A33}
@media(max-width:620px){dl.data{grid-template-columns:1fr}dl.data dt{border-bottom:0;padding-bottom:0}}
mark.todo{background:#FFE2A8;color:var(--ink);padding:1px 6px;font-weight:600}
.tbl{overflow-x:auto;margin:.6em 0 1.2em}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:.93rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #C9C5B5;vertical-align:top}
th{font:600 .9rem var(--display);background:var(--lino-2)}
.note{background:var(--lino-2);border-left:6px solid var(--saffron);padding:14px 18px;margin:1em 0 1.4em}
button.linklike{font:inherit;color:#0d6f93;background:none;border:0;border-bottom:1px solid currentColor;cursor:pointer;padding:0}
button.linklike:hover{color:var(--ink)}

footer{background:var(--fig);color:#A9B8A5;padding:26px var(--gut);font-size:.85rem;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;align-items:center}
footer .fl{display:flex;flex-wrap:wrap;gap:8px 20px}
footer a,footer button.fb{color:#C9D2C4;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:0}
footer a:hover,footer button.fb:hover{color:var(--saffron)}
.credit{color:var(--saffron);text-decoration:none;font-weight:600;border-bottom:1px solid currentColor}
