/* static/css/style.css */


/* Paleta de Cores e Fonte */

:root {
    --cor-fundo-escuro: #111827;
    /* Azul quase preto */
    --cor-fundo-card: #1f2937;
    /* Azul-acinzentado escuro */
    --cor-borda: #374151;
    /* Cinza escuro */
    --cor-texto-principal: #E5E7EB;
    --cor-texto-secundario: #9CA3AF;
    --cor-azul-brilhante: #3b82f6;
}


/* === AJUSTE NO FUNDO ANIMADO === */

html {
    height: 100%;
}

body {
    background: linear-gradient(-45deg, var(--cor-fundo-escuro), var(--cor-fundo-card), #132c58, var(--cor-fundo-escuro));
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
    color: var(--cor-texto-principal);
    min-height: 100vh;
}


/* Título com Efeito Gradiente */

.titulo-gradiente {
    background: linear-gradient(90deg, #60a5fa, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: bold;
}


/* --- MUDANÇA AQUI --- */


/* Estilo customizado para os cards (Alunos e Projetos) */

.card-custom {
    background-color: var(--cor-fundo-card) !important;
    border: 1px solid var(--cor-borda) !important;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    text-decoration: none;
}

.card-custom:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(59, 130, 246, 0.2);
    border-color: var(--cor-azul-brilhante) !important;
}

.card-custom .card-img-top {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}


/* Fim da mudança */


/* Botões com Gradiente */

.btn-gradiente {
    background-image: linear-gradient(to right, #3b82f6, #60a5fa);
    border: none;
    color: white;
    transition: all 0.3s ease;
    background-size: 200% auto;
}

.btn-gradiente:hover {
    background-position: right center;
    color: white;
}


/* Estilo customizado para os botões de período (radio) */

.btn-check:checked+.btn-outline-primary {
    background-color: var(--cor-azul-brilhante) !important;
    border-color: var(--cor-azul-brilhante) !important;
    color: white !important;
}


/* Badges de Skills e Funções */

.badge.bg-primary {
    background-color: rgba(59, 130, 246, 0.3) !important;
    color: #93c5fd !important;
    border: 1px solid #3b82f6;
}


/* === BLOCO @KEYFRAMES ADICIONADO NO FINAL === */

@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}