/* ═══════════════════════════════════════════════
   Maanaim Imóveis — Design System CSS
   All @tailwind directives removed (CDN mode).
   Only raw CSS utilities and overrides here.
   ═══════════════════════════════════════════════ */

/* Base reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Luxury Typography */
.tracking-ultra {
  letter-spacing: 0.5em;
}

.font-serif-luxury {
  font-family: 'Cinzel', serif;
  font-weight: 500;
}

/* Animations */
.animate-slide-up {
  opacity: 0;
  transform: translateY(30px);
  animation: slideUp 0.8s ease-out forwards;
}

.animate-fade-in {
  opacity: 0;
  animation: fadeIn 0.8s ease-out forwards;
}

@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* WhatsApp FAB pulse */
@keyframes fabPulse {

  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }

  50% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}

.whatsapp-fab {
  animation: fabPulse 2.5s ease-in-out infinite;
}

/* Select custom arrow */
.select-gold {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23D4AF37' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

/* iOS momentum scrolling */
.scroll-touch {
  -webkit-overflow-scrolling: touch;
}

/* Scrollbar hide */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}