/* Floating contact and opening offer, styled to match the supplied video. */
.floating-whatsapp {
  width: 56px;
  height: 56px;
  right: 24px;
  bottom: calc(23px + env(safe-area-inset-bottom, 0px));
  color: #fff;
  background: #3fd166;
  border: 0;
  box-shadow: 0 5px 18px #0003;
  transition: background .2s ease, transform .2s ease;
}
.floating-whatsapp svg { width: 30px; height: 30px; stroke-width: 1.7; }
.floating-whatsapp:hover { color: #fff; background: #2fbd55; transform: translateY(-2px); }
.opening-offer {
  position: fixed;
  right: 22px;
  bottom: calc(105px + env(safe-area-inset-bottom, 0px));
  z-index: 35;
  width: 144px;
  height: 144px;
  padding: 0;
  border: 1px solid #c5b77b55;
  border-radius: 50%;
  background: #30351e;
  color: #f8f3df;
  box-shadow: 0 10px 30px #181a1733;
  display: grid;
  place-items: center;
  isolation: isolate;
  transition: background .2s ease, box-shadow .2s ease;
}
.opening-offer:hover { background: #3a4024; box-shadow: 0 12px 32px #181a1744; }
.opening-offer-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: #dacb8e;
  font-family: var(--sans);
  font-size: 8.8px;
  font-weight: 700;
  letter-spacing: 2px;
  animation: opening-offer-turn 22s linear infinite;
  pointer-events: none;
}
.opening-offer-center { display: grid; justify-items: center; gap: 1px; pointer-events: none; }
.opening-offer-sparkle { width: 26px; height: 26px; margin-bottom: 1px; color: #dacb8e; }
.opening-offer-percent { font: 600 35px/1 var(--sans); letter-spacing: -1.8px; }
.opening-offer-off { color: #dacb8e; font: 600 10px/1.5 var(--sans); letter-spacing: 3px; padding-left: 3px; }
.opening-offer:hover .opening-offer-ring,
.opening-offer:focus-visible .opening-offer-ring { animation-play-state: paused; }
.opening-offer:focus-visible,
.floating-whatsapp:focus-visible { outline: 3px solid #fff; outline-offset: 4px; box-shadow: 0 0 0 7px #30351e; }
.opening-offer-context {
  padding: 12px 14px;
  margin: 0 0 18px;
  border-left: 3px solid #9c8b4c;
  background: #e4e7d8;
  color: #30351e;
  font: 500 12px/1.6 var(--sans);
}
.opening-offer-context strong { font-weight: 700; }
@keyframes opening-offer-turn { to { transform: rotate(360deg); } }
@media (max-width: 600px) {
  .floating-whatsapp { width: 52px; height: 52px; right: 17px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); }
  .floating-whatsapp svg { width: 28px; height: 28px; }
  .opening-offer { width: 116px; height: 116px; right: 15px; bottom: calc(93px + env(safe-area-inset-bottom, 0px)); }
  .opening-offer-sparkle { width: 21px; height: 21px; }
  .opening-offer-percent { font-size: 29px; letter-spacing: -1.4px; }
  .opening-offer-off { font-size: 8px; letter-spacing: 2.5px; }
}
@media (max-height: 480px) and (orientation: landscape) {
  .opening-offer { width: 100px; height: 100px; right: 17px; bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
  .opening-offer-sparkle { width: 18px; height: 18px; }
  .opening-offer-percent { font-size: 26px; }
}
@media (max-width: 360px) {
  .opening-offer { width: 96px; height: 96px; right: 12px; bottom: calc(154px + env(safe-area-inset-bottom, 0px)); }
  .opening-offer-sparkle { width: 18px; height: 18px; }
  .opening-offer-percent { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .opening-offer-ring { animation: none; }
  .opening-offer, .floating-whatsapp { transition: none; }
  .floating-whatsapp:hover { transform: none; }
}