.bg-light-blue {
  background-color: #F6FAFF;
}

body.dark-mode {
  background-color: #121212;
  color: #e0e0e0;
}

.dark-mode .navbar,
.dark-mode .footer {
  background-color: #333;
}

.dark-mode .card {
  background-color: #424242;
}

.envio-button {
  color: var(--contrast-color);
  background: var(--accent-color);
  border: 0;
  padding: 10px 30px;
  transition: 0.4s;
  border-radius: 50px;
}

.envio-button:hover {
  background: rgba(var(--accent-color-rgb), 0.75);
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Agrega más estilos según sea necesario */