body { font-family: 'Figtree', sans-serif; }

@media (max-width: 500px) {
      .card {
        @apply bg-transparent shadow-none;
      }
    }

@keyframes shake-horizontal {
  0%, 100% { transform: translateX(0); }
  30%, 70% { transform: translateX(-18px); }
  50%, 90% { transform: translateX(6px); }
}

.shake {
  animation: shake-horizontal 0.5s ease-in-out;
}

    .ts-control{
        background-color: #F9FAFB !important;
        border: 1px solid  #F3F4F6 !important;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 6px;
        transition: all 160ms ease-in-out;
        font-size: 1rem;
        outline: 2px white;
    }

    .ts-control:hover {
        outline: 2px solid #02cd4c;
    }

/* Seta verde */
.ts-control::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #02cd4c;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease; /* suaviza o giro */
}

/* Gira seta ao abrir */
.ts-wrapper.dropdown-active .ts-control::after {
    transform: translateY(-50%) rotate(180deg);
}

    .ts-control:focus-within{
        outline: 2px solid #02cd4c;
    }

    .ts-control input{
        font-size: 1rem;
    }

    .ts-dropdown{
        border: 1px solid #F3F4F6;
    }

.ts-dropdown .option {
  background-color: #f9f9f9;
  font-size: 1rem;
  padding: 12px 16px;
}

.ts-dropdown .option:hover {
  background-color: #e5f5e0;
  color: #027c2f;
}