#whatsapp-modal {
  padding: 0px !important;
}
#whatsapp-modal .modal-body {
  overflow-y: hidden;
}

#whatsapp-modal .modal-dialog.modal-dialog-centered {
  margin: auto;
}
#whatsapp-modal .modal-content {
  display: flex;
  padding: var(--space-0, 0px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-0, 0px);
  align-self: stretch;
  height: 576px;
  border-radius: 16px;
  margin: auto;
  padding: 16px;
}
#whatsapp-modal .close {
  display: block;
  align-self: end;
}

#whatsapp-modal .modal-header {
  /* display: flex; */
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 182px;
  padding: 16px;
  gap: 8px;
  border-color: transparent;
}

#whatsapp-modal #ico-whatsapp-ok {
  width: 64px;
  height: 64px;
}

#whatsapp-modal .modal-header #whatsapp-modal-title {
  color: var(--Color-Content-General-1, #2c2c2c);
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;

  font-family: "IberPangeaText-regular";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}

#whatsapp-modal .modal-header #whatsapp-modal-subtitle {
  width: 318px;
  color: var(--Color-Content-General-1, #2c2c2c);
  text-align: center;
  font-family: "IberPangeaText-regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

#wa-form-modal-chat {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 374px;
}

#whatsapp-modal #telf-wa-chat {
  min-width: 328px;
  height: 40px;
  border-radius: 100px;
  border: solid 1px #707070;
  background-color: #ffffff;
  font-size: 12px;
  color: #707070;
  padding-left: 20px;
  font-family: "IberPangeaText-Regular";
}

#whatsapp-modal #telf-wa-chat::placeholder {
  color: #707070;
}

#whatsapp-modal #nombre-wa-chat {
  min-width: 328px;
  height: 40px;
  border-radius: 100px;
  border: solid 1px #707070;
  background-color: #ffffff;
  font-size: 12px;
  color: #707070;
  padding-left: 20px;
  font-family: "IberPangeaText-Regular";
  margin-bottom: 0px;
}

#whatsapp-modal #nombre-wa-chat::placeholder {
  color: #707070;
}

#whatsapp-modal .checkbox-custom + .checkbox-custom-label:before {
  margin-top: 0px;
  margin-right: -0.0625rem;
  border-color: #2f6852;
  width: 24px;
  height: 24px;
}

#whatsapp-modal .ibd--es input[type="checkbox"]:not(.ibd-switch) + label {
  margin-left: 0px !important;
}
#whatsapp-modal .checkbox-custom-label {
  padding-left: 0px !important;
  display: flex;
  gap: 12px;
}

#whatsapp-modal .ibd--es input[type="checkbox"]:not(.ibd-switch) {
  display: none;
}

#wa-form-modal-chat .ibd .modal-body p {
  color: var(--Color-Content-General-2, #707070);
  font-family: "IberPangeaText-regular";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

#wa-form-modal-chat .privacy .link-politica,
#wa-form-modal-chat .whatsapp .link-politica {
  color: var(--Color-Content-General-2, #707070);
  font-family: "IberPangeaText-regular";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration-line: underline;
}

#wa-form-modal-chat #aceptoPoliticaWhatsapp,
#wa-form-modal-chat #aceptoCondicionesModuloWhatsapp {
  display: none;
}
.ibd .modal-body p {
  font-family: "IberPangeaText-regular";
  font-size: 12px;
  color: #707070;
  line-height: 1.15;
  text-align: left;
  margin-bottom: 0rem;
}

#wa-form-modal-chat .checkbox-custom:checked + .checkbox-custom-label:after {
  font-family: "fontawesome-alloy";
  content: "\f00c";
  font-size: 13px;
  border-radius: 0.125rem;
  text-align: center;
  position: absolute;
  margin-top: -1px;
  background: #2f6852;
  color: #ffffff;
  left: 9px;
  top: 0px;
  width: 24px;
  height: 24px;
}

#btn-chat-wa {
  width: 260px;
  height: 55px;
  border-radius: 40px;
  margin: 5px;
  cursor: pointer;
  color: #ffffff;
  text-transform: none;
  font-size: 16px;
  background: #2f6852;
  font-family: "IberPangeaText-regular";
}
#wa-form-modal-chat .form-group.has-success {
  height: 56px;
}
#wa-form-modal-chat .form-group.has-error .input-telefono {
  border-color: #a94442;
}
#wa-form-modal-chat
  .checkbox-custom.checkbox-error
  + .checkbox-custom-label:before {
  border: 2px solid #a94442; /* Estilo del borde rojo */
}
#wa-form-modal-chat .checkbox-custom.checkbox-error + .checkbox-custom-label p,
#wa-form-modal-chat .checkbox-custom.checkbox-error + .checkbox-custom-label a {
  color: #a94442;
}

@media (min-width: 576px) {
  #whatsapp-modal .modal-content {
    width: 496px;
    height: 585px;
  }
  #whatsapp-modal .modal-header {
    width: 416px;
  }

  #wa-form-modal-chat {
    max-width: 416px;
    /* height: fit-content; */
  }
  #whatsapp-modal .modal-header #whatsapp-modal-subtitle {
    width: 416px;
  }
  #whatsapp-modal #telf-wa-chat {
    min-width: 416px;
  }
   #whatsapp-modal #nombre-wa-chat {
    min-width: 416px;
  }
  #btn-chat-wa {
    width: 328px;
  }
}

@media (min-width: 1200px) {
  #whatsapp-modal .modal-content {
    width: 600px;
  }
}

@media (min-width: 1920px) {
  #whatsapp-modal .modal-content {
    width: 640px;
  }

  #whatsapp-modal .modal-header {
    width: 640px;
  }

  #whatsapp-modal .modal-header #whatsapp-modal-subtitle {
    width: 560px;
  }

  #whatsapp-modal #telf-wa-chat {
    width: 560px;
  }
  #whatsapp-modal #nombre-wa-chat {
    width: 560px;
  }

  #wa-form-modal-chat {
    min-width: 560px;
    display: flex;
    align-items: flex-start;
  }

  #btn-chat-wa {
    align-self: center;
  }
}

/* modal response */
#whatsapp-modal .whatsapp-modal-ok {
  padding-right: 0 !important;
}

#whatsapp-modal .modal-content-ok {
  width: 360px;
  height: 300px;
}

#whatsapp-modal .modal-header-ok {
  height: 254px;
  padding-top: 0px;
}

#whatsapp-modal #ico-whatsapp-ok.ico-whatsapp-ok-ok {
  width: 80px;
  height: 80px;
}

@media (min-width: 576px) {
  #whatsapp-modal .modal-content-ok {
    width: 496px;
    height: 250px;
  }

  #whatsapp-modal .modal-header-ok {
    height: 200px;
    width: 464px;
  }

  #whatsapp-modal #ico-whatsapp-ok.ico-whatsapp-ok-ok {
    width: 80px;
    height: 80px;
  }
}

@media (min-width: 992px) {
  #whatsapp-modal .modal-content-ok {
    width: 494px;
    height: 250px;
    padding: 16px;
  }
}
@media (min-width: 1200px) {
  #whatsapp-modal .modal-content-ok {
    width: 600px;
    height: 242px;
    padding: 16px;
    padding-bottom: 48px;
  }

  #whatsapp-modal .close {
    padding-top: 16px;
  }
}

@media (min-width: 1920px) {
  #whatsapp-modal .modal-content-ok {
    width: 640px;
    height: 250px;
    padding: 16px;
    padding-bottom: 48px;
  }

  #whatsapp-modal .close {
    padding-top: 16px;
  }
}