/* Stabilize floating CTA buttons on the Ovidio landing. */
.contacto22 {
  display: none !important;
}

body.no-phone #call-now-button {
  display: none !important;
}

body.no-phone section.contacto .ccw_plugin.chatbot {
  align-items: flex-end !important;
}

section.contacto {
  position: fixed !important;
  right: 16px !important;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  left: auto !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 2147483647 !important;
  transform: none !important;
}

section.contacto .ccw_plugin.chatbot {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: auto !important;
  margin: 0 !important;
  transform: none !important;
}

#call-now-button,
#whatsapp-button {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(180px, calc(100vw - 32px), 240px) !important;
  min-height: 54px !important;
  padding: 14px 18px !important;
  margin: 0 !important;
  border: 2px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.4) !important;
  text-decoration: none !important;
  transform: none !important;
}

#call-now-button {
  background: #0f6edc !important;
}

#whatsapp-button {
  background: #10b24b !important;
}

#call-now-button .button-text,
#whatsapp-button .button-text {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

#call-now-button div,
#whatsapp-button div {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#call-now-button div {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M6.62 10.79a15.54 15.54 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1-.24c1.12.37 2.33.56 3.59.56a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.26.19 2.47.56 3.59a1 1 0 0 1-.25 1.01z'/%3E%3C/svg%3E");
}

#whatsapp-button div {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M19.11 17.41c-.3-.15-1.77-.87-2.04-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.95 1.17-.17.2-.35.22-.65.08-.3-.15-1.28-.47-2.43-1.49-.9-.8-1.5-1.79-1.68-2.09-.18-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.08-.8.37-.27.3-1.05 1.02-1.05 2.49s1.08 2.88 1.23 3.08c.15.2 2.12 3.23 5.13 4.53.72.31 1.28.49 1.72.62.72.23 1.37.2 1.89.12.58-.09 1.77-.72 2.02-1.42.25-.7.25-1.29.17-1.42-.07-.13-.27-.2-.57-.35z'/%3E%3Cpath fill='%23ffffff' d='M16.01 3.2c-7.06 0-12.8 5.73-12.8 12.79 0 2.26.6 4.47 1.74 6.41L3.1 28.8l6.56-1.72a12.73 12.73 0 0 0 6.35 1.72h.01c7.05 0 12.78-5.74 12.78-12.8 0-3.42-1.33-6.64-3.75-9.06A12.69 12.69 0 0 0 16.01 3.2zm0 23.44h-.01c-1.9 0-3.77-.51-5.4-1.47l-.39-.23-3.89 1.02 1.04-3.79-.25-.39a10.58 10.58 0 0 1-1.63-5.67c0-5.85 4.76-10.61 10.61-10.61 2.83 0 5.49 1.1 7.49 3.11a10.53 10.53 0 0 1 3.1 7.5c0 5.85-4.76 10.61-10.6 10.61z'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
  section.contacto {
    right: 12px !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #call-now-button,
  #whatsapp-button {
    width: min(220px, calc(100vw - 24px)) !important;
    min-height: 52px !important;
    padding: 12px 16px !important;
  }

  #call-now-button .button-text,
  #whatsapp-button .button-text {
    font-size: 17px !important;
  }

  #call-now-button div,
  #whatsapp-button div {
    flex-basis: 20px;
    width: 20px;
    height: 20px;
    margin-left: 8px;
  }
}