/* ============================================================
   Páginas legales · Kao Lounge
   Aviso legal · Privacidad · Cookies
   ============================================================ */

.legalpage{position:relative;z-index:1}

.legalhead{
  max-width:var(--maxw);margin-inline:auto;
  padding:clamp(8rem,16vw,11rem) var(--pad) clamp(2rem,5vw,3rem);
}
.legalhead__back{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.92rem;color:var(--muted);text-decoration:none;
  margin-bottom:2rem;transition:color .3s var(--ease)
}
.legalhead__back svg{width:18px;height:18px}
.legalhead__back:hover{color:var(--gold-bright)}
.legalhead h1{
  font-family:var(--font-display);font-weight:300;
  font-size:clamp(2.4rem,6vw,4rem);line-height:1.02;letter-spacing:-.01em;
  text-transform:uppercase;text-wrap:balance
}
.legalhead h1 em{font-style:normal;color:var(--gold-bright)}
.legalhead__meta{margin-top:1rem;color:var(--muted);font-size:.92rem}

.legalbody{
  max-width:760px;margin-inline:auto;
  padding:0 var(--pad) clamp(4rem,9vw,7rem)
}
.legalbody h2{
  font-family:var(--font-display);font-weight:400;text-transform:uppercase;
  letter-spacing:.1em;font-size:1.12rem;color:var(--gold-bright);
  margin:2.6rem 0 .9rem;text-wrap:balance
}
.legalbody h2:first-child{margin-top:0}
.legalbody h3{
  font-family:var(--font-serif);font-style:italic;font-size:1.15rem;
  color:var(--text);margin:1.8rem 0 .6rem
}
.legalbody p,.legalbody li{
  color:var(--muted);line-height:1.75;font-size:1rem;
  max-width:70ch;text-wrap:pretty
}
.legalbody p{margin-bottom:1rem}
.legalbody strong{color:var(--text);font-weight:600}
.legalbody a{color:var(--gold-bright);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hair-gold)}
.legalbody a:hover{text-decoration-color:var(--gold-bright)}
.legalbody ul{list-style:none;margin:.4rem 0 1.2rem;padding:0}
.legalbody ul li{position:relative;padding-left:1.4rem;margin-bottom:.5rem}
.legalbody ul li::before{
  content:"";position:absolute;left:.2rem;top:.7rem;
  width:5px;height:5px;border-radius:50%;background:var(--gold)
}
.legalbody hr{border:0;border-top:1px solid var(--hair-white);margin:2.4rem 0}

.legaltable{
  width:100%;border-collapse:collapse;margin:1rem 0 1.6rem;font-size:.92rem
}
.legaltable th,.legaltable td{
  text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--hair-white);
  color:var(--muted);vertical-align:top
}
.legaltable th{color:var(--gold-bright);font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.legaltable td:first-child{color:var(--text);white-space:nowrap}

@media(max-width:560px){
  .legaltable,.legaltable tbody,.legaltable tr,.legaltable td{display:block;width:100%}
  .legaltable thead{display:none}
  .legaltable tr{border:1px solid var(--hair-white);border-radius:12px;padding:.6rem .8rem;margin-bottom:.8rem}
  .legaltable td{border:0;padding:.25rem 0}
  .legaltable td:first-child{font-weight:600}
}