@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,800&display=swap');

:root {
  --primary-black: #000000;
  --dark-black: #0A0A0A;
  --card-black: #121212;
  --brand-gold: #c9a24a;
  --brand-gold-hover: #b89139;
  --brand-gold-light: rgba(201, 162, 74, 0.15);
}

body {
  font-family: 'Montserrat', sans-serif;
  color: #222222;
  background-color: #FFFFFF;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.text-gold {
  color: #c9a24a;
}

.bg-gold {
  background-color: #c9a24a;
}

.border-gold {
  border-color: #c9a24a;
}

@keyframes pulseGold {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(201, 162, 74, 0.7);
  }
  50% {
    box-shadow: 0 0 0 15px rgba(201, 162, 74, 0);
  }
}

.pulse-gold {
  animation: pulseGold 2.5s infinite;
}

@keyframes pulseWa {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }
  50% {
    box-shadow: 0 0 0 16px rgba(37, 211, 102, 0);
  }
}

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

.service-box {
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid #E5E7EB;
}

.service-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.18);
  border-color: #c9a24a;
}

.service-box img {
  transition: transform 0.5s ease;
}

.service-box:hover img {
  transform: scale(1.05);
}

.bg-pattern-grid {
  background-image: radial-gradient(rgba(201, 162, 74, 0.18) 1px, transparent 1px);
  background-size: 24px 24px;
}