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

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Juscontact Brand Colors */
:root {
    --jus-orange: #F39E0B;
    --jus-dark: #010F1B;
    --jus-darker: #000A14;
    --jus-light: #FFFFFF;
}

/* Custom Juscontact Components */
@layer components {
    .btn-jus-primary {
        @apply bg-jus-orange text-white font-semibold py-2 px-4 rounded-lg hover:bg-orange-600 transition-colors shadow-sm;
    }
    
    .btn-jus-secondary {
        @apply bg-jus-dark text-white font-semibold py-2 px-4 rounded-lg hover:bg-jus-darker transition-colors shadow-sm;
    }
    
    .input-jus {
        @apply w-full rounded-lg border-gray-300 shadow-sm focus:border-jus-orange focus:ring-jus-orange focus:ring-1;
    }
    
    .card-jus {
        @apply bg-white border border-gray-200 rounded-lg shadow-sm;
    }
    
    .text-jus-primary {
        @apply text-jus-dark font-semibold;
    }
    
    /* Animação de movimento sutil para cima nos headers - DESABILITADA */
    .animate-bounce-once {
        /* animation: slide-up-gentle 0.5s ease-out; */
        animation: none !important;
        transform: none !important;
    }
}

/* Animação personalizada - movimento sutil para cima */
@keyframes slide-up-gentle {
    0% {
        transform: translateY(10px);
        opacity: 0.7;
    }
    
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Fix para autocomplete do navegador */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #1A2B42 !important;
    background-color: white !important;
    color: #1A2B42 !important;
}

/* Para inputs com background específico */
input:-webkit-autofill.bg-gray-100 {
    -webkit-box-shadow: 0 0 0 30px #f3f4f6 inset !important;
}

/* Prevenir o fundo preto do autocomplete */
input[data-autocompleted] {
    background-color: transparent !important;
}

/* Estilo para campos de formulário */
.form-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #1f2937 !important;
}