/* ==========================================================================
   ARCHIVO:   css/7-legal.css
   PARTE:     Páginas legales
   CONTIENE:  texto largo, tablas y bloques por idioma
   LO USAN:   las seis páginas de legal/
   ORDEN:     después de 2-estructura.css
   ========================================================================== */

/* ---------- Páginas legales ---------- */
.legal-aviso {
  max-width: 48rem;
  margin-top: 2rem;
}
.legal {
  max-width: 48rem;
  padding-block: 2rem var(--espacio-seccion);
}
.legal h1 {
  font-size: var(--paso-3);
  letter-spacing: -0.02em;
}
.legal h2 {
  margin-top: 2.75rem;
  font-size: var(--paso-2);
}
.legal h3 {
  margin-top: 2.25rem;
  font-size: 1.15rem;
}
.legal p,
.legal ul,
.legal ol,
.legal .tabla {
  margin-top: 1rem;
}
.legal ul,
.legal ol {
  padding-left: 1.3rem;
}
.legal li + li {
  margin-top: 0.4rem;
}
.legal strong {
  font-weight: 600;
}
.legal__idiomas-nota {
  margin-top: 0.5rem;
  color: var(--tinta-suave);
}
.tabla {
  overflow-x: auto;
  border: 1px solid var(--linea-fuerte);
  border-radius: var(--radio);
}
.tabla:focus-visible {
  outline-offset: 2px;
}
.tabla table {
  width: 100%;
  min-width: 34rem;
  border-collapse: collapse;
  font-size: 0.97rem;
}
.tabla th,
.tabla td {
  padding: 0.75rem 0.9rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--linea);
}
.tabla th {
  background: var(--panel-alto);
  font-weight: 600;
}
.tabla tr:last-child td {
  border-bottom: 0;
}
/* Cada página legal trae los dos idiomas; se muestra el que esté elegido */
html[lang="es"] [data-idioma-bloque="en"],
html[lang="en"] [data-idioma-bloque="es"] {
  display: none;
}

/* Correos y direcciones largas se parten para no salirse de la pantalla */
main a {
  overflow-wrap: anywhere;
}