html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

body {
  min-height: 100vh;
}

.site-header,
.site-footer {
  width: 100%;
  max-width: none;
}

#clientes,
#negocios {
  scroll-margin-top: 5rem;
}

#precios {
  scroll-margin-top: 5rem;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.hero-gradient {
  background: radial-gradient(circle at top right, #e5deff 0%, #f8f9ff 100%);
}

.legal-content h2 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.legal-content p,
.legal-content ul {
  margin-bottom: 0.75rem;
}

.legal-content ul {
  list-style: disc;
  padding-left: 1.25rem;
}