/*
 * La página pública de un documento legal (WO-253, contrato C-AL).
 * Sin fuentes de terceros: las del sistema en la base; la plantilla de una
 * marca pone las suyas (Marconata, `web.css` desde `/assets/`).
 */
.documento-legal__marca {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}

.documento-legal__marca p {
  margin: 0;
}

.documento-legal {
  max-width: 46rem;
  margin: 0 auto;
  padding: 2rem 1.25rem 3rem;
  line-height: 1.6;
}

body:not(.mc-l-pedidos) {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #222;
}

.documento-legal__datos dl,
.documento-legal__tiendas dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.25rem 1rem;
  margin: 0 0 2rem;
}

.documento-legal__datos dt,
.documento-legal__tiendas dt {
  font-weight: 600;
}

.documento-legal__datos dd,
.documento-legal__tiendas dd {
  margin: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 30rem) {
  .documento-legal__datos dl,
  .documento-legal__tiendas dl {
    grid-template-columns: 1fr;
  }

  .documento-legal__datos dd,
  .documento-legal__tiendas dd {
    margin-bottom: 0.5rem;
  }
}

/* Los enlaces del contenido en la página de una marca (WO-491): la tinta y el
   subrayado de los enlaces del pie (`.mc-pie__enlace` en `web.css`, que la
   marca carga desde `/assets/`), no el azul y el morado del navegador. Solo
   con `body.mc-l-pedidos`: la base de las demás empresas no lleva `web.css`
   ni sus variables. El color fijo vale también para los visitados. */
.mc-l-pedidos .documento-legal a {
  color: var(--mc-color-tinta);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.mc-l-pedidos .documento-legal a:hover {
  text-decoration-thickness: 2px;
}