@charset "UTF-8";
/* Estilos propios de las páginas legales.
   Reutilizan los tokens y componentes de styles.css. */

.pagina-legal { display: flex; flex-direction: column; min-height: 100vh; }
.pagina-legal main { flex: 1 0 auto; }

.nav-cta-legal { margin-left: auto; }

.legal {
  padding-block: calc(var(--nav-h-min) + clamp(3.5rem, 10vw, 6rem)) clamp(4rem, 10vw, 7rem);
  max-width: 720px;
}
.legal .h2 { margin-bottom: 2rem; }

/* Aviso de dato que falta. Se ve a la legua a propósito: no debe
   llegar a producción sin rellenar. */
.legal-pendiente {
  display: inline-block;
  padding: .1rem .5rem;
  background: #FFE9A8;
  color: #6B4A00;
  font-weight: 700;
  font-size: .9em;
  border-radius: var(--r-sm);
}

/* --- Cuerpo de las páginas legales --- */
.legal h2 {
  margin-top: 2.75rem;
  margin-bottom: .9rem;
  font-family: var(--sans);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--tinta);
}
.legal h3 {
  margin-top: 1.75rem;
  margin-bottom: .5rem;
  font-size: 1rem;
  font-weight: 700;
}
.legal p { margin-bottom: 1rem; max-width: 68ch; }
.legal ul, .legal ol { margin: 0 0 1.15rem 1.15rem; max-width: 68ch; }
.legal li { margin-bottom: .45rem; }
.legal a { color: var(--corinto); border-bottom: 1px solid var(--linea-tinta); }
.legal a:hover { border-bottom-color: var(--corinto); }

.legal-fecha {
  margin-top: 3rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--linea-tinta);
  font-size: .85rem;
  color: var(--gris);
}

/* --- Tabla (cookies, plazos de conservación) --- */
.legal-tabla-caja { overflow-x: auto; margin-bottom: 1.5rem; }
.legal-tabla {
  width: 100%;
  min-width: 34rem;
  border-collapse: collapse;
  font-size: .88rem;
}
.legal-tabla th, .legal-tabla td {
  padding: .7rem .8rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--linea-tinta);
}
.legal-tabla th {
  font-weight: 700;
  background: var(--crema-puro);
  border-bottom-width: 2px;
}
.legal-tabla td { color: var(--gris); }
.legal-tabla td:first-child { color: var(--tinta); font-weight: 600; }

/* --- Caja destacada --- */
.legal-caja {
  margin: 1.75rem 0;
  padding: 1.25rem 1.4rem;
  background: var(--crema-puro);
  border-left: 3px solid var(--corinto);
}
.legal-caja p:last-child { margin-bottom: 0; }

.legal-datos {
  margin-top: 2.5rem;
  padding-top: 1.8rem;
  border-top: 1px solid var(--linea-tinta);
  font-size: .96rem;
  color: var(--gris);
}
.legal-datos strong { color: var(--tinta); }
.legal-datos a { border-bottom: 1px solid var(--linea-tinta); }
.legal-datos a:hover { color: var(--corinto); }

.legal-volver {
  margin-top: 2.5rem;
  font-size: .78rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: .17em;
}
.legal-volver a { color: var(--corinto); }