/* ============================================================
   Atlantis Marbella Investment — páginas legales
   Reutiliza los tokens de styles.css (cargado antes).
   ============================================================ */

.back-home{
  margin-left:auto;
  background:var(--deep);
  color:#fff;
  border-color:var(--deep);
}
.back-home:hover{ background:var(--teal); border-color:var(--teal); transform:translateY(-1px); }

.legal-main{ background:var(--paper); color:var(--ink); padding:clamp(2.4rem,6vw,4.5rem) 0 clamp(3rem,7vw,5rem); }
.legal-wrap{ width:min(100% - 2*var(--pad), 760px); margin-inline:auto; }

.legal-wrap h1{
  font-family:var(--display); font-weight:600; letter-spacing:-.02em;
  font-size:clamp(1.9rem,1.3rem+2.4vw,2.9rem); color:var(--deep); margin:.4rem 0 0;
}
.legal-updated{ font-family:var(--mono); font-size:.82rem; color:var(--slate); margin:.8rem 0 2.2rem; }
.legal-updated::before{ content:"— "; color:var(--brass); }

.legal-wrap h2{
  font-family:var(--display); font-weight:600; font-size:clamp(1.15rem,1rem+.7vw,1.4rem);
  color:var(--teal); margin:2.6rem 0 .8rem; padding-top:1.6rem; border-top:1px solid var(--line);
}
.legal-wrap h3{
  font-family:var(--display); font-weight:600; font-size:1.02rem; color:var(--deep); margin:1.6rem 0 .5rem;
}
.legal-wrap p, .legal-wrap li{ color:#2C3A44; }
.legal-wrap p{ margin:0 0 1rem; }
.legal-wrap a{ color:var(--teal); text-decoration:underline; text-underline-offset:2px; }
.legal-wrap a:hover{ color:var(--deep); }

.legal-wrap ul, .legal-wrap ol{ margin:0 0 1.2rem; padding-left:1.3rem; }
.legal-wrap ul{ list-style:disc; }
.legal-wrap ol{ list-style:decimal; }
.legal-wrap li{ margin:.4rem 0; padding-left:.2rem; }

/* Identity / definition blocks */
.legal-card{
  background:var(--sand-2); border:1px solid var(--line); border-radius:12px;
  padding:1.3rem 1.5rem; margin:1.2rem 0 1.6rem;
}
.legal-card dl{ margin:0; display:grid; grid-template-columns:auto 1fr; gap:.4rem 1.2rem; }
.legal-card dt{ font-family:var(--mono); font-size:.76rem; text-transform:uppercase; letter-spacing:.04em; color:var(--slate); align-self:baseline; }
.legal-card dd{ margin:0; color:var(--ink); font-weight:500; }

/* Treatment table */
.legal-table{ width:100%; border-collapse:collapse; margin:1rem 0 1.6rem; font-size:.94rem; }
.legal-table th, .legal-table td{ text-align:left; padding:.7rem .8rem; border:1px solid var(--line); vertical-align:top; }
.legal-table th{ background:var(--deep); color:#fff; font-family:var(--display); font-weight:500; font-size:.82rem; }
.legal-table tr:nth-child(even) td{ background:var(--sand-2); }

/* Pending / to-complete marker (highly visible so it is never published as-is) */
.pending{
  background:#FCE9C8; color:#7A4E00; border:1px dashed #C9902B;
  padding:.06em .45em; border-radius:5px; font-weight:600; font-size:.92em;
}

.legal-note{
  margin-top:2.6rem; padding:1.1rem 1.3rem; border-left:3px solid var(--brass);
  background:var(--sand-2); border-radius:0 10px 10px 0; font-size:.9rem; color:var(--slate);
}

@media (max-width:520px){
  .legal-card dl{ grid-template-columns:1fr; gap:.15rem; }
  .legal-card dt{ margin-top:.6rem; }
  .legal-table, .legal-table tbody, .legal-table tr, .legal-table td, .legal-table th{ display:block; }
  .legal-table th{ border-bottom:0; }
  .legal-table td{ border-top:0; }
}