@charset "UTF-8";

a{text-decoration:none!important;}
.img-portfolio{display:block;width:100%;object-fit:cover;height:150px;}


/* Utiliza a classe webp inserida na tag html pelo Modernizr */
/*.webp #section-03{
  width: 100%;
  background: url('../../img/site/banner-small-section-03.webp');
  background-attachment: fixed;
  background-size: cover;
}*/
/* Utiliza a classe .no-webp inserida na tag html Modernizr */
/*.no-webp #section-03{background-image: url("../../img/site/banner-small-section-03.png");}*/


#apresentacao{z-index: 1;position:relative;width: 100%; background-image: url('../../img/site/bkg-320px.jpg'); background-size: cover;}
#apresentacao::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Cor do Overlay: Preto (#000000) com opacidade de 80% (0.8) */
    background-color: rgba(0, 0, 0, 0.9); 
    z-index: -1; /* Coloca o overlay *atrás* do conteúdo de texto */
}
#apresentacao h1{font-size: 3vw;}
#apresentacao h2{font-size: 3vw;color:#00AFEF}
#apresentacao div a{color: unset;font-size: 8pt;}
#apresentacao div i{font-size: 15px!important;}

#solucoes h2{font-size:9pt;font-weight:500;color:#111111}
#solucoes .row:nth-child(odd){margin-top: 30px!important;}
#solucoes i{font-size:8vw!important;margin-bottom:10px;color: #00AFEF!important}
#solucoes h3{font-size:12pt;font-weight:bold;margin-bottom:13px;color:#111111;}
#solucoes p{font-size:10pt;margin-bottom:40px;color:#333333;text-align:center;}

#metricas {
	width: 100%;
	background-image: url("../../img/site/bkg-parallax-580px.jpg");
	background-attachment: fixed;
	background-size: cover;
}
#metricas i{font-size:50px!important;margin-top: 20px;color:#00AFEF!important;}
#metricas h3{font-size:14pt;color:#FFF5EE}
#metricas span{color:#00AFEF!important;}

#portfolio h2{color:#111111;font-size: 12pt;}
#portfolio h3{font-size:12pt;color:#1A1A1A;}

#portfolio .img-portfolio {
    /* Garante que o efeito seja aplicado a todas as imagens da seção de portfólio */
    filter: grayscale(100%);
    transition: all 0.3s ease-in-out; /* Adiciona suavidade ao efeito de hover */
}

/* Efeito de cor ao passar o mouse para interatividade */
#portfolio .img-portfolio:hover {
    filter: none; /* Retorna as cores originais */
    opacity: 0.9;
}

#fraseImpacto{
	width: 100%;
	background-image: url("../../img/site/bkg-parallax2-768px.jpg");
	background-attachment: fixed;
	background-size: cover;
}
#fraseImpacto h2{font-size:5vw;color:#FFFFFF!important;text-shadow: 2px 2px 4px #000000;}


.client-logo {
    max-height: 80px; /* Ajuste a altura conforme necessário */
    filter: grayscale(100%); /* Converte a imagem para preto e branco */
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}
.client-logo:hover {
    filter: none; /* Retorna a cor original ao passar o mouse */
    opacity: 1;
}

@media only screen and (min-width: 320px){
	#solucoes h2{font-size: 10pt;}
}
@media only screen and (min-width: 350px){
	#solucoes h2{font-size: 11pt;}
}
@media only screen and (min-width: 380px){
	#apresentacao div a{font-size: 12pt;}
	#solucoes h2{font-size: 12pt;}
}
@media only screen and (min-width: 420px){
	#solucoes h2{font-size: 13pt;}
}
@media only screen and (min-width: 480px){
	#solucoes h2{font-size: 14pt;}
}
@media only screen and (min-width: 530px){
	#solucoes h2{font-size: 15pt;}
}
@media only screen and (min-width: 580px){
	#apresentacao{background-image: url('../../img/site/bkg-580px.jpg');}
	#apresentacao div a{font-size: 12pt;}
	#apresentacao a{font-size: 14pt;}
	#solucoes h2{font-size: 3vw;}
	#solucoes span{font-size: 10pt;}
	#metricas {background-image: url("../../img/site/bkg-parallax-768px.jpg");}
	#fraseImpacto{background-image: url("../../img/site/bkg-parallax2-768px.jpg");}
}
@media only screen and (min-width: 768px){
	#apresentacao{background-image: url('../img/site/bkg-768px.jpg');}
	#solucoes i{font-size:36pt!important;}
	#solucoes span{font-size: 12pt;}
	#solucoes p{font-size: 12pt;}
	#metricas {background-image: url("../../img/site/bkg-parallax-768px.jpg");}
	#portfolio h2{font-size: 16pt;}
	#fraseImpacto{background-image: url("../../img/site/bkg-parallax2-768px.jpg");}
}
@media only screen and (min-width: 992px){
	#apresentacao{background-image: url('../../img/site/bkg-1200px.jpg');}
	#apresentacao div a{font-size: 15pt;}
	#metricas {background-image: url("../../img/site/bkg-parallax-1680px.jpg");}
	/*#fraseImpacto{height: 400px;}*/
	#fraseImpacto{background-image: url("../../img/site/bkg-parallax2-1680px.jpg");}
}
@media only screen and (min-width: 1200px){
	#apresentacao{background-image: url('../../img/site/bkg-1680px.jpg');}
	#apresentacao h1{font-size: 26pt;}
	#apresentacao h2{font-size: 24pt;}
	#solucoes h2{font-size: 24pt;}
	#metricas {background-image: url("../../img/site/bkg-parallax-1680px.jpg");}
	#portfolio h2{font-size: 24pt;}
	#fraseImpacto{background-image: url("../../img/site/bkg-parallax2-1680px.jpg");}
	#fraseImpacto h2{font-size: 30pt;}
}