/* Hacer el fondo transparente y mostrar la imagen de fondo */
body {
  background-image: url('../img/servicios1.png');
  background-size: cover; /* Asegura que la imagen cubra todo el fondo */
  background-position: center; /* Centra la imagen */
  background-attachment: fixed; /* Fija la imagen de fondo para que no se desplace */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
}

/* Modificar bg-success */
.bg-success {
  background-color: #42d196 !important; /* Color verde por defecto de bg-success */
}

/* Personaliza el color de fondo, por ejemplo, un verde más oscuro */
.bg-success-custom {
  background-color: #42d196 !important; /* Verde oscuro */
}

/* Botón personalizado */
.btn-custom {
  background-color: #32d4d4 !important; /* Color de fondo personalizado */
  color: white !important; /* Color de texto */
  border: none !important; /* Quitar borde */
  padding: 10px 20px !important; /* Ajustar el tamaño del botón */
  border-radius: 5px !important; /* Bordes redondeados */
  transition: background-color 0.3s ease !important; /* Transición suave al cambiar color */
}

.btn-custom:hover {
  background-color: #4feb95 !important; /* Color de fondo al pasar el mouse */
  cursor: pointer !important; /* Cambiar cursor a pointer al pasar el mouse */
}

.card-body form {
  max-width: 600px; /* Ancho máximo de 400px */
  margin: 0 auto;  /* Centrar el formulario */
}