/* ======================================= */
/* 7. ESTILOS ESPECÍFICOS DO PORTFÓLIO V3 */
/* ======================================= */

.projetos-grid-v3 {
    display: grid;
    /* 2 colunas no desktop para grande impacto visual */
    grid-template-columns: repeat(2, 1fr); 
    gap: 40px;
    margin-top: 50px;
}

.card-projeto-grande {
    /* Define o fundo e a borda base */
    background-color: var(--borda-detalhe);
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0); 
    transition: transform 0.4s ease-out, box-shadow 0.4s ease-out;
}

/* Efeito 3D ao passar o mouse */
.card-projeto-grande:hover {
    /* Pequeno levantamento e inclinação para efeito futurista */
    transform: perspective(1000px) rotateY(1deg) scale(1.02); 
    /* Brilho neon na borda, dependendo do foco */
    box-shadow: 0 0 30px rgba(0, 255, 224, 0.5); 
}

/* Foco IA: Borda e Brilho Ciano */
.ia-focus-v3:hover {
     box-shadow: 0 0 30px var(--neon-primario);
     border: 1px solid var(--neon-primario);
}

/* Foco Full-Stack: Borda e Brilho Magenta */
.fs-focus-v3:hover {
     box-shadow: 0 0 30px var(--neon-secundario);
     border: 1px solid var(--neon-secundario);
}

.project-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.emoji-icone {
    font-size: 3em;
    margin-right: 15px;
    filter: drop-shadow(0 0 5px var(--neon-primario)); /* Efeito de brilho no emoji */
}

.project-header h4 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.8em;
    color: var(--texto-claro);
}

.project-visual-container {
    width: 100%;
    height: 250px; /* Altura fixa para o visual do banner */
    overflow: hidden;
    margin-bottom: 25px;
}

.project-visual-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garante que a imagem preencha o container */
    filter: brightness(0.8) contrast(1.1); /* Efeito dark/tech na imagem */
    transition: transform 0.5s ease;
}

.card-projeto-grande:hover .project-visual-container img {
    transform: scale(1.05); /* Zoom suave no hover */
}

.description-v3 {
    font-size: 1.1em;
    color: var(--texto-claro);
    margin-bottom: 25px;
}

.tecnologias-usadas-v3 {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tecnologias-usadas-v3 li {
    background-color: rgba(0, 255, 224, 0.1); /* Fundo sutil */
    color: var(--neon-primario);
    font-size: 0.85em;
    padding: 8px 12px;
    border-radius: 2px;
    font-family: 'Roboto Mono', monospace;
    border: 1px solid rgba(0, 255, 224, 0.4);
}

.btn-detalhe-neon {
    color: var(--neon-secundario);
    text-decoration: none;
    font-weight: 700;
    font-family: 'Orbitron', sans-serif;
    padding: 10px 0;
    display: inline-block;
    transition: text-shadow 0.3s ease, color 0.3s ease;
}

.btn-detalhe-neon:hover {
    text-shadow: 0 0 10px var(--neon-secundario);
    color: var(--texto-claro);
}

/* Responsividade V3 */
@media (max-width: 1200px) {
    .projetos-grid-v3 {
        grid-template-columns: 1fr; /* Volta para 1 coluna em telas menores */
    }
}