#floating-menu {
  cursor: pointer;
}

#floating-icon {
  overflow: hidden;
  position: fixed;
  z-index: 99999;
  bottom: 15px;
  right: 15px;
  background-color: #540047;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

#floating-icon span {
  display: block;
  width: 5px;
  height: 5px;
  background-color: #fff;
  margin: 0 auto;
  margin-bottom: 5px;
  border-radius: 50px;
}

#floating-ligar,
#floating-whatsapp,
#floating-emergencia {
  display: none;
  overflow: hidden;
  position: fixed;
  z-index: 99998;
  width: 40px;
  height: 40px;
  border-radius: 25px;
  color: #fff;
  font-size: 20px;
}

#floating-ligar {
  right: 20px;
  bottom: 20px;
  background-color: #182c3c;
  -webkit-animation: slide-ligar 0.25s forwards;
  -webkit-animation-delay: 0.25s;
  animation: slide-ligar 0.25s forwards;
  animation-delay: 0.25s;
}

#floating-icon,
#floating-ligar,
#floating-whatsapp,
#floating-emergencia {
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
}

@-webkit-keyframes slide-ligar {
  0% {
    right: 20px;
    bottom: 20px;
  }
  100% {
    right: 20px;
    bottom: 100px;
  }
}

@keyframes slide-ligar {
  0% {
    right: 20px;
    bottom: 20px;
  }
  100% {
    right: 20px;
    bottom: 100px;
  }
}

#floating-whatsapp {
  right: 20px;
  bottom: 20px;
  background-color: #93b662;
  -webkit-animation: slide-whatsapp 0.25s forwards;
  -webkit-animation-delay: 0.25s;
  animation: slide-whatsapp 0.25s forwards;
  animation-delay: 0.25s;
}

@-webkit-keyframes slide-whatsapp {
  0% {
    right: 20px;
    bottom: 20px;
  }
  100% {
    right: 70px;
    bottom: 70px;
  }
}

@keyframes slide-whatsapp {
  0% {
    right: 20px;
    bottom: 20px;
  }
  100% {
    right: 70px;
    bottom: 70px;
  }
}

#floating-emergencia {
  right: 20px;
  bottom: 20px;
  background-color: #d00829;
  -webkit-animation: slide-emergencia 0.25s forwards;
  -webkit-animation-delay: 0.25s;
  animation: slide-emergencia 0.25s forwards;
  animation-delay: 0.25s;
}

@-webkit-keyframes slide-emergencia {
  0% {
    right: 20px;
    bottom: 20px;
  }
  100% {
    right: 100px;
    bottom: 20px;
  }
}

@keyframes slide-emergencia {
  0% {
    right: 20px;
    bottom: 20px;
  }
  100% {
    right: 100px;
    bottom: 20px;
  }
}

#floating-menu svg {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}

#floating-menu a {
  color: #fff;
}

/* Modal */
.modal-open {
  overflow: auto;
}

.modal-dialog {
  top: 25%;
  width: 40%;
}

.modal-content {
  border-radius: 0;
}

.modal-body {
  padding: 30px 80px;
  height: fit-content;
}

.fechaModal {
  float: right;
  margin-top: -20px;
  margin-right: -20px;
  background: #93b662;
  border: none;
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  width: 50px;
  height: 50px;
  z-index: 9999;
  cursor: pointer;
  position: relative;
}