.whatsapp {
    position:fixed;
    width:50px;
    height:50px;
    bottom:60px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:60px;
    text-align:center;
    font-size:30px;
    z-index:100;
  }
  .whatsapp:hover {
    opacity: 0.5;
    }
  .whatsapp-icon {
    margin-top:15px;
  }

  .claseDelDiv {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/img/leg1.webp");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    height: 100%; 
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; /* Ajusta el color del texto si es necesario */
  }
  .bi-copy:hover{
    color:#bab9b5
  }

  .btn-primary{
      background-color:rgb(185, 163, 135) !important; /* El uso de !important asegura que este estilo sobrescriba otros */
      color: #fff !important; /* Asegúrate de que el color del texto también se ajuste */
      border: 2px solid rgb(185, 164, 137)!important; /* Cambia el color del borde al mismo que el fondo */
  }
  .btn-primary:hover{
    background-color: rgb(145, 136, 123)!important;
    border: 2px solid rgb(145, 136, 123)!important; /* Cambia el color del borde al mismo que el fondo */

  }

  .accordion-button:hover{
    background-color:rgb(234, 221, 206)!important;
    border: 2px solid rgb(223, 209, 193)!important; /* Cambia el color del borde al mismo que el fondo */

  }
  .accordion-button:not(.collapsed) {
    background-color: rgb(234, 221, 206)!important; /* Color de fondo cuando está seleccionada */
    color: rgb(53, 53, 53)!important; /* Color del texto */
    border: 2px solid rgb(198, 185, 164)!important; /* Color del borde */
}

.accordion-button:focus {
    box-shadow: none!important; /* Quita el resplandor azul */
}
body {
  color: rgb(44, 44, 44)!important; /* Reemplaza #tuColorDeseado con el código hexadecimal del color que prefieras */
}