#waContactBtn{background-color: #25d366;color: #ffffff;padding: 0 25px;height: 45px;min-height: 45px;line-height: 45px;border-radius: 25px;font-weight: 700;border: none;cursor: pointer;display: flex;align-items: center;gap: 8px;margin: 0 auto;}
#waContactBtn:hover{background-color: #128c7e;}
.modal-whatsapp{display: none;position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(77 92 116 / 95%);-webkit-animation-name: fadeIn;-webkit-animation-duration: 0.4s;}
.modal-whatsapp-content{position: fixed;background-color: #E5DDD5;width: 100%;height: 500px;max-width: 450px;max-height: 450px;border-radius: 10px;-webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 20%);box-shadow: 0 10px 20px rgb(0 0 0 / 20%);overflow: hidden;padding: 0px 0px 0px 0px;transform: translate(-50%, -50%);left: 50%;top: 50%;animation-name: slideIn;animation-duration: 0.4s;}
.modal-whatsapp-content .modal-whatsapp-wrap{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;position: relative;}
.modal-whatsapp-content .modal-whatsapp-wrap::after{content: "";width: 100%;height: 100%;position: absolute;background-image: url('./img/ws-fondo.webp');background-size: 450px;background-color: #E5DDD5;z-index: 0;opacity: 0.1;}
.modal-whatsapp-header{padding: 10px;background-color: #009688;display: flex;z-index: 1;color: #fff;align-items: center;justify-content: space-between;}
.company-info{display: flex;align-items: center;}
.company-info img{width: 45px;height: 45px;border: solid 1px #f1f1f1;padding: 0px;border-radius: 50%;margin-right: 10px;background-color: #ffffff;}
.info-text strong{font-weight: 600;display: block;margin-bottom: 2px;}
.info-text span{font-size: 14px;display: block;}
.close-btn{cursor: pointer;font-size: 35px;font-weight: 700;}
.modal-whatsapp-body{background-color: #EFEFEF;padding: 10px 5px 0;display: flex;justify-content: flex-start;align-items: center;z-index: 1;}
#whatsappContactForm{display: flex;width: 100%;margin: 0;}
.form-fields{flex: 1 1 85%;}
.form-submit{flex: 1 1 15%;display: flex;align-items: center;justify-content: center;}
.modal-whatsapp input[type="text"],.modal-whatsapp input[type="tel"],.modal-whatsapp input[type="email"],.modal-whatsapp textarea{width: 100%;padding: 10px;margin-bottom: 8px;border-radius: 20px;background-color: #fff;border: 1px solid #f1f1f1;box-sizing: border-box;font-size: 14px;}
.modal-whatsapp textarea{resize: none;overflow-y: hidden;font-size: 14px;min-height: 40px;}
.modal-whatsapp input:hover {box-shadow: none;}
.modal-whatsapp select {width: 100%; padding: 10px; border-radius: 20px; background-color: #fff; border: 1px solid #f1f1f1; margin-bottom: 8px; font-size: 14px;}
.modal-whatsapp input[type="text"]:focus-visible, .modal-whatsapp input[type="tel"]:focus-visible, .modal-whatsapp input[type="email"]:focus-visible, .modal-whatsapp textarea:focus-visible {outline: none;}
.modal-whatsapp input[type="text"]:focus, .modal-whatsapp input[type="tel"]:focus, .modal-whatsapp input[type="email"]:focus, .modal-whatsapp textarea:focus {border-color: #014b8a;}
#submitBtn{background-color: transparent;border: none;cursor: pointer;margin: 0;padding: 0;}
#submitBtn img{width: 30px;}
.form-row-one{display: flex;flex-wrap: wrap;}
.form-row-two{display: flex;column-gap: 10px;}
.error{color: red;font-size: 12px;margin-top: -5px;margin-bottom: 10px;padding: 0 2px;display: none;}
#errormessage {color: #fff;display: none;font-size: 12px;border: 1px solid #ffff99;margin-bottom: 20px;padding: 10px;text-align: center;}
.floating-btn{cursor: pointer;background-color: #25d366;color: #ffffff;max-width: 90px;padding: 15px;text-align: center;border-radius: 99px;position: fixed;left: 20px;bottom: 5%;z-index: 95;border: 0;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;margin: 0;}
.floating-btn span{font-size: 10px;line-height: 20px;text-transform: uppercase;font-weight: bold;}
.floating-btn:hover, .floating-btn:focus{background-color: #128c7e;}
@media (max-width: 768px){.modal-whatsapp-content{width: 90%;}}
@media only screen and (max-width: 480px) {.form-row-two {flex-direction: column;}}