/* Fonte Inter (similar à da imagem) */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;700;800&display=swap');

body {
    font-family: 'Sora', sans-serif;
    /* Estilo da barra de rolagem */
    scrollbar-width: thin;
    /* Para Firefox */
    scrollbar-color: #0066FF #000918;
    /* Para Firefox: thumb e track */
}

body::-webkit-scrollbar {
    width: 12px;
    /* Largura para navegadores Webkit */
}

body::-webkit-scrollbar-track {
    background: #000918;
    /* Cor da trilha da barra de rolagem */
}

body::-webkit-scrollbar-thumb {
    background-color: #0066FF;
    /* Cor do "polegar" da barra de rolagem */
    border-radius: 20px;
    border: 3px solid #000918;
    /* Espaçamento ao redor do polegar */
}

/* Cor de fundo principal */
body {
    background-color: #F3F2FF;
    /* ALTERADO para Branco suave */
    color: #1a202c;
    /* ALTERADO para Cinza bem escuro (texto padrão) */
}

/* Cor de fundo do card */
.card-bg {
    background-color: #0A1C3C;
    /* Tom de azul escuro para card */
}

/* ADICIONADO: Classes para fundo claro e texto escuro */
.section-light-bg {
    background-color: #F3F2FF;
    /* Branco suave */
}

.text-dark-primary {
    color: #1a202c;
    /* Cinza bem escuro (Tailwind gray-900) */
}

.text-dark-secondary {
    color: #718096;
    /* Cinza médio (Tailwind gray-600) */
}

/* Cor do destaque azul */
.text-highlight {
    color: #0066FF;
    /* Azul vibrante */
}

/* Cor do botão azul */
.btn-blue {
    background-color: #0066FF;
    /* Azul vibrante */
}

.btn-blue:hover {
    background-color: #0052CC;
    /* Tom mais escuro do azul vibrante */
}

/* Efeito de hover nos cards */
.link-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.link-card:hover {
    transform: translateY(-4px);
    /* Sombra azul vibrante para o hover */
    box-shadow: 0 10px 20px -5px rgba(0, 102, 255, 0.4);
    /* Sombra azul vibrante */
}

/* Keyframes para animação de fade-in */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Aplicação da animação de fade-in */
.fade-in {
    animation: fadeIn 1s ease-out forwards;
}

/* Keyframes para animação de pulse no botão */
@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }
}

/* Aplicação da animação de pulse */
.btn-pulse {
    animation: pulse 2s infinite ease-in-out;
}