/* =========================================================
   Información legal · Gran Edén
   Una sola página para leer con calma: condiciones, privacidad y aviso legal.
   Usa los colores, tipografías y el grano de la web (../styles.css).
   ========================================================= */

html{ scroll-padding-top:24px; }

/* ---------- Cabecera (igual que «Mi cuenta») ---------- */
.l-cab{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  max-width:var(--wrap); margin:0 auto;
  padding:max(18px, env(safe-area-inset-top)) var(--gutter) 18px;
}
.l-marca img{ height:24px; width:auto; }
@media (min-width:600px){ .l-marca img{ height:28px; } }
.l-volver{
  display:inline-flex; align-items:center; gap:8px; min-height:44px;
  font:500 14.5px/1 var(--sans); color:var(--text-2); text-decoration:none; transition:color .2s ease;
}
.l-volver svg{ width:18px; height:18px; transition:transform .3s var(--ease-out); }
@media (hover:hover) and (pointer:fine){
  .l-volver:hover{ color:var(--gold-b); }
  .l-volver:hover svg{ transform:translateX(-3px); }
}

/* ---------- Texto: una columna cómoda de leer ---------- */
.l-main{
  max-width:calc(720px + 2 * var(--gutter)); margin:0 auto;
  padding:clamp(20px, 5vw, 56px) var(--gutter) 40px;
}
.l-titulo{
  margin:12px 0 18px;
  font:400 clamp(42px, 9vw, 72px)/1.02 var(--serif); letter-spacing:-.022em;
}
.l-titulo em{
  font-style:italic; padding-right:.06em;
  background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.l-intro{ max-width:56ch; color:var(--text-2); }

.l-main a{ color:var(--gold-b); text-underline-offset:3px; text-decoration-color:rgba(234,207,120,.4); overflow-wrap:anywhere; }

/* Índice: cápsulas para saltar a cada parte */
.l-indice{ display:flex; flex-wrap:wrap; gap:10px; margin:30px 0 8px; }
.l-main .l-indice a{
  display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:999px;
  font:500 14.5px/1 var(--sans); color:var(--text); text-decoration:none;
  border:1px solid rgba(209,167,82,.4); background:rgba(209,167,82,.06);
  transition:border-color .2s ease, background-color .2s ease;
}
@media (hover:hover) and (pointer:fine){ .l-main .l-indice a:hover{ border-color:var(--gold-b); background:rgba(209,167,82,.12); } }

.l-seccion{ margin-top:clamp(44px, 8vw, 72px); padding-top:clamp(28px, 5vw, 40px); border-top:1px solid var(--line); }
.l-seccion h2{ font:400 clamp(30px, 6vw, 42px)/1.1 var(--serif); letter-spacing:-.015em; }
.l-seccion h3{ margin:30px 0 10px; font:500 17px/1.35 var(--sans); color:var(--gold-b); }
.l-seccion > p, .l-seccion li{ color:var(--text-2); }
.l-seccion > h2 + p{ margin-top:16px; }
.l-seccion > p + p{ margin-top:12px; }
.l-seccion ul{ margin:0; padding-left:1.15em; }
.l-seccion li + li{ margin-top:8px; }
.l-seccion li::marker{ color:var(--gold); }
.l-seccion strong{ font-weight:500; color:var(--text); }
.l-seccion ul + p{ margin-top:14px; }

/* Datos de la empresa */
.l-datos{
  display:grid; gap:0; margin:18px 0 0; padding:6px 20px; border-radius:18px;
  border:1px solid var(--line); background:rgba(255,255,255,.02);
}
.l-datos div{ display:grid; gap:2px; padding:12px 0; }
.l-datos div + div{ border-top:1px solid var(--line); }
@media (min-width:600px){ .l-datos div{ grid-template-columns:170px 1fr; gap:16px; } }
.l-datos dt{ font-size:14px; color:var(--text-3); }
.l-datos dd{ margin:0; color:var(--text); overflow-wrap:anywhere; }

.l-fecha{ margin-top:48px; font-size:14px; color:var(--text-3); }

/* ---------- Pie ---------- */
.l-pie{
  max-width:var(--wrap); margin:0 auto;
  padding:26px var(--gutter) max(30px, env(safe-area-inset-bottom));
  border-top:1px solid var(--line); text-align:center; font-size:13.5px; color:var(--text-3);
}