:root {
	--cor-primaria: #111111;
	--cor-secundaria: #333333;
	--cor-branca: #ffffff;
	--cor-preto: #111111;
	--cor-verde: #27ae60;
}

body {
	font-family: "Inter", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	color: var(--cor-preto);
}

a {
	text-decoration: none;
}

strong,
b {
	font-weight: 600;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 700 !important;
}

h1 small{
	font-size: 1.4rem;
}

.dropdown-toggle::after{
	margin-left: 0px;
	vertical-align: 2px;
}

.contato-cabecalho{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bg-header{
	background-image: url(../img/geradiesel-bg-inicial.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-header-conteudo{
	background-color: rgba(0, 0, 0, .6);
}

.bg-header-conteudo .border{
	border: 1px solid #777777 !important;
}

.bg-local-inicial{
	background-image: url(../img/geradiesel-bg-local-inicial.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.rodape{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.box-img-peca{
	height: 200px;
}
.box-img-peca img{
	max-width: 80%;
	max-height: 80%;
}

.whatsapp-flutuante {
    background-color: #128c7e;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 20px;
    bottom: 100px;
    color: #ffffff !important;
    opacity: 1
}

.whatsapp-flutuante:hover {
    cursor: pointer;
    opacity: .9
}

.whatsapp-flutuante a {
    line-height: 0;
	color: #ffffff;
}

.voltar-topo {
    background-color: var(--cor-secundaria);
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 20px;
    bottom: 40px;
    color: #ffffff;
}
.voltar-topo:hover{
	cursor: pointer;
}
.voltar-topo *{
	color: #ffffff;
}

.pulse-green {
    animation: pulse-animation-green 2s infinite
}

.text-justify{
	text-align: justify !important;
}

.text-short{
	display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-short-servicos{
	display: -webkit-box;
	width: 100%;
    max-width: 100%;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@keyframes pulse-animation-green {
    0% {
        box-shadow: 0 0 0 0 rgba(39,174,96,.5)
    }

    100% {
        box-shadow: 0 0 0 20px rgba(39,174,96,0)
    }
}

@media only screen and (min-width: 1080px) {
	.w-lg-75{
		max-width: 75%;
	}	
}

@media only screen and (max-width: 1200px) {
	.rodape{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
		text-align: center;
	}
	.rodape-links > div{
		margin: auto;
		width: fit-content;
	}
	.rodape-redes-sociais{
		text-align: center !important;
	}
}

@media only screen and (max-width: 767px) {
	.rodape{
		grid-template-columns: 1fr;
	}
	.contato-cabecalho .navbar-redes-sociais{
		display: none;
	}
	.bg-local-inicial{
		background-image: none;
	}

	.bg-header{
		background-image: url(../img/geradiesel-bg-inicial-mobile.png);
	}
}

@media only screen and (max-width: 540px) {
	.contato-cabecalho{
		flex-direction: column;
	}
	.box-img-peca{
		height: 140px;
	}
}