/* Estilos Customizados & Refinamentos Visuais - Identidade QuintoAndar */

@keyframes pulse-subtle {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.92;
    transform: scale(1.02);
  }
}

.animate-pulse-subtle {
  animation: pulse-subtle 3s infinite ease-in-out;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F4F6F8;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Pills de seleção nos passos */
.btn-pill {
  @apply py-2 px-4 rounded-xl border border-gray-200 text-gray-700 font-medium text-sm transition-all duration-200 hover:border-quinto-blue hover:text-quinto-blue bg-white focus:outline-none;
}

.btn-pill-active {
  background-color: #2C52E8 !important;
  color: #ffffff !important;
  border-color: #2C52E8 !important;
  box-shadow: 0 4px 12px rgba(44, 82, 232, 0.25);
}

/* Transições suaves */
.transition-smooth {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Efeito nos cards selecionáveis */
.selectable-card {
  transition: all 0.2s ease-in-out;
}
.selectable-card:hover {
  transform: translateY(-2px);
}

/* Accordion FAQ */
details summary::-webkit-details-marker {
  display: none;
}
details[open] summary svg {
  transform: rotate(180deg);
}