/*
	====================================
	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;
}

/* CSS para o menu da Neotec JBF */
/* Fundo preto igual ao tema dark, mas personalizado */
.dropdown-menu-preto {
    --bs-dropdown-bg: #000000;
    --bs-dropdown-link-color: #ffffff;
    --bs-dropdown-link-hover-bg: #1a1a1a;
    --bs-dropdown-link-hover-color: #ffffff;
    --bs-dropdown-border-color: #00C853; /* Verde Neotec */
    
    background-color: var(--bs-dropdown-bg) !important;
    border: 1px solid var(--bs-dropdown-border-color) !important;
}

/* Garante que os itens respeitem as cores text-info e text-neotec */
.dropdown-menu-preto .dropdown-item {
    color: var(--bs-dropdown-link-color);
}

/* Seletor específico para não sobrepor as cores de destaque */
.dropdown-menu-preto .dropdown-item.text-info {
    color: #0dcaf0 !important;
}

.dropdown-menu-preto .dropdown-item.text-neotec {
    color: #00C853 !important; /* Cor oficial da Neotec ME */
}

/* Hover suave que não altera a cor do texto, apenas o fundo */
.dropdown-menu-preto .dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg) !important;
}

/* css index */
/* Estilos ajustados para a identidade visual (verde e preto) do logo Neotec */
.neotec-verde { background-color: #00C853; } /* Verde Vibrante */

.bg-neotec { background-color: #00C853; } /* Fundo Principal Verde */
.text-neotec { color: #00C853 !important; } /* Texto Principal Verde */
.text-neotec-titulo { color: #00C853 !important; } /* Texto Principal Verde */
.text-neotec-preto{color: #000000 !important;}
.text-neotec-verde{ color: #00C853 !important; }
.text-neotec-verde:hover{color: #000000 !important;}
.text-neotec-link { color: #00C853 !important; }
.text-neotec-link:hover { color: #f4f4f4 !important; }
.link-neotec-preto{color: #000000 !important;}
.link-neotec-preto:hover{color: #00C853 !important;}
.link-neotec-link{ color: #00C853 !important; }
.link-neotec-link:hover { color: #f4f4f4 !important; }
.border-neotec{border-color: #00C853 !important;}
.btn-linha-neotec{border-color: #00C853 !important;}
.btn-linha-neotec:hover{background-color: #00C853; color:white !important;}
.linha-neotec{border:1px solid #f4f4f4 !important;}
.linha-neotec:hover{border:1px solid #00C853 !important;}
.bg-neotec-headfoot { background-color: #000000 !important; } /* Fundo Secundário Escuro (Header/Footer) */
.btn-neotec { background-color: #00C853; color: #000000 !important; border: none; font-weight: bold; } /* Botão Verde com Texto Escuro */
.btn-neotec:hover { background-color: #00A845; }

/* Ajuste do Navbar para usar a cor escura */
.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.85); }
.navbar-dark .navbar-nav .nav-link:hover { color: #00C853; } /* Links Hover Verde */
.navbar-brand { color: #00C853 !important; } /* Marca em Verde */
footer a:hover{color:#00C853 !important;}
footer .text-neotec-link { color: #00C853 !important; }
footer .text-neotec-link:hover { color: #f4f4f4 !important; }
.bg-neotec .bi, .bg-neotec .fa-brands, .bg-neotec .fas { 
	color: var(--neotec-escuro) !important; 
} 
.carousel-item img {
	max-height: 450px; 
	object-fit: cover; 
}
.logopreco {
	width: 100px; /* Tamanho base */
	height: auto; /* Mantém proporções */
	filter: brightness(1) drop-shadow(0 0 0 rgba(0,0,0,0)); /* Brilho normal e sombra invisível por padrão */
	transition: width 0.3s ease-in-out, filter 0.3s ease-in-out, transform 0.3s ease-in-out; 
	/* Transição suave para largura, filtro e transformação */
}

.logopreco:hover {			
	transform: scale(1.05);
	filter: brightness(1.2) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.7));
	cursor: pointer; /* Indica que é clicável */
}
/* Efeito de Pulso Verde (Vida) no Logo */
.logo-viva {
	transition: all 0.5s ease;
	animation: pulsoVida 6s infinite ease-in-out;
}

@keyframes pulsoVida {
	0%, 100% { 
		filter: drop-shadow(0 0 0px rgba(0, 200, 83, 0)); 
		transform: scale(1);
	}
	50% { 
		filter: drop-shadow(0 0 8px rgba(0, 200, 83, 0.8)); 
		transform: scale(1.03); /* Leve crescimento como se estivesse respirando */
	}
}

/* Brilho extra ao passar o mouse */
.neotec-logo-box:hover .logo-viva {
	filter: brightness(1.2) drop-shadow(0 0 12px #00C853) !important;
	animation: none; /* Para o pulso e foca no hover */
}
.nav-item.d-lg-none {
	animation: slideIn 0.4s ease-out;
}

@keyframes slideIn {
	from { opacity: 0; transform: translateX(-10px); }
	to { opacity: 1; transform: translateX(0); }
}