#gradina-urbana-contact,
#gradina-urbana-contact-spacer {
  display: none;
}

#gradina-urbana-contact .guc-mc-button:focus-visible { outline: 3px solid #0f172a; outline-offset: 3px; }

#gradina-urbana-contact .guc-mc-note {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 7px;
  box-sizing: border-box;
  width: max-content;
  max-width: calc(100vw - 48px);
  margin: 0;
  padding: 9px 12px;
  border: 1px solid #d3e4da;
  border-radius: 11px;
  background: #fff;
  color: #234937;
  box-shadow: 0 4px 18px rgb(15 54 35 / 10%);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  overflow-wrap: anywhere;
  pointer-events: none;
}
#gradina-urbana-contact[data-note-clipped="true"] .guc-mc-note { visibility: hidden; }
#gradina-urbana-contact .guc-mc-note::before {
  content: "";
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #087b48;
}
#gradina-urbana-contact .guc-mc-note::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #fff;
  transform: rotate(45deg);
}

#gradina-urbana-contact .guc-mc-whatsapp {
  position: relative;
  isolation: isolate;
  transform-origin: center;
  animation: guc-mc-invite 4.8s ease-in-out infinite;
}
#gradina-urbana-contact .guc-mc-whatsapp svg {
  transform-origin: center;
  animation: guc-mc-greeting 4.8s ease-in-out infinite;
}
#gradina-urbana-contact .guc-mc-whatsapp > svg,
#gradina-urbana-contact .guc-mc-whatsapp > span { position: relative; z-index: 2; }
#gradina-urbana-contact .guc-mc-whatsapp::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 38%, rgb(255 255 255 / 10%) 50%, transparent 62%);
  background-size: 250% 100%;
  background-position: 180% 0;
  opacity: 0;
  pointer-events: none;
  animation: guc-mc-shine 4.8s linear infinite;
}
#gradina-urbana-contact .guc-mc-whatsapp::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  box-shadow: 0 0 0 0 rgb(8 123 72 / 28%);
  opacity: 0;
  pointer-events: none;
  animation: guc-mc-attention 4.8s ease-out infinite;
}
#gradina-urbana-contact .guc-mc-whatsapp:hover,
#gradina-urbana-contact .guc-mc-whatsapp:focus-visible,
#gradina-urbana-contact .guc-mc-whatsapp:hover svg,
#gradina-urbana-contact .guc-mc-whatsapp:focus-visible svg { animation: none; transform: none; }
#gradina-urbana-contact .guc-mc-whatsapp:hover::before,
#gradina-urbana-contact .guc-mc-whatsapp:focus-visible::before,
#gradina-urbana-contact .guc-mc-whatsapp:hover::after,
#gradina-urbana-contact .guc-mc-whatsapp:focus-visible::after { animation: none; opacity: 0; }
@keyframes guc-mc-invite {
  0%, 56%, 86%, 100% { transform: translateY(0) scale(1); }
  62% { transform: translateY(-5px) scale(1.035); }
  68% { transform: translateY(0) scale(1); }
  74% { transform: translateY(-3px) scale(1.025); }
  80% { transform: translateY(0) scale(1); }
}
@keyframes guc-mc-greeting {
  0%, 56%, 86%, 100% { transform: rotate(0); }
  61% { transform: rotate(-12deg); }
  66% { transform: rotate(12deg); }
  71% { transform: rotate(-8deg); }
  76% { transform: rotate(5deg); }
  81% { transform: rotate(0); }
}
@keyframes guc-mc-shine {
  0%, 54% { opacity: 0; background-position: 180% 0; }
  58% { opacity: .8; }
  76% { opacity: .55; }
  80%, 100% { opacity: 0; background-position: -80% 0; }
}
@keyframes guc-mc-attention {
  0%, 56%, 100% { opacity: 0; box-shadow: 0 0 0 0 rgb(8 123 72 / 28%); }
  60% { opacity: 1; box-shadow: 0 0 0 0 rgb(8 123 72 / 24%); }
  82% { opacity: 0; box-shadow: 0 0 0 12px rgb(8 123 72 / 0%); }
}
@media (prefers-reduced-motion: reduce) {
  #gradina-urbana-contact .guc-mc-whatsapp,
  #gradina-urbana-contact .guc-mc-whatsapp svg { animation: none; transform: none; }
  #gradina-urbana-contact .guc-mc-whatsapp::before,
  #gradina-urbana-contact .guc-mc-whatsapp::after { animation: none; opacity: 0; }
}

