/* ==========================================================================
   Dra. Juliana Toledo - Harmonização Facial & Estética Regenerativa
   Paleta: #BF9DA9 | #F9E1E8 | #707070 | #2D2428 | #FDFAFB
   ========================================================================== */

:root {
  --color-rose: #BF9DA9;
  --color-blush: #F9E1E8;
  --color-gray: #707070;
  --color-dark: #2D2428;
  --color-bg: #FDFAFB;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  color: #332A2E;
  background-color: var(--color-bg);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .font-luxury {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F9E1E8;
}
::-webkit-scrollbar-thumb {
  background: #BF9DA9;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #a88492;
}

/* Text balance utility */
.text-balance {
  text-wrap: balance;
}

/* Custom animations */
@keyframes pulseSubtle {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 10px 25px -5px rgba(191, 157, 169, 0.4);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 20px 30px -5px rgba(191, 157, 169, 0.6);
  }
}

.whatsapp-pulse {
  animation: pulseSubtle 3s infinite ease-in-out;
}

/* FAQ Accordion Transition */
.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease-out, opacity 0.3s ease-out;
  opacity: 0;
}

.faq-item.active .faq-content {
  max-height: 500px;
  opacity: 1;
}

.faq-item.active .faq-icon {
  transform: rotate(180deg);
  background-color: #F9E1E8;
  color: #2D2428;
}