/*********************************************
** Home 
*********************************************/

#paginaInicial {
	float: left;
	width: 100%;
}

/* Bloco Inicial */

.blocoInicial {
	float: left;
	width: 100%;
	padding: 50px 0;
}

.blocoInicial .container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.blocoInicial h2 {
	float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
    color: #3B3663;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500;
}

.blocoInicial .boxTexto {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}

.blocoInicial .boxTexto p {
	 margin: 0;
	 float: left;
	width: 100%;
}

.blocoInicial .boxTexto p strong {
	color: #DC0456;
}

.blocoInicial .boxLink {
	float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}

.blocoInicial .boxLink a {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(269.28deg, rgba(85, 26, 103, 0.31) 20.86%, rgba(85, 26, 103, 0) 92.67%), #DC0456;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);
    border-radius: 10px;
    height: 45px;
    margin-top: 15px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blocoInicial .boxLink a i {
	color: #fff;
    font-size: 20px;
}

.blocoInicial .boxLink a span {
	color: #fff;
    margin-left: 15px;
}

.blocoInicial figure {
	text-align: center;
}

/* Serviços */

.listaServicos {
	float: left;
	width: 100%;
	padding: 40px 0;
}

.listaServicos.listaServicos2 {
	background: url(../../../uploads/2023/02/bg-lista-servicos.jpg) center center no-repeat;
	background-size: auto 100%;
}

.listaServicos h1 {
	float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
    color: #3B3663;
    font-size: 30px;
}

.listaServicos ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.listaServicos ul li {
	list-style: none;
}

.listaServicos ul li .boxInterno {
	background-color: #fff;
	padding: 30px;
	border-radius: 20px;
	float: left;
	min-height: 345px;
	width: 100%;
	transition: all 0.2s linear;
}

.listaServicos ul li .boxInterno:hover {
	background-color: #3B3663;
}

.listaServicos ul li figure {
	float: left;
}

.listaServicos ul li figure img {
	filter: grayscale(100%);
    opacity: 0.3;
	transition: all 0.2s linear;
}

.listaServicos ul li .boxInterno:hover figure img {
	filter: none;
    opacity: 1;
}

.listaServicos ul li h2 {
	float: left;
    width: 100%;
    color: #3B3663;
    margin: 20px 0;
    font-size: 24px;
    line-height: 32px;
	transition: all 0.2s linear;
}

.listaServicos ul li .boxInterno:hover h2 {
	color: #fff;
}

.listaServicos ul li .boxTexto {
	float: left;
	width: 100%;
}

.listaServicos ul li .boxTexto p,
.listaServicos ul li .boxTexto p strong {
	font-size: 14px;
    line-height: 22px;
    margin: 0;
	transition: all 0.2s linear;
}

.listaServicos ul li .boxInterno:hover .boxTexto p,
.listaServicos ul li .boxInterno:hover .boxTexto p strong {
	color: #fff;
}

/* Cases de MArketing Digital */

.casesDeMarketingDigital {
	float: left;
	width: 100%;
	padding: 50px 0;
	background: url(../../../uploads/2023/03/bg-cases-de-marketing.jpg);
}

.casesDeMarketingDigital h2 {
	float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
    color: #3B3663;
    font-size: 30px;
}

.casesDeMarketingDigital ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
}

.casesDeMarketingDigital ul li {
	list-style: none;
}

.casesDeMarketingDigital ul li .boxInterno {
	float: left;
	width: 100%;
	background: #F2F2F2;
	border: solid 1px #E0E0E0;
	border-radius: 20px;
	padding: 30px;
	transition: all 0.2s linear;
}

.casesDeMarketingDigital ul li .boxInterno:hover {
	box-shadow: 8px 8px 8px 2px rgba(0, 0, 0, 0.2);
}

.casesDeMarketingDigital ul li .boxInterno figure {
	float: left;
	width: 100%;
	text-align: center;
}

.casesDeMarketingDigital ul li .boxInterno figure img {
	filter: grayscale(100%);
    opacity: 0.3;
    transition: all 0.2s linear;
}

