/* Páginas de contenido (page.php) y página no encontrada (404.php). Copia de los estilos de
   lizi/src/pages/terminos-y-condiciones.astro y lizi/src/pages/404.astro, que allí iban dentro de cada
   página. Las páginas de Elementor no encolan esta hoja: ahí manda Elementor. */
.legal-page {
  background: #f3f4f6;
  padding-bottom: 48px;
  margin-bottom: -48px;
}

.legal-page .container {
  max-width: 892px;
}

.legal {
  background: #fff;
  border-radius: 4px;
  padding: 36px 40px 40px;
}

.legal h1 {
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  color: #1f2a37;
  margin-bottom: 20px;
}

.legal-body {
  color: #4b5563;
  line-height: 1.7;
}

.legal-body h2 {
  font-size: 1.15rem;
  color: #1f2a37;
  margin: 32px 0 10px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}

.legal-body h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.legal-body p {
  margin: 0 0 10px;
}

.legal-body ul,
.legal-body ol {
  margin: 0 0 12px;
  padding-left: 22px;
}

.legal-body li {
  margin-bottom: 4px;
}

.legal-body a {
  color: var(--green-600);
  font-weight: 500;
}

.legal-body strong {
  color: #1f2a37;
}

@media (max-width: 600px) {
  .legal {
    padding: 24px 18px 28px;
  }
}

.notfound {
  text-align: center;
  padding: 80px 16px;
}