/* ==========================================================================
   ESPUMA TORITO — Páginas legales
   privacidad.html · terminos.html · cookies.html · reembolsos.html
   ========================================================================== */

.legal {
  padding-top: calc(var(--altura-header) + var(--sp-7));
  padding-bottom: var(--seccion-py);
  background: var(--blanco);
}

.legal__contenido {
  max-width: 760px;
  margin-inline: auto;
}

.legal h1 {
  margin-top: var(--sp-4);
  font-size: var(--fs-2xl);
}

.legal__fecha {
  margin-top: var(--sp-3);
  font-size: var(--fs-sm);
  color: var(--color-texto-suave);
}

.legal__resumen {
  margin-top: var(--sp-6);
  padding: var(--sp-5);
  background: var(--crema);
  border-radius: var(--radio);
}

.legal h2 {
  margin-top: var(--sp-8);
  font-size: var(--fs-xl);
  line-height: 1.15;
}

.legal h3 {
  margin-top: var(--sp-6);
  font-family: var(--font-body);
  font-size: var(--fs-lg);
  font-weight: 700;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.legal p,
.legal ul,
.legal ol,
.legal table {
  margin-top: var(--sp-3);
}

.legal p,
.legal li,
.legal td {
  color: var(--grafito);
}

.legal ul,
.legal ol {
  display: grid;
  gap: var(--sp-2);
  padding-left: 1.3em;
}

.legal a {
  font-weight: 600;
  color: var(--rojo-oscuro);
}

.legal table {
  width: 100%;
  font-size: var(--fs-sm);
  border-collapse: collapse;
}

.legal th,
.legal td {
  padding: var(--sp-3) var(--sp-2);
  text-align: left;
  vertical-align: top;
  border-bottom: var(--borde);
}

.legal th {
  font-weight: 700;
  white-space: nowrap;
}

/* Tablas anchas (cookies): desplazamiento horizontal en celular */
.legal__tabla {
  overflow-x: auto;
}

.legal__tabla table {
  min-width: 560px;
}

.legal code {
  padding: 0.1em 0.35em;
  font-size: 0.9em;
  background: var(--crema);
  border-radius: 4px;
}

.legal__resumen table {
  margin-top: var(--sp-2);
}