/* =====================================================================
   INDIUM · DURRAT TULUM — páginas legales
   Hoja aparte: no depende de styles.css.
   ===================================================================== */
:root{
  --marron:#7A4900; --marron-hondo:#43280A;
  --tinta:#16110C; --texto:#4A4038; --linea:#E4DACB;
  --arena:#F5F0E8; --papel:#FBF8F3;
  --display:"Playfair Display",Georgia,serif;
  --cuerpo:"EB Garamond",Georgia,serif;
  --util:"Jost","Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{ box-sizing:border-box; }
body{
  margin:0; background:var(--papel); color:var(--texto);
  font-family:var(--cuerpo); font-size:17.5px; line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--marron); }

.lg-cab{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:14px clamp(20px,4vw,44px);
  background:rgba(251,248,243,.92); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--linea);
}
.lg-logo img{ height:40px; width:auto; display:block; }

.lg-idioma{ display:flex; border:1px solid var(--linea); border-radius:999px; overflow:hidden; }
.lg-idioma button{
  border:0; background:transparent; cursor:pointer;
  font-family:var(--util); font-size:11.5px; font-weight:500; letter-spacing:.12em;
  padding:9px 16px; color:var(--texto);
}
.lg-idioma button.es-activo{ background:var(--tinta); color:#fff; }

.lg-hoja{
  max-width:760px; margin:0 auto;
  padding:clamp(40px,6vw,80px) 24px clamp(60px,8vw,110px);
}
.lg-eyebrow{
  margin:0 0 10px; font-family:var(--util); font-size:10.5px; font-weight:500;
  letter-spacing:.26em; text-transform:uppercase; color:var(--marron);
}
.lg-hoja h1{
  margin:0 0 8px; font-family:var(--display); font-weight:400;
  font-size:clamp(32px,4.4vw,48px); line-height:1.12; color:var(--tinta);
}
.lg-fecha{
  margin:0 0 42px; font-family:var(--util); font-size:12px;
  letter-spacing:.06em; color:#9A8B79;
}
.lg-hoja h2{
  margin:40px 0 14px; font-family:var(--display); font-weight:400;
  font-size:clamp(21px,2.4vw,27px); line-height:1.25; color:var(--tinta);
}
.lg-hoja p{ margin:0 0 16px; }
.lg-hoja ul{ margin:0 0 18px; padding-left:20px; }
.lg-hoja li{ margin-bottom:9px; }
.lg-hoja b{ font-weight:500; color:var(--tinta); }

.lg-nota{
  margin-top:44px; padding:18px 20px;
  background:var(--arena); border-radius:12px;
  font-size:15px; color:#8A7C6C;
}

.lg-tabla{
  width:100%; border-collapse:collapse; margin:0 0 22px;
}
.lg-tabla td{
  padding:13px 0; border-bottom:1px solid var(--linea); vertical-align:top;
}
.lg-tabla td:last-child{ text-align:right; color:var(--tinta); white-space:nowrap; padding-left:16px; }

.lg-pie{
  display:flex; flex-wrap:wrap; gap:8px 26px; justify-content:center;
  padding:26px 24px 40px; border-top:1px solid var(--linea);
  background:var(--arena);
}
.lg-pie a{
  font-family:var(--util); font-size:12px; letter-spacing:.06em;
  color:var(--texto); text-decoration:none;
}
.lg-pie a:hover{ color:var(--marron); }

@media (max-width:600px){
  body{ font-size:16.5px; }
  .lg-tabla td:last-child{ white-space:normal; }
}