:root {
  /* Ajusta a tu paleta global si ya existen en style.css */
  --footer: #0a2540;
  --white: #fff;
  --overlay: rgba(0, 0, 0, 0.45);
}

footer {
  background: var(--footer);
  color: var(--white);
}

#hero {
  min-height: 50vh;
  background: linear-gradient(var(--overlay), var(--overlay)),
    url("../img/kint_contacto.jpeg") center/cover no-repeat;
}
#hero .display-4 {
  margin-bottom: 0.5rem;
}
#hero .lead {
  font-size: 1.1rem;
}

.hidden {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out;
}
.show {
  opacity: 1;
  transform: translateY(0);
  text-align: justify;
}