.casesDeMarketingDigital ul li .boxInterno:hover figure img {
	filter: none;
    opacity: 1;
}

.casesDeMarketingDigital ul li .boxInterno h3 {
	float: left;
    width: 100%;
    color: #3B3663;
    margin: 25px 0;
    font-size: 20px;
    line-height: 32px;
}

.casesDeMarketingDigital ul li .boxInterno .boxTexto {
	float: left;
	width: 100%;
}

.casesDeMarketingDigital ul li .boxInterno .boxTexto p {
	float: left;
	width: 100%;
	margin: 0;
	color: #726F8E;
	font-size: 13px;
}

.casesDeMarketingDigital ul li .boxInterno span {
	color: #DC0456;
    float: left;
    width: 100%;
    margin-top: 26px;
    font-size: 18px;
    line-height: 18px;
}

.casesDeMarketingDigital ul li .boxInterno span strong {
	color: #726F8E;
	font-weight: normal;
}

/* Lista de Clientes */

.listaClientes {
	float: left;
	width: 100%;
	padding: 50px 0;
	background: url('../../../uploads/2023/03/bg-clientes.jpg') center center no-repeat;
}

.listaClientes h2 {
	float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    color: #3B3663;
    font-size: 30px;
}

.listaClientes .subtitulo {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.listaClientes ul {
	display: inline-block;
	width: 100%;
	padding: 0 30px;
}

.listaClientes ul li figure {
	float: left;
	width: 100%;
	text-align: center;
}

.listaClientes ul li figure img {
	filter: grayscale(100%);
    opacity: 0.3;
    transition: all 0.2s linear;
	margin: auto;
}

.listaClientes ul li figure img:hover {
	filter: none;
    opacity: 1;
}

.listaClientes ul .slick-arrow {
	position: absolute;
    color: #DC0456;
    left: 0;
    font-size: 30px;
    top: calc(50% - 15px);
    z-index: 1;
    cursor: pointer;
}

.listaClientes ul .slick-arrow.fa-angle-right {
	left: auto;
	right: 0;
}

/* Agência de Resultados */

.agenciaDeResultados {
	float: left;
	width: 100%;
	padding: 50px 0;
}

.agenciaDeResultados h2 {
	float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
    color: #3B3663;
    font-size: 22px;
}

.agenciaDeResultados h2 strong {
	color: #DC0456;
}

.agenciaDeResultados .boxTexto {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
}

.agenciaDeResultados .boxTexto p {
	margin: 0;
	color: #726F8E;
}

@media (max-width: 900px) {

	/* Bloco Inicial */

	.blocoInicial {
		padding: 0 0 30px 0;
	}

	.blocoInicial .col-sm-5 {
		float: left;
		width: 100%;
	}

	.blocoInicial h2 {
		font-size: 24px;
		line-height: 34px;
		margin: 0 0 20px 0;
	}

	.blocoInicial .boxTexto {
		margin-bottom: 20px;
	}

	.blocoInicial figure {
		display: none;
	}

	/* Serviços */

	.listaServicos ul li {
		float: left;
		width: 100%;
		text-align: center;
	}

	.listaServicos ul li .boxInterno {
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
		min-height: auto;
	}

	.listaServicos ul li + li {
		margin-top:  20px;
	}

	.listaServicos ul li figure {
		float: left;
		width: 100%;
	}

	/* Cases */

	.casesDeMarketingDigital {
		padding: 30px 0;
	}

	.casesDeMarketingDigital h2 {
		font-size: 24px;
		line-height: 34px;
		margin: 0 0 30px 0;
	}

	.casesDeMarketingDigital ul {
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 0;
		grid-row-gap: 20px;
	}

}

@media (max-width: 768px) {

	/* Serviços */

	.listaServicos h1 {
		margin: 0px 0 40px 0;
		font-size: 24px;
		line-height: 34px;
	}

	/* Clientes */

	.listaClientes {
		padding: 30px 0;
	}

	.listaClientes h2 {
		font-size: 24px;
		line-height: 34px;
	}

}