/* Estilos para el boton de WhatsApp */

#whatsapp-button {
  position: fixed;
  bottom: 31px;
  left: 10px; /* Cambiado de 'right' a 'left' */
  z-index: 9999;
}

#whatsapp-button a {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  position: relative; /* Agregado */
}

#whatsapp-button img {
  width: 62px;
  height: 55px;
  position: absolute; /* Cambiado de 'fixed' a 'absolute' */
  top: 0; /* Ajustado según sea necesario */
  left: 0; /* Ajustado según sea necesario */
  z-index: 2;
}

#whatsapp-button:before,
#whatsapp-button:after {
  content: "";
  position: absolute;
  width: 45px;
  height: 45px;
  top: 7px;
  left: 7px;
  opacity: 0;
  border-radius: 50%;
  background-color: #00fa60;
  animation: onda 1.7s infinite;
}

#whatsapp-button:before {
  animation-delay: 1s;
}

#whatsapp-button:after {
  animation-delay: 1.3s;
}

@keyframes onda {
  0% {
    transform: scale(1);
  }
  15% {
    opacity: 1;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

/* Termina los Estilos para el boton de WhatsApp */


/* Estilo para el Banner de cookies */
#cb-cookie-banner { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    z-index: 999; 
    border-radius: 0; 
    display: none; 
}
/* Fin del estilo para el Banner de cookies */


 /* Ajustar el tamaño máximo de las imágenes del carrusel */
    #carouselExampleCaptions img {
        max-height: 400px; /* Ajusta este valor según tu preferencia */
        width: auto;
        margin: auto;
    }
    
    
    
    
    
    /* Estilos generales para el formulario */
#quote-form-container {
    padding: 20px;
    background-color: #fff; /* Cambiar al color de fondo deseado */
}

/* Estilos para el tema oscuro */
.theme-dark #quoteForm {
    color: #fff;
    background-color: #333; /* Cambiar al color de fondo oscuro deseado */
}

/* Estilos para los botones de enviar cotización */
#quoteForm button[type="submit"] {
    background-color: #007bff; /* Cambiar al color deseado */
    border-color: #007bff; /* Cambiar al color deseado */
    color: #fff;
}

/* Estilos adicionales para el botón de enviar cotización en el tema oscuro */
.theme-dark #quoteForm button[type="submit"] {
    background-color: #fff; /* Cambiar al color deseado */
    border-color: #fff; /* Cambiar al color deseado */
    color: #333;
}