/*
	====================================
	ESTILOS PERSONALIZADOS PARA CARTÕES DE PREÇO
	====================================
*/
/* Card de Preço em Destaque (Bordas) */
.card-preco-neotec {
    /* Define a cor padrão da borda, se desejar um destaque sutil */
    border-color: #dee2e6 !important; 
    transition: transform 0.3s, box-shadow 0.3s;
}

/* Efeito de elevação sutil no hover */
.card-preco-neotec:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Ícones de Serviço (Simulando Logo) */
.card-preco-neotec .servico-icone {
    color: #00C853; /* Cor primária Neotec */
    font-size: 3rem; /* Tamanho do ícone */
    transition: color 0.3s;
}
/* Hover no corpo do card afeta o ícone */
.card-preco-neotec:hover .servico-icone {
    color: #00A845 !important; /* Um verde um pouco mais escuro no hover */
}

/* Botão de Ação Primário (Personalizado) */
.btn-solicitar-neotec {
    /* Herda o estilo do btn-neotec base */
    background-color: #00C853; 
    color: #000000 !important; 
    border: none;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
/* Efeito de hover no botão (Fundo Escuro, Texto Verde) */
.btn-solicitar-neotec:hover {
    background-color: #000000 !important; /* Fundo Preto do Header/Footer */
    color: #00C853 !important; /* Texto Verde da Neotec */
    border-color: #00C853;
}

/* Botão de Orçamento Personalizado */
.btn-orcamento-dark {
    background-color: #212529; /* Cor Dark padrão do Bootstrap */
    color: #fff !important; 
    border-color: #212529;
    transition: background-color 0.3s, color 0.3s;
}
/* Efeito de hover no botão personalizado (Fundo Verde, Texto Preto) */
.btn-orcamento-dark:hover {
    background-color: #00C853 !important; 
    color: #000000 !important;
    border-color: #00C853;
}

.logobanner{background-color:#00C853;}
.logobanner:hover{background-color:#ffff00; transition: background-color 0.3s, color 0.3s;}

/*
====================================
ESTILOS PERSONALIZADOS PARA PORTFÓLIO
====================================
*/

/* Estilo para os cards do portfólio */
.card-portfolio-neotec {
    /* Efeito de elevação sutil para destaque */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card-portfolio-neotec:hover {
    transform: translateY(-5px); /* Sobe um pouco no hover */
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; /* Sombra mais intensa */
}

/* Garante que as imagens de captura de tela tenham altura e proporção consistentes */
.card-img-neotec {
    /* Define uma altura fixa para que todos os cards fiquem iguais,
       Ajuste este valor conforme a proporção das suas capturas de tela */
    height: 220px; 
    object-fit: cover; /* Garante que a imagem cubra a área sem distorcer (cortando se necessário) */
    border-top-left-radius: var(--bs-card-border-radius);
    border-top-right-radius: var(--bs-card-border-radius);
}

/* Botão de contorno com cor da Neotec e hover escuro */
.btn-outline-neotec {
    color: #00C853;
    border-color: #00C853;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.btn-outline-neotec:hover {
    background-color: #000000; /* Fundo escuro no hover */
    color: #00C853; /* Texto verde */
    border-color: #000000;
}