@media screen and (min-width: 768px) {
  #gradina-urbana-contact[data-desktop-enabled="true"] {
    --guc-mc-bottom-offset: 0px;
    position: fixed;
    z-index: 1000;
    right: 24px;
    bottom: calc(24px + var(--guc-mc-bottom-offset));
    left: auto;
    display: block;
    width: 56px;
    height: 56px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  #gradina-urbana-contact .guc-mc-note {
    top: 50%;
    right: calc(100% + 14px);
    max-width: calc(100vw - 118px);
    transform: translateY(-50%);
  }
  #gradina-urbana-contact .guc-mc-note::after {
    top: calc(50% - 4px);
    right: -5px;
    border-top: 1px solid #d3e4da;
    border-right: 1px solid #d3e4da;
  }

  #gradina-urbana-contact .guc-mc-whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #087b48;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 16px rgb(15 23 42 / 18%);
    touch-action: manipulation;
  }

  #gradina-urbana-contact .guc-mc-whatsapp:hover { background: #06663c; }
  #gradina-urbana-contact .guc-mc-whatsapp svg { display: block; width: 28px; height: 28px; }
  #gradina-urbana-contact .guc-mc-call,
  #gradina-urbana-contact .guc-mc-whatsapp span { display: none; }

  body.gradina-urbana-contact-desktop-enabled #ht-ctc-chat { display: none !important; }
}

@media screen and (max-width: 767px) {
  #gradina-urbana-contact {
    --guc-mc-bottom-offset: 0px;
    position: fixed;
    z-index: 1000;
    right: 0;
    bottom: var(--guc-mc-bottom-offset);
    left: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    box-sizing: border-box;
    margin: 0;
    padding: 10px max(12px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
    border: 0;
    border-top: 1px solid #e2e7ee;
    background: #fff;
    box-shadow: 0 -4px 20px rgb(15 23 42 / 8%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  #gradina-urbana-contact .guc-mc-note {
    bottom: calc(100% + 10px);
    left: max(12px, env(safe-area-inset-left, 0px));
    max-width: calc(100vw - max(12px, env(safe-area-inset-left, 0px)) - max(12px, env(safe-area-inset-right, 0px)));
  }
  #gradina-urbana-contact .guc-mc-note::after {
    bottom: -5px;
    left: 28px;
    border-right: 1px solid #d3e4da;
    border-bottom: 1px solid #d3e4da;
  }

  #gradina-urbana-contact[data-suspended="true"] {
    display: none;
  }

  #gradina-urbana-contact .guc-mc-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 0;
    min-height: 54px;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 8px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  #gradina-urbana-contact .guc-mc-whatsapp { background: #087b48; }
  #gradina-urbana-contact .guc-mc-call { background: #3450df; }
  #gradina-urbana-contact .guc-mc-whatsapp:hover { background: #06663c; }
  #gradina-urbana-contact .guc-mc-call:hover { background: #283fb6; }
  #gradina-urbana-contact .guc-mc-button svg { display: block; flex: 0 0 22px; width: 22px; height: 22px; }

  #gradina-urbana-contact-spacer {
    display: block;
    width: 100%;
    height: calc(var(--guc-mc-bar-height, 137px) + env(safe-area-inset-bottom, 0px) + var(--guc-mc-bottom-offset, 0px));
    pointer-events: none;
  }

  /* Replace only the site's known floating contact widget on mobile. */
  body.gradina-urbana-contact-enabled #ht-ctc-chat {
    display: none !important;
  }
}

#gradina-urbana-contact[data-suspended="true"] { display: none !important; }

@media print {
  #gradina-urbana-contact,
  #gradina-urbana-contact-spacer { display: none !important; }
}

/* Match this theme's menu and shop dialog even before the script initializes. */
body.shop-modal-open #gradina-urbana-contact,
body.menu-open #gradina-urbana-contact { display: none !important; }