/* Hoja de estilos compartida por las páginas legales */
:root{
  color-scheme:dark;
  --bg:#141619; --bg-2:#1A1E23; --bg-3:#0F1114;
  --gold:#C9A86C; --gold-2:#E6D3AC;
  --tx:#EFECE5; --tx-2:#A5A49E; --tx-3:#82848A;
  --line:rgba(232,220,194,.15); --line-2:rgba(232,220,194,.075);
  --serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:"Jost","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --gap:clamp(22px,5vw,58px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--tx);
  font-family:var(--sans); font-weight:300; font-size:16px; line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gold)}
:focus-visible{outline:1.5px solid var(--gold); outline-offset:4px}
::selection{background:var(--gold); color:#12151A}

.top{border-bottom:1px solid var(--line-2); background:var(--bg-3)}
.top-in{max-width:1240px; margin:0 auto; padding:24px var(--gap); display:flex; align-items:center; gap:24px; flex-wrap:wrap}
.logo{margin-right:auto; text-decoration:none; color:var(--tx); display:flex; align-items:center; gap:13px}
.logo-mark{
  width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;
  border:1px solid var(--line); font-family:var(--serif); font-size:15px; letter-spacing:.04em; color:var(--gold);
}
.logo-tx{display:flex; flex-direction:column; line-height:1.15}
.logo-tx b{font-family:var(--serif); font-weight:400; font-size:21px; letter-spacing:.02em}
.logo-tx i{font-style:normal; font-size:9px; letter-spacing:.3em; text-transform:uppercase; color:var(--tx-3); margin-top:3px}
.back{
  text-decoration:none; color:var(--tx); font-size:10.5px; letter-spacing:.22em; text-transform:uppercase;
  border:1px solid var(--line); border-radius:100px; padding:12px 24px; transition:border-color .3s ease, color .3s ease;
}
.back:hover{color:var(--gold); border-color:var(--gold)}

main{max-width:880px; margin:0 auto; padding:clamp(56px,8vw,110px) var(--gap) clamp(64px,9vw,120px)}
.label{font-size:10.5px; letter-spacing:.32em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:22px}
h1{font-family:var(--serif); font-weight:300; font-size:clamp(36px,5.4vw,64px); line-height:1.06; letter-spacing:-.02em; margin:0}
.updated{margin-top:22px; font-size:13px; color:var(--tx-3)}
h2{
  font-family:var(--serif); font-weight:400; font-size:clamp(23px,2.6vw,31px); line-height:1.2;
  margin:clamp(46px,5vw,68px) 0 18px; padding-top:26px; border-top:1px solid var(--line-2);
}
h3{font-family:var(--serif); font-weight:400; font-size:20px; margin:32px 0 10px}
p{margin:0 0 16px; color:var(--tx-2)}
ul,ol{margin:0 0 16px; padding-left:22px; color:var(--tx-2)}
li{margin-bottom:9px}
li::marker{color:var(--gold)}
strong{font-weight:400; color:var(--tx)}

/* Dato que Rubén debe rellenar */
.dato{
  background:rgba(201,168,108,.12); border-bottom:1px solid var(--gold);
  padding:1px 8px; border-radius:3px; color:var(--gold-2); font-size:.95em; white-space:nowrap;
}

.aviso{
  border:1px solid rgba(201,168,108,.4); border-radius:6px; padding:24px 26px; margin:36px 0;
  background:linear-gradient(168deg,rgba(201,168,108,.07),transparent 60%),var(--bg-2); font-size:14.6px;
}
.aviso b{display:block; font-family:var(--serif); font-size:19px; font-weight:400; color:var(--gold); margin-bottom:10px}

table{width:100%; border-collapse:collapse; margin:0 0 20px; font-size:14.6px}
th,td{text-align:left; padding:13px 14px 13px 0; border-bottom:1px solid var(--line-2); vertical-align:top; color:var(--tx-2)}
th{font-family:var(--sans); font-weight:400; font-size:9.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--tx-3)}
.tbl-wrap{overflow-x:auto}

footer{border-top:1px solid var(--line-2); margin-top:clamp(56px,7vw,90px); background:var(--bg-3)}
.foot-in{max-width:1240px; margin:0 auto; padding:30px var(--gap); display:flex; flex-wrap:wrap; gap:14px 28px; justify-content:space-between; font-size:12.5px; color:var(--tx-3)}
.foot-in a{color:var(--tx-3); text-decoration:none}
.foot-in a:hover{color:var(--gold)}
.foot-nav{display:flex; flex-wrap:wrap; gap:22px}