/* Import Premium Fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

:root {
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Outfit', sans-serif;
  --color-gold-light: #f59e0b;
  --color-gold: #d97706;
  --color-gold-dark: #b45309;
}

body {
  font-family: var(--font-sans);
  scroll-behavior: smooth;
}

h1, h2, h3, .font-serif {
  font-family: var(--font-serif);
}

/* Custom Backdrop Blur / Glassmorphism */
.glass-header {
  background: rgba(9, 9, 11, 0.8);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(250, 204, 21, 0.1);
}

.glass-card {
  background: rgba(24, 24, 27, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(250, 204, 21, 0.05);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card:hover {
  border-color: rgba(250, 204, 21, 0.2);
  transform: translateY(-4px);
  box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.7);
}

/* Floating Actions Custom Styling & Pulse Animations */
.float-btn {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.float-btn:hover {
  transform: scale(1.1) translateY(-2px);
}

@keyframes pulse-gold {
  0% {
    box-shadow: 0 0 0 0 rgba(217, 119, 6, 0.6);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(217, 119, 6, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(217, 119, 6, 0);
  }
}

@keyframes pulse-whatsapp {
  0% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(34, 197, 94, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
  }
}

.pulse-call {
  animation: pulse-gold 2s infinite;
}

.pulse-wa {
  animation: pulse-whatsapp 2s infinite;
}

/* Premium Gradient Text */
.gold-gradient-text {
  background: linear-gradient(135deg, #fef08a 0%, #f59e0b 50%, #b45309 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Smooth Image Overlay */
.image-overlay {
  background: linear-gradient(to top, rgba(9, 9, 11, 1) 0%, rgba(9, 9, 11, 0.4) 50%, rgba(9, 9, 11, 0.8) 100%);
}

.image-overlay-card {
  background: linear-gradient(to top, rgba(9, 9, 11, 0.95) 0%, rgba(9, 9, 11, 0.4) 70%, rgba(9, 9, 11, 0.1) 100%);
}