/* Shared styles for the legal pages: aviso-legal.html, privacidad.html, cookies.html */
:root{--gold:#C9A025;--dark:#0A0F0A;--dark-2:#111A11;--cream:#F4F7F0;--text-muted:#7A8F7A;--font-display:'Cormorant Garamond',serif;--font-body:'Jost',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--dark);color:var(--cream);font-family:var(--font-body);font-weight:300;min-height:100vh}

/* Only the article in the current language is shown. legal.js / the inline head script set html[data-l]. */
.legal-doc{display:none}
html:not([data-l]) .legal-doc[data-lang="es"],
html[data-l="en"] .legal-doc[data-lang="en"],
html[data-l="ua"] .legal-doc[data-lang="ua"],
html[data-l="es"] .legal-doc[data-lang="es"],
html[data-l="it"] .legal-doc[data-lang="it"]{display:block}

/* Header (same as menu-page.html) */
.site-header{background:var(--dark-2);border-bottom:1px solid rgba(201,160,37,0.2);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;gap:10px}
a.back{color:var(--gold);text-decoration:none;font-size:13px;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}
a.back:hover{opacity:.7}
.logo-wrap{display:flex;align-items:center;text-decoration:none}
.logo-wrap img{height:42px;width:auto}
.lang-switcher{display:flex;gap:4px;flex-shrink:0}
.lang-btn{background:transparent;border:1px solid rgba(201,160,37,0.3);color:var(--text-muted);font-family:var(--font-body);font-size:12px;letter-spacing:.08em;padding:7px 11px;border-radius:3px;cursor:pointer;transition:all .2s;min-height:36px}
.lang-btn:hover{border-color:var(--gold);color:var(--gold)}
.lang-btn.active{background:var(--gold);border-color:var(--gold);color:var(--dark);font-weight:500}

/* Document */
.legal{max-width:760px;margin:0 auto;padding:48px 20px 80px}
.legal-label{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.legal h1{font-family:var(--font-display);font-weight:300;font-size:clamp(36px,6vw,52px);line-height:1.1;margin-bottom:24px}
.legal h2{font-family:var(--font-display);font-weight:400;font-size:clamp(24px,4vw,28px);color:var(--gold);margin:44px 0 16px;padding-bottom:10px;border-bottom:1px solid rgba(201,160,37,0.2)}
.legal h3{font-size:15px;font-weight:500;letter-spacing:.04em;margin:28px 0 10px}
.legal p,.legal li{font-size:15px;line-height:1.75;color:rgba(244,247,240,0.82)}
.legal p+p{margin-top:12px}
.legal strong{font-weight:500;color:var(--cream)}
.legal ul{margin:12px 0 0 20px}
.legal li+li{margin-top:6px}
.legal a{color:var(--gold);text-underline-offset:3px;overflow-wrap:anywhere}
.legal a:hover{opacity:.8}

.legal-data{display:grid;grid-template-columns:max-content 1fr;margin:20px 0 24px;border-top:1px solid rgba(201,160,37,0.15)}
.legal-data dt,.legal-data dd{padding:12px 0;border-bottom:1px solid rgba(201,160,37,0.15);font-size:15px;line-height:1.6}
.legal-data dt{color:var(--text-muted);padding-right:24px}
.legal-data dd{color:var(--cream)}

.table-wrap{overflow-x:auto;margin:14px 0 8px}
.legal-table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px;line-height:1.5}
.legal-table th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);padding:10px 12px;border-bottom:1px solid rgba(201,160,37,0.35)}
.legal-table td{padding:12px;border-bottom:1px solid rgba(201,160,37,0.12);color:rgba(244,247,240,0.82);vertical-align:top}
.legal-table td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--cream);white-space:nowrap}


/* Footer */
.legal-footer{text-align:center;padding:0 20px 32px}
.legal-footer .gold-line{height:1px;background:linear-gradient(to right,transparent,rgba(201,160,37,0.4),transparent);margin-bottom:28px}
.legal-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-bottom:16px}
.legal-nav a,.legal-nav button{background:none;border:0;padding:6px 4px;font-family:var(--font-body);font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,0.45);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.legal-nav a:hover,.legal-nav button:hover,.legal-nav a[aria-current="page"]{color:var(--gold)}
.legal-copy{font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,0.25);margin-bottom:20px}
.legal-made{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:280px;margin:0 auto;padding-top:20px;border-top:1px solid rgba(201,160,37,0.25)}
.legal-made span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,0.35);white-space:nowrap}
.legal-made a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;border:1px solid rgba(201,160,37,0.25);padding:5px 12px 5px 10px;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-weight:500}

@media(max-width:600px){
  .site-header{padding:10px 14px}
  .logo-wrap img{height:34px}
  .lang-btn{padding:6px 9px;font-size:11px}
  .legal{padding:36px 16px 64px}
  .legal-data{grid-template-columns:1fr}
  .legal-data dt{padding:12px 0 2px;border-bottom:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
  .legal-data dd{padding-top:0}
  /* Cookie tables become cards: name + provider, then purpose, then duration */
  .table-wrap{overflow:visible}
  .legal-table,.legal-table tbody{display:block;min-width:0}
  .legal-table thead{display:none}
  .legal-table tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid rgba(201,160,37,0.12)}
  .legal-table td{padding:0;border:0}
  .legal-table td:nth-child(2){grid-column:2;grid-row:1;text-align:right;color:var(--text-muted)}
  .legal-table td:nth-child(3){grid-column:1/-1}
  .legal-table td:nth-child(4){grid-column:1/-1;font-size:12px;color:var(--text-muted)}
}
@media(max-width:400px){
  a.back span{display:none}
}