/* #####################################
########################################

	Theme name: DCA
	Theme URI: Não informado
	Description: Este tema foi desenvolvido de forma exclusiva.

	Code: Gabriel Amarante | https://gabrielfreelancer.com.br
	Author: Cadmo Studio
	Author URI: https://cadmostudio.com.br

	Version: MK.09.2025

########################################
##################################### */

@charset "UTF-8";

/* ######
   Básicos
############ */

* {
	outline: none;
}

html {
	scroll-behavior: smooth;
}

html,
body {
	margin: 0;
	padding: 0;
}

body {
	color: var(--cinza);
	font-size: 16px;
	font-weight: 500;
	font-family: var(--montserrat);
}

a,
a:hover,
a:focus {
	color: var(--cinza);
	text-decoration: none;
	transition: .3s;
}

a:hover,
a:focus {
	color: var(--cinza);
}

button,
button:hover,
button:focus {
	outline: none;
	cursor: pointer;
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

select {
	appearance: none;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: center right;
}

/* ######
   Variáveis
############ */

:root {
	/* Fontes */
	--montserrat: "Montserrat", sans-serif;
	/* Cores */
	--azul: #064A6A;
	--cinza: #6D6D70;
	--cinza-escuro: #1D1D1F;
	--cinza-menu: #F8F8F8;
	--cinza-borda: #BFBFBF;
	--cinza-borda-suave: #70707020;
	--vinho: #981A20;
	--vermelho: #D2141E;
	--vermelho-hover: #E5232D;
}

/* ######
   Classes gerais
############ */

section {
	overflow: hidden;
}

/* container */

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1460px;
	}
}

/* box-slide */

.box-slide {
	position: relative;
}

.box-slide .slide-item {
	cursor: initial;
}

/* d-table */

.d-table {
	list-style: none;
	display: table;
	margin: 0;
	padding: 0;
}

.d-table li {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

/* d-center */

.d-center {
	align-items: center;
	display: flex;
	width: 100%;
	min-height: 100%;
}

/* pagination */

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 10px;
	margin-top: 0 !important;
	margin: 0 0 40px;
}

.pagination a,
.pagination span {
	color: var(--cinza);
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	margin: 0 4px;
	padding: 6px 12px;
	transition: .3s;
	border-radius: 3px;
	border: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	background: #FFF;
}

.pagination .current {
	color: #FFF;
	background: var(--vermelho);
}

/* box-return */

.box-return {
	position: fixed;
	bottom: 28px;
	right: 28px;
	z-index: 5;
	transition: .3s;
}

@media (max-width:580px) {
	.box-return {
		bottom: 14px;
		right: 14px;
	}
}

.box-return button {
	font-size: 0;
	display: block;
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 50%;
	background: var(--vinho) url('assets/images/icons/arrow-return.svg') no-repeat center 16px;
	background-size: 25px auto;
}

/* preview-case */

.preview-case {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background: var(--azul);
}

@media (max-width: 580px) {
	.preview-case {
		margin: 0 0 30px;
	}
}

.preview-case>img {
	width: 100%;
	height: 620px;
	filter: brightness(.7);
	object-fit: cover;
	transition: .6s;
}

.preview-case:hover>img {
	opacity: .7;
}

.home #cases .box-card:hover>img {
	filter: brightness(.5);
	opacity: .8;
	transform: scale(1.02);
}

.preview-case .antetitulo {
	position: absolute;
	top: 50px;
	left: 20px;
	z-index: 2;
}

.preview-case .play {
	position: absolute;
	top: 190px;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	transition: .3s;
}

.preview-case:hover .play {
	top: 150px;
}

.preview-case .play:hover {
	transform: translateX(-50%) scale(1.1);
}

.preview-case .box-card-info {
	width: calc(100% - 60px);
	position: absolute;
	left: 30px;
	bottom: 30px;
	z-index: 2;
	transition: .3s;
	transform: translateY(60px);
}

.preview-case:hover .box-card-info {
	transform: initial;
}

.preview-case .box-card-info h3 {
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	line-height: 34px;
	text-overflow: ellipsis;
	display: -webkit-box;
	max-width: 305px;
	margin: 0 0 15px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 1200px) {
	.preview-case .box-card-info h3 {
		font-size: 24px;
	}
}

.preview-case .box-card-info p {
	color: #fff;
	font-weight: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	margin: 0 0 30px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 1200px) {
	.preview-case .box-card-info p {
		font-size: 14px;
		line-height: 22px;
	}
}

/* ######
   Textos
############ */

/* antetitulo */

.antetitulo {
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	display: block;
	margin: 0 0 15px;
	padding: 0 0 0 18px;
	position: relative;
}

.antetitulo.claro {
	color: #FFFFFF53;
}

.antetitulo.branco {
	color: #FFF;
}

.antetitulo::before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url('assets/images/icons/seta-titulo.svg') no-repeat center center;
	background-size: contain;
}

/* títulos */

.titulo-50 {
	color: var(--cinza-escuro);
	font-size: 50px;
	line-height: 57px;
	margin: 0;
	padding: 0 0 0 30px;
	position: relative;
}

@media (max-width: 1200px) {
	.titulo-50 {
		font-size: 40px;
		line-height: 50px;
	}
}

@media (max-width: 580px) {
	.titulo-50 {
		font-size: 30px;
		line-height: 40px;
		padding: 0;
	}
}

.titulo-50::before {
	content: '';
	display: block;
	width: 10px;
	height: 20px;
	position: absolute;
	top: 18px;
	left: 0;
	background: url('assets/images/icons/seta-titulo.svg') no-repeat center center;
}

@media (max-width: 580px) {
	.titulo-50::before {
		display: none;
	}
}

.titulo-45 {
	color: var(--cinza-escuro);
	font-size: 45px;
	font-weight: 600;
	line-height: 55px;
	margin: 0;
	position: relative;
}

@media (max-width: 1200px) {
	.titulo-45 {
		font-size: 35px;
		line-height: 45px;
	}
}

@media (max-width: 580px) {
	.titulo-45 {
		font-size: 30px;
		line-height: 40px;
	}
}

.titulo-35 {
	color: var(--cinza-escuro);
	font-size: 35px;
	font-weight: bold;
	line-height: 45px;
	margin: 0;
	padding: 0 0 0 30px;
	position: relative;
}

@media (max-width: 1200px) {
	.titulo-35 {
		font-size: 30px;
		line-height: 40px;
	}
}

@media (max-width: 580px) {
	.titulo-35 {
		font-size: 25px;
		line-height: 35px;
	}
}

.titulo-35::before {
	content: '';
	display: block;
	width: 10px;
	height: 20px;
	position: absolute;
	top: 12px;
	left: 0;
	background: url('assets/images/icons/seta-titulo.svg') no-repeat center center;
}

/* cores */

.titulo-branco {
	color: #fff;
}

.titulo-branco.seta-branca {
	filter: brightness(0) invert(1);
}

/* ######
   Botões
############ */

.botao,
.botao>a .botao:focus,
.botao:focus>a {
	font-size: 15px;
	font-weight: 500;
	display: inline-block;
	padding: 15px 30px;
	transition: .3s;
	outline: none;
	border: none;
	border-radius: 40px;
	background: #CCC;
}

#header .botao {
	padding: 6px 22px;
}

/* seta-branca */

.botao.seta-branca::after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 20px;
	transform: translateY(1px);
	transition: .3s;
	background: url('assets/images/icons/seta-branca.svg') no-repeat center center;
}

.botao.seta-branca:hover::after {
	transform: translateY(1px) rotate(45deg);
}

/* branco */

.botao.branco {
	color: var(--vermelho);
	background: #fff;
}

.botao.branco::after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 0 0 20px;
	transition: .3s;
	background: url('assets/images/icons/seta-link-vermelho.svg') no-repeat center center;
}

.botao.branco.video::after {
	margin: 0 0 0 10px;
	transform: translateY(1px);
	background-image: url('assets/images/icons/seta-menu.svg');
	background-size: contain;
}

.botao.branco:hover::after {
	transform: rotate(45deg);
}

.botao.branco.video:hover::after {
	margin: 0 0 0 15px;
	transform: translateY(1px);
}

/* vermelho */

.botao.vermelho-2 {
	color: #fff;
	background: var(--vermelho);
}

.botao.vermelho-2:hover,
.botao.vermelho-2:hover>a {
	color: #fff;
	background: var(--vermelho-hover);
}

.botao.vermelho,
.botao.vermelho>a {
	color: #fff;
	background: #064A6A;
}

.botao.vermelho:hover,
.botao.vermelho:hover>a {
	color: #fff;
	background: #3380a5;
}

/* whatsapp */

.botao.whatsapp {
	color: #fff;
	font-size: 15px;
	padding: 15px 30px;
	background: #52AE32;
}

.botao.whatsapp:hover {
	background: #69C648;
}

.botao.whatsapp::after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 20px;
	transform: translateY(3px);
	background: url('assets/images/icons/cta-whatsapp.svg') no-repeat center center;
	background-size: contain;
}

/* link-colorido */

.link-colorido {
	color: var(--cinza);
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	padding: 0 0 8px;
	position: relative;
	transition: .3s;
	border-bottom: solid 1px var(--cinza-borda);
}

.link-colorido:hover {
	color: var(--vermelho);
	border-color: var(--vermelho);
}

.link-colorido::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0 0 10px;
	transition: .3s;
	background: url('assets/images/icons/seta-link-vermelho.svg') no-repeat center center;
}

.link-colorido:hover::after {
	transform: rotate(45deg);
}

/* link-branco */

.link-branco {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	padding: 0 0 8px;
	position: relative;
	border-bottom: solid 1px #fff;
}

.link-branco:hover {
	color: #fff;
}

.link-branco::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0 0 10px;
	transition: .3s;
	background: url('assets/images/icons/seta-link-branco.svg') no-repeat center center;
}

.link-branco:hover::after {
	transform: rotate(45deg);
}

/* ######
   Padrão (Conteúdo)
############ */

.page-template-default #conteudo {
	padding: 60px 0;
	background: #EEE;
}

.page-template-default #conteudo .box-header {
	margin: 0 0 50px;
}

/* ######
   Mobile
############ */

#mobile {
	width: 100%;
	height: 100%;
	padding: 170px 12px 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	transition: .3s;
	overflow-y: auto;
	background: #fff;
}

#mobile.ativo {
	z-index: 9;
	opacity: 1;
}

#mobile .box-contain {
	margin: 0 0 65px;
	border-top: solid 1px var(--cinza-borda);
}

#mobile .navbar {
	display: block;
	width: 100%;
	padding: 0;
}

#mobile .navbar ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

#mobile .navbar .sub-menu {
	display: none;
	margin: 0 0 15px;
}

#mobile .navbar .ativo .sub-menu {
	display: block;
}

#mobile .navbar .menu>li {
	display: block;
	margin: 0;
	border-bottom: solid 1px var(--cinza-borda);
}

#mobile .navbar a {
	color: var(--cinza);
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	display: block;
	padding: 15px 0;
}

#mobile .navbar .ativo>a {
	color: var(--vermelho);
}

#mobile .navbar .sub-menu a {
	padding: 8px 0;
}

#mobile .navbar .menu-item-has-children>a::after {
	content: '';
	display: inline-block;
	width: 5px;
	height: 9px;
	margin: 0 0 0 10px;
	filter: grayscale(1);
	opacity: .65;
	transform: rotate(90deg);
	transition: .3s;
	background: url('assets/images/icons/seta-menu.svg') no-repeat center center;
}

#mobile .navbar .menu-item-has-children.ativo>a::after {
	opacity: 1;
	filter: initial;
	transform: rotate(-90deg);
}

#mobile .box-links {
	padding: 0 12px 30px;
}

#mobile .box-links a {
	text-align: center;
	display: block;
	width: 100%;
	max-width: 245px;
	margin: 0 auto 15px;
	padding: 8px;
}

#mobile .box-links a:last-child {
	margin: 0 auto;
}


#mobile .box-traducao ul {
	list-style: none;
	justify-content: center;
	display: flex;
	gap: 20px;
	margin: 0;
	padding: 0;
}

#mobile .box-traducao ul a {
	cursor: pointer;
}

#mobile .box-traducao ul .current-lang a {
	opacity: .3;
	cursor: initial;
}

#mobile .box-traducao ul img {
	width: 24px !important;
	height: 16px !important;
}

/* ######
   Cabeçalho
############ */

#header {
	width: 100%;
	padding: 10px 0;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 10;
	background: #fff;
}

#header .box-logo {
	display: block;
	margin: 0;
}

#header .box-logo a {
	display: inline-block;
}

#header .box-mobile {
	text-align: right;
}

#header .box-mobile button {
	text-align: center;
	display: inline-block;
	width: 42px;
	height: 42px;
	padding: 0;
	position: relative;
	border: none;
	border-radius: 50%;
	background: var(--vermelho);
}

#header .box-mobile button.ativo::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	filter: brightness(0) invert(1);
	transform: translate(-50%, -50%);
	background: url('assets/images/icons/close.svg') no-repeat center center;
	background-size: 16px auto;
}

#header .box-mobile svg {
	fill: #fff;
	display: inline-block;
	height: 25px;
	transition: .3s;
}

#header .box-mobile button.ativo svg {
	opacity: 0;
}

#header .box-contato {
	display: flex;
	gap: 30px;
	justify-content: end;
	margin-bottom: 14px;
}

#header .box-contato-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 150px;
}

#header .box-contato-item a {
	transition: .3s;
}

#header .box-contato-item a:hover {
	color: var(--vermelho);
}

#header .box-contato-item ul {
	list-style: none;
	display: flex;
	gap: 10px;
	margin: 0;
	padding: 0;
}

#header .box-contato-item ul a {
	cursor: pointer;
}

#header .box-contato-item ul .current-lang a {
	opacity: .3;
	cursor: initial;
}

#header .box-contato-item ul img {
	width: 20px !important;
	height: 14px !important;
}

#header .box-contato-item>img {
	width: 15px;
	height: 12px;
	object-fit: contain;
	object-position: center;
}

#header .box-contato-item:nth-child(2)>img {
	width: 16px;
	height: 15px;
}

#header .navbar {
	width: 100%;
	padding: 0;
}

#header .navbar ul {
	list-style: none;
	text-align: right;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

#header .navbar li {
	display: inline-block;
	margin-left: 35px;
}

@media (max-width: 1400px) {
	#header .navbar li {
		margin-left: 20px;
	}
}

#header .navbar li:first-child {
	margin: 0;
}

#header .navbar li:last-child {
	margin-left: 12px;
}

@media (max-width: 1400px) {
	#header .navbar li:last-child {
		margin-left: 5px;
	}
}

#header .navbar a {
	font-weight: 500;
	display: inline-block;
	transition: .3s;
}

#header .navbar a:hover,
#header .navbar .ativo a {
	color: var(--vermelho);
}

#header .navbar .vermelho-2 a,
#header .navbar .vermelho a,
#header .navbar .vermelho-2 a:hover,
#header .navbar .vermelho a:hover {
	color: #fff !important;
}

#header .navbar .submenu a {
	display: flex;
	gap: 8px;
	align-items: center;
	cursor: pointer;
}

#header .navbar .submenu a::after {
	content: '';
	display: inline-block;
	width: 5px;
	height: 10px;
	transform: rotate(90deg);
	opacity: .75;
	filter: grayscale(1);
	transition: .5s;
	background: url('assets/images/icons/seta-menu.svg') no-repeat center center;
}

#header .navbar .submenu a:hover::after {
	opacity: 1;
	filter: initial;
}

#header .navbar .submenu.ativo a::after {
	transform: rotate(-90deg);
	opacity: 1;
	filter: initial;
}

/* ######
   Menu verticais
############ */

#menu-verticais {
	width: 100%;
	padding: 18px 0;
	position: fixed;
	top: -100px;
	z-index: 9;
	transition: .6s;
	border-top: solid 1px var(--cinza-borda-suave);
	background: var(--cinza-menu);
}

#menu-verticais.ativo {
	top: 92px;
}

#menu-verticais .box-grid {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(7, 1fr);
	border-left: solid 1px var(--cinza-borda-suave);
}

#menu-verticais .box-item {
	padding: 8px 16px;
	border-right: solid 1px var(--cinza-borda-suave);
}

#menu-verticais .box-item p {
	margin: 0;
}

#menu-verticais .box-item a {
	font-size: 14px;
	font-weight: 500;
	display: flex;
	gap: 8px;
	align-items: center;
	transition: .3s;
}

#menu-verticais .box-item a:hover {
	color: var(--vermelho);
}

#menu-verticais .box-item a::before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 10px;
	background: url('assets/images/icons/seta-menu.svg') no-repeat center center;
}

/* ######
   Menu soluções
############ */

#menu-solucoes {
	width: 100%;
	padding: 18px 0;
	position: fixed;
	top: -100px;
	z-index: 9;
	transition: .6s;
	border-top: solid 1px var(--cinza-borda-suave);
	background: var(--cinza-menu);
}

#menu-solucoes.ativo {
	top: 92px;
}

#menu-solucoes .box-grid {
	justify-content: center;
	display: flex;
	gap: 30px;
}

@media (max-width: 1400px) {
	#menu-solucoes .box-grid {
		gap: 20px;
	}
}

#menu-solucoes .box-item a {
	color: var(--cinza-escuro);
	font-weight: 500;
	display: flex;
	gap: 17px;
	align-items: center;
	transition: .3s;
}

@media (max-width: 1400px) {
	#menu-solucoes .box-item a {
		gap: 8px;
	}
}

#menu-solucoes .box-item a:hover {
	color: var(--vermelho);
}

#menu-solucoes .box-item span {
	align-items: center;
	justify-items: center;
	display: grid;
	width: 43px;
	height: 43px;
	transition: .3s;
	border-radius: 50%;
}

@media (max-width: 1400px) {
	#menu-solucoes .box-item span {
		width: 36px;
		height: 36px;
	}
}

#menu-solucoes .box-item a:hover span {
	opacity: .7;
}

#menu-solucoes .box-item span img {
	width: 26px;
	height: 26px;
	object-fit: contain;
}

#menu-solucoes .box-item p {
	font-size: 14px;
	margin: 0;
}

@media (max-width: 1400px) {
	#menu-solucoes .box-item p {
		font-size: 14px;
	}
}

/* ######
   CTA
############ */

#cta {
	padding: 70px 0;
	background: var(--vermelho);
}

#cta .box-texto {
	max-width: 650px;
}

@media (max-width: 850px) {
	#cta .box-texto {
		margin: 0 0 30px;
	}
}

@media (max-width: 580px) {
	#cta .box-texto {
		text-align: center;
	}
}

#cta .box-texto h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 500;
	line-height: 50px;
	margin: 0;
}

#cta .box-contato p {
	margin: 0;
}

@media (max-width: 580px) {
	#cta .box-contato>p {
		text-align: center;
		max-width: 240px;
		margin: 0 auto;
	}
}

#cta .box-contato a {
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	display: flex;
	gap: 15px;
	align-items: center;
}

@media (max-width: 1400px) {
	#cta .box-contato a {
		font-size: 17px;
	}
}

#cta .box-contato-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: 150px 1fr;
	margin: 0 0 22px;
}

@media (max-width: 580px) {
	#cta .box-contato-grid {
		max-width: 340px;
		margin: 0 auto 20px;
	}
}

#cta .box-social {
	display: flex;
	gap: 10px;
	margin: 30px 0 0;
}

@media (max-width: 580px) {
	#cta .box-social {
		justify-content: center;
	}
}

#cta .box-social a {
	align-items: center;
	justify-content: center;
	display: flex;
	width: 36px;
	height: 36px;
	transition: .3s;
	border-radius: 50%;
	background: var(--vinho);
}

#cta .box-social a:hover {
	background: var(--vermelho-hover);
}

#cta .box-social a img {
	max-width: 18px;
	max-height: 20px;
	object-fit: contain;
}

/* ######
   Rodapé
############ */

#footer {
	padding: 50px 0;
}

#footer .sidebar-footer {
	border-right: solid 1px var(--cinza-borda);
}

@media (max-width: 850px) {
	#footer .sidebar-footer {
		padding: 0 0 30px;
		border-right: none;
		border-bottom: solid 1px var(--cinza-borda);
	}
}

#footer .box-logo {
	margin: 0 0 37px;
}

@media (max-width: 850px) {
	#footer .box-logo {
		text-align: center;
		margin: 0 0 60px;
	}
}

@media (max-width: 850px) {
	#footer .box-cidades {
		text-align: center;
		display: grid;
		gap: 0 20px;
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 580px) {
	#footer .box-cidades {
		grid-template-columns: repeat(2, 1fr);
	}
}

#footer .box-cidades p {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 10px;
}

#footer .box-cidades p:last-child {
	margin: 0;
}

#footer .box-cidades a {
	color: var(--cinza);
	transition: .3s;
}

#footer .box-cidades a:hover {
	color: var(--vermelho);
}

#footer .box-grid {
	display: grid;
	gap: 0;
	grid-template-columns: 1.5fr 1fr;
	width: calc(100% + 24px);
	margin: 0 0 0 -24px;
	border-bottom: solid 1px var(--cinza-borda);
}

@media (max-width: 580px) {
	#footer .box-grid {
		width: 100%;
		grid-template-columns: 1fr;
		margin: 0;
		border-bottom: none;
	}
}

#footer .box-coluna {
	padding: 50px 60px;
}

@media (max-width: 1400px) {
	#footer .box-coluna {
		padding: 50px 40px;
	}
}

@media (max-width: 580px) {
	#footer .box-coluna {
		padding: 30px 0 0;
	}
}

#footer .box-coluna-borda {
	border-right: solid 1px var(--cinza-borda);
}

@media (max-width: 580px) {
	#footer .box-coluna-borda {
		border-right: none;
	}
}

#footer .box-titulo {
	margin: 0 0 30px;
}

@media (max-width: 580px) {
	#footer .box-titulo {
		text-align: center;
		margin: 0;
	}
}

#footer .box-titulo h4 {
	color: var(--cinza-escuro);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
}

@media (max-width: 580px) {
	#footer .box-titulo h4::after {
		content: '';
		display: inline-block;
		width: 12px;
		height: 12px;
		margin-left: 10px;
		filter: brightness(1) invert(1);
		transform: translateY(1px) rotate(180deg);
		transition: .3s;
		background: url('assets/images/icons/arrow-return.svg') no-repeat center center;
		background-size: contain;
	}

	#footer .box-titulo h4.ativo::after {
		transform: translateY(1px);
	}
}

#footer .box-link p {
	/* margin: 0 0 10px; */

	min-width: 200px;
	margin: 0;
}

#footer .box-link p:last-child {
	margin: 0;
}

#footer .box-link a {
	font-size: 14px;
	transition: .3s;
}

#footer .box-link a:hover {
	color: var(--vermelho);
}

#footer .box-segmentos {
	padding: 50px 60px 0 36px;
}

@media (max-width: 1400px) {
	#footer .box-segmentos {
		padding: 50px 10px 0;
	}
}

@media (max-width: 580px) {
	#footer .box-segmentos {
		padding: 30px 0 0;
	}
}

#footer .box-segmentos .box-link {
	display: flex;
	flex-flow: wrap;
	gap: 10px 20px;
	/* display: grid;
	gap: 0 20px;
	grid-template-columns: repeat(6,1fr); */
}

/* @media (max-width: 850px) {
	#footer .box-segmentos .box-link {
		grid-template-columns: repeat(4,1fr);
	}
}
@media (max-width: 580px) {
	#footer .box-segmentos .box-link {
		grid-template-columns: repeat(2,1fr);
	}
} */

#footer .navbar {
	width: 100%;
	padding: 0;
}

#footer .navbar ul {
	list-style: none;
	display: grid;
	max-width: 360px;
	gap: 10px 30px;
	grid-template-columns: repeat(2, 1fr);
	width: 100%;
	margin: 0;
	padding: 0;
}

@media (max-width: 1200px) {
	#footer .navbar ul {
		gap: 10px 20px;
	}
}

#footer .navbar li {
	display: inline-block;
	margin: 0;
}

#footer .navbar a {
	font-size: 14px;
}

#footer .navbar a:hover {
	color: var(--vermelho);
}

#footer .navbar .botao a:hover {
	color: #fff;
}

@media (max-width:580px) {
	#footer .footer-links {
		text-align: center;
		display: none !important;
		max-width: 350px;
		margin: 30px auto 0;
	}

	#footer .footer-links.ativo {
		display: block !important;
	}
}

/* ######
   Copyright
############ */

#copyright {
	padding: 10px 0;
	background: #E2E1E5;
}

@media (max-width: 850px) {
	#copyright .box-info {
		text-align: center;
	}
}

@media (max-width: 580px) {
	#copyright .box-info {
		margin: 0 0 10px;
	}
}

#copyright .box-info p {
	font-size: 13px;
	margin: 0;
}

#copyright .box-dev {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: end;
}

@media (max-width: 850px) {
	#copyright .box-dev {
		justify-content: center;
	}
}

#copyright .box-dev p {
	font-size: 13px;
	margin: 0;
}

/* ######
   [ Home ] Banner
############ */

.home #banner .slide-item {
	width: 100%;
}

.home #banner .slide-item a {
	display: block;
}

.home #banner .slide-item img {
	width: 100%;
	height: calc(100vh - 120px);
	object-fit: cover;
}

.home #banner .flickity-page-dots {
	bottom: 30px;
	z-index: 1;
}

.home #banner .flickity-page-dots li {
	opacity: 1;
	background: #939298;
}

.home #banner .flickity-page-dots li.is-selected {
	background: #064A6A;
}

/* ######
   Infraestrutura
############ */

#infraestrutura {
	padding: 100px 0;
	overflow: hidden;
	background: url('assets/images/fundo/infra-vermelho.svg') no-repeat top center;
	background-size: auto 540px;
}

@media (max-width:1300px) {
	#infraestrutura {
		background-size: auto 500px;
	}
}

.page-template-sobre #infraestrutura {
	background-image: url('assets/images/fundo/infra-azul.svg');
}

#infraestrutura .box-titulo {
	max-width: 1095px;
	margin: 0 0 90px;
}

#infraestrutura .box-infra-grid {
	width: calc(((100vw - 1460px) / 2) + 100% + 4px);
	align-items: center;
	display: grid;
	gap: 0;
	grid-template-columns: 330px 1fr;
}

@media (max-width: 1400px) {
	#infraestrutura .box-infra-grid {
		width: calc(((100vw - 1140px) / 2) + 100% + 4px);
	}
}

@media (max-width: 1200px) {
	#infraestrutura .box-infra-grid {
		width: calc(((100vw - 960px) / 2) + 100% + 4px);
	}
}

@media (max-width: 1200px) {
	#infraestrutura .box-infra-grid {
		width: 100%;
		grid-template-columns: 250px 1fr;
		border-radius: 20px;
		overflow: hidden;
	}
}

@media (max-width: 580px) {
	#infraestrutura .box-infra-grid {
		grid-template-columns: 1fr;
	}
}

#infraestrutura .box-infra-links {
	height: 100%;
	padding: 70px 40px;
	border-radius: 20px 0 0 20px;
	background: #F2F3F6;
}

@media (max-width: 1200px) {
	#infraestrutura .box-infra-links {
		padding: 40px 20px;
	}
}

@media (max-width: 850px) {
	#infraestrutura .box-infra-links {
		padding: 20px;
	}
}

@media (max-width: 580px) {
	#infraestrutura .box-infra-links {
		border-radius: 20px 20px 0 0;
	}
}

#infraestrutura .box-infra-links button {
	color: var(--cinza);
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	display: block;
	width: 100%;
	padding: 14px;
	transition: .3s;
	border: none;
	border-top: solid 1px var(--cinza-borda-suave);
	background: url('assets/images/icons/seta-infraestrutura.svg') no-repeat left -20px center;
}

#infraestrutura .box-infra-links button:last-child {
	border-bottom: solid 1px var(--cinza-borda-suave);
}

#infraestrutura .box-infra-links button:hover {
	color: var(--azul);
}

#infraestrutura .box-infra-links button.ativo {
	color: var(--azul);
	font-weight: 600;
	padding-left: 50px;
	background-position: left 20px center;
}

#infraestrutura .box-infra-content {
	position: relative;
	overflow: hidden;
}

#infraestrutura .box-infra-content>img {
	width: 100%;
	height: 900px;
	transition: .5s;
	object-fit: cover;
}

@media (max-width: 580px) {
	#infraestrutura .box-infra-content>img {
		height: 500px;
	}
}

#infraestrutura .box-infra-content:hover>img {
	transform: scale(1.03);
}

#infraestrutura .box-info-content-info {
	width: 100%;
	padding: 30px 45px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	backdrop-filter: blur(15px);
	background: #CCCCCC45;
}

@media (max-width: 850px) {
	#infraestrutura .box-info-content-info {
		padding: 20px;
	}
}

#infraestrutura .box-info-content-grid {
	align-items: end;
	display: grid;
	gap: 24px;
	grid-template-columns: 500px 1fr;
	margin: 0 0 30px;
}

@media (max-width: 1200px) {
	#infraestrutura .box-info-content-grid {
		grid-template-columns: 1fr 120px;
	}
}

@media (max-width: 850px) {
	#infraestrutura .box-info-content-grid {
		grid-template-columns: 1fr;
		margin: 0;
	}
}

#infraestrutura .box-info-content-head h3 {
	color: #fff;
	font-size: 32px;
	font-weight: 500;
	margin: 0 0 14px;
}

#infraestrutura .box-info-content-head p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}

#infraestrutura .box-info-content-link {
	text-align: right;
}

@media (max-width: 850px) {
	#infraestrutura .box-info-content-link {
		text-align: left;
	}
}

#infraestrutura .box-info-content-lista {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1200px) {
	#infraestrutura .box-info-content-lista {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 850px) {
	#infraestrutura .box-info-content-lista {
		display: none;
	}
}

#infraestrutura .preview-card {
	text-align: center;
	width: 100%;
	padding: 26px;
	transition: .3s;
	border-radius: 10px;
	background: #fff;
}

@media (max-width: 1200px) {

	#infraestrutura .preview-card:nth-child(4),
	#infraestrutura .preview-card:nth-child(5) {
		display: none;
	}
}

#infraestrutura .preview-card:hover {
	transform: translateY(-10px);
}

#infraestrutura .preview-card img {
	width: 100%;
	height: 150px;
	object-fit: contain;
}

#infraestrutura .preview-card span {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	display: block;
	margin: 10px 0 0;
}

/* ######
   [ Home ] Vídeo
############ */

.home #video {
	padding: 170px 0;
	position: relative;
}

.home #video::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(90deg, rgba(6, 74, 106, 0.9) 0%, rgba(6, 74, 106, 0.25) 100%);
}

.home #video::after {
	content: '';
	display: block;
	width: 39px;
	height: 13px;
	position: absolute;
	bottom: 40px;
	left: calc((100vw - 1320px) / 2);
	z-index: 3;
	background: url('assets/images/icons/detalhe-video.svg') no-repeat center center;
}

.home #video video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	object-fit: cover;
}

.home #video .box-contain {
	position: relative;
	z-index: 3;
}

@media (max-width: 580px) {
	.home #video .box-content {
		text-align: center;
	}
}

.home #video .box-content p {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	margin: 18px 0 0;
	padding: 0 0 0 30px;
}

@media (max-width: 580px) {
	.home #video .box-content p {
		padding: 0;
	}
}

.home #video .box-link {
	text-align: center;
}

@media (max-width: 850px) {
	.home #video .box-link {
		margin-top: 80px;
	}
}

.home #video .box-link a {
	display: inline-block;
}

.home #video .box-link img {
	display: block;
	margin: 0 auto 20px;
	transition: .3s;
}

.home #video .box-link a:hover img {
	transform: scale(1.1);
}

.home #video .box-link p {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
}

@media (max-width: 850px) {
	.home #video .box-link p {
		text-align: center;
	}
}

/* ######
   Soluções
############ */

#solucoes {
	padding: 100px 0;
	overflow: hidden;
}

#solucoes .box-link {
	text-align: right;
}

@media (max-width: 850px) {
	#solucoes .box-link {
		text-align: left;
		margin-top: 30px;
	}
}

#solucoes .box-slide {
	width: 100vw;
	margin: 78px 0 0;
}

#solucoes .slide-item {
	width: 336px;
	padding: 52px 24px 0 0;
}

#solucoes .box-card {
	padding: 70px 30px 38px;
	position: relative;
	transition: .3s;
	border-top: solid 8px;
	border-radius: 0 0 20px 20px;
	background: #F2F3F6;
}

#solucoes .box-card:hover {
	transform: translateY(-10px);
}

#solucoes .box-card span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 85px;
	height: 85px;
	position: absolute;
	top: -42px;
	left: 33px;
	border-radius: 50%;
}

#solucoes .box-card img {
	display: block;
	width: 48px;
	height: 48px;
	object-fit: contain;
}

#solucoes .box-card h3 {
	color: var(--cinza-escuro);
	font-size: 22px;
	font-weight: 600;
	line-height: 27px;
	min-height: 54px;
	margin: 0 0 20px;
}

#solucoes .box-card p {
	font-size: 14px;
	font-weight: initial;
	line-height: 22px;
	min-height: 180px;
	margin: 0 0 24px;

	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ######
   [ Home ] Fale conosco
############ */

.home #fale-conosco .box-grid {
	display: flex;
	gap: 0;
}

@media (max-width: 580px) {
	.home #fale-conosco .box-grid {
		display: block;
	}
}

.home #fale-conosco .box-card {
	width: 50%;
	flex: auto;
	transition: .3s;
}

@media (max-width: 580px) {
	.home #fale-conosco .box-card {
		width: 100%;
	}
}

.home #fale-conosco .box-card:hover {
	width: calc(50% + 150px);
}

@media (max-width: 580px) {
	.home #fale-conosco .box-card:hover {
		width: 100%;
	}
}

.home #fale-conosco .box-card a {
	display: block;
	padding: 200px 20px;
	position: relative;
}

@media (max-width: 1200px) {
	.home #fale-conosco .box-card a {
		align-items: center;
		display: flex;
		height: 500px;
		padding: 20px;
	}
}

@media (max-width: 850px) {
	.home #fale-conosco .box-card a {
		padding: 100px 20px;
	}
}

.home #fale-conosco .box-card a>img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	object-fit: cover;
}

.home #fale-conosco .box-card-item {
	text-align: center;
	max-width: 435px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

@media (max-width: 850px) {
	.home #fale-conosco .box-card-item {
		max-width: 300px;
	}
}

.home #fale-conosco .box-card-item h3 {
	color: #fff;
	font-size: 70px;
	font-weight: 600;
	margin: 0 0 20px;
}

@media (max-width: 1200px) {
	.home #fale-conosco .box-card-item h3 {
		font-size: 40px;
	}
}

.home #fale-conosco .box-card-item p {
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	min-height: 95px;
	margin: 0 0 37px;
}

.home #fale-conosco .box-card-item span {
	display: block;
	width: 58px;
	height: 58px;
	margin: 0 auto;
	transition: .3s;
	border-radius: 50%;
	background: var(--vermelho) url('assets/images/icons/seta-branca.svg') no-repeat top 20px center;
}

.home #fale-conosco .box-card-item span:hover {
	transform: rotate(45deg);
}

/* ######
   [ Home ] Parceiros
############ */

.home #parceiros {
	padding: 120px 0;
	background: #F2F3F6;
}

.home #parceiros .box-header {
	text-align: center;
	max-width: 630px;
	margin: 0 auto 50px;
}

.home #parceiros .box-header .antetitulo {
	display: inline-block;
}

.home #parceiros .box-header h2 {
	padding: 0;
}

.home #parceiros .box-header h2::before {
	display: none;
}

.home #parceiros .slide-parceiros-2 {
	margin: 26px 0 0;
}

.home #parceiros .slide-item {
	width: 224px;
	padding: 0 12px;
}

.home #parceiros .box-card button {
	text-align: center;
	display: block;
	width: 100%;
	height: 155px;
	padding: 18px;
	position: relative;
	border: none;
	border-radius: 20px;
	background: #fff;
}

.home #parceiros .box-card button::after {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: 18px;
	right: 18px;
	filter: brightness(0);
	transition: .3s;
	background: url('assets/images/icons/seta-parceiros.svg') no-repeat top left;
}

.home #parceiros .box-card button:hover::after {
	bottom: 13px;
	right: 13px;
	filter: initial;
}

.home #parceiros .box-card button img {
	transform: translateY(-12px);
}

.home #parceiros .contain-parceiros {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .9);
}

.home #parceiros .modal-parceiros {
	width: 330px;
	max-width: 90vw;
	padding: 54px 30px 38px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 20px;
	background: #fff;
}

.home #parceiros .modal-parceiros button {
	padding: 0;
	position: absolute;
	top: 30px;
	right: 30px;
	border: none;
	background: transparent;
}

.home #parceiros .modal-parceiros img {
	margin: 0 0 50px;
}

.home #parceiros .modal-parceiros-servicos {
	border-top: solid 1px var(--cinza-borda-suave);
}

.home #parceiros .modal-parceiros-servicos p {
	font-weight: 600;
	margin: 0;
	padding: 14px 20px;
	border-bottom: solid 1px var(--cinza-borda-suave);
}

.home #parceiros .modal-parceiros-servicos a {
	transition: .3s;
	background: url('assets/images/icons/seta-infraestrutura.svg') no-repeat left -20px center;
}

.home #parceiros .modal-parceiros-servicos a:hover {
	color: var(--azul);
	line-height: 20px;
	padding: 0 0 0 30px;
	background-position: left center;
}

.home #parceiros .box-link {
	text-align: center;
	margin: 80px 0 0;
}

/* ######
   [ Home ] Cases
############ */

.home #cases {
	margin-top: -40px;
	padding: 200px 0;
	background: url('assets/images/fundo/grafismo-azul-grande.svg') no-repeat center top;
	background-size: auto 100%;
}

@media (max-width: 580px) {
	.home #cases {
		padding: 80px 0;
		background: var(--azul);
	}
}

.home #cases .box-head {
	margin: 0 0 67px;
}

@media (max-width: 580px) {
	.home #cases .box-head {
		text-align: center;
	}
}

@media (max-width: 580px) {
	.home #cases .box-head .antetitulo {
		display: inline-block;
	}
}

.home #cases .box-header h2 {
	margin: 0;
	padding: 0;
}

.home #cases .box-header h2::before {
	display: none;
}

.home #cases .box-link {
	text-align: right;
}

@media (max-width: 850px) {
	.home #cases .box-link {
		text-align: center;
		margin: 30px 0 0;
	}
}

/* ######
   Informação
############ */

#informacao {
	padding: 120px 0;
}

#informacao.fundo-cinza {
	background: #F2F3F6;
}

#informacao .box-image {
	text-align: center;
}

#informacao .box-content {
	max-width: 545px;
}

@media (max-width: 850px) {
	#informacao .box-content {
		margin: 0 auto 80px;
	}
}

#informacao .box-content h2 {
	margin: 0 0 33px;
	padding: 0;
}

#informacao .box-content h2::before {
	display: none;
}

#informacao .box-content p {
	font-weight: normal;
	line-height: 26px;
	max-width: 455px;
	margin: 0 0 15px;
}

#informacao .box-content p:last-child {
	margin: 0;
}

#informacao .box-content a {
	margin: 55px 0 0;
	;
}

@media (max-width: 850px) {
	#informacao .box-content a {
		margin: 20px 0 0;
	}
}

/* ######
   [ Sobre ] Introdução
############ */

.page-template-sobre #introducao {
	padding: 230px 0;
	position: relative;
}

@media (max-width: 850px) {
	.page-template-sobre #introducao {
		padding: 80px 0;
	}
}

.page-template-sobre #introducao::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(90deg, rgba(6, 74, 106, 0.9) 0%, rgba(6, 74, 106, 0.25) 100%);
}

.page-template-sobre #introducao::after {
	content: '';
	display: block;
	width: 50vw;
	height: 45px;
	position: absolute;
	bottom: -2px;
	right: 0;
	z-index: 3;
	border-radius: 20px 0 0 0;
	background: #fff;
}

.page-template-sobre #introducao video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	object-fit: cover;
}

.page-template-sobre #introducao .box-contain {
	position: relative;
	z-index: 3;
}

@media (max-width: 580px) {
	.page-template-sobre #introducao .box-titulo h1 {
		font-size: 28px;
		line-height: 38px;
		text-align: center;
	}
}

.page-template-sobre #introducao .box-link {
	text-align: center;
}

@media (max-width: 850px) {
	.page-template-sobre #introducao .box-link {
		margin-top: 60px;
	}
}

.page-template-sobre #introducao .box-link a {
	display: inline-block;
	transition: .3s;
}

.page-template-sobre #introducao .box-link a:hover {
	transform: scale(1.05);
}

.page-template-sobre #introducao .box-link img {
	display: block;
	transition: .3s;
}

.page-template-sobre #introducao .box-link a:hover img {
	transform: scale(1.1);
}

/* ######
   [ Sobre ] Unidades
############ */

.page-template-sobre #unidades {
	height: 1098px;
	padding: 193px 0 0;
	position: relative;
	z-index: 2;
	background: no-repeat top -320px left -100px;
}

@media (max-width: 1700px) {
	.page-template-sobre #unidades {
		padding: 180px 0 0;
		background-position: top -300px left -150px;
	}
}

@media (max-width: 1500px) {
	.page-template-sobre #unidades {
		padding: 140px 0 0;
		background-position: top -300px left -300px;
	}
}

@media (max-width: 1400px) {
	.page-template-sobre #unidades {
		background-position: top -320px left -400px;
	}
}

@media (max-width: 1200px) {
	.page-template-sobre #unidades {
		background-position: top -320px left -600px;
	}
}

@media (max-width: 850px) {
	.page-template-sobre #unidades {
		background-position: top -320px left -700px;
	}
}

@media (max-width: 580px) {
	.page-template-sobre #unidades {
		padding: 60px 0 0;
		background-size: 700px auto;
		background-position: bottom -120px left -320px;
	}
}

.page-template-sobre #unidades .box-content {
	max-width: 760px;
}

@media (max-width: 850px) {
	.page-template-sobre #unidades .box-content {
		max-width: 600px;
	}
}

.page-template-sobre #unidades .box-content h2 {
	font-size: 46px;
	margin: 0 0 28px;
}

@media (max-width: 1200px) {
	.page-template-sobre #unidades .box-content h2 {
		font-size: 40px;
		line-height: 50px;
	}
}

@media (max-width: 580px) {
	.page-template-sobre #unidades .box-content h2 {
		font-size: 30px;
		line-height: 40px;
		padding: 0;
	}
}

.page-template-sobre #unidades .box-content p {
	font-weight: normal;
	max-width: 445px;
	margin: 0 0 0 230px;
}

@media (max-width: 580px) {
	.page-template-sobre #unidades .box-content p {
		margin: 0 0 0 80px;
	}
}

/* ######
   [ Sobre ] Soluções
############ */

.page-template-sobre #solucoes {
	padding: 120px 0;
}

.page-template-sobre #solucoes .box-header {
	max-width: 648px;
	margin: 0 0 64px;
}

@media (max-width: 580px) {
	.page-template-sobre #solucoes .box-header {
		margin: 0 0 50px;
	}
}

.page-template-sobre #solucoes .box-slide {
	width: 100vw;
	margin: 78px 0 0;
}

@media (max-width: 580px) {
	.page-template-sobre #solucoes .box-slide {
		margin: 0;
	}
}

.page-template-sobre #solucoes .slide-item {
	width: 336px;
	padding: 52px 24px 0 0;
}

.page-template-sobre #solucoes .box-card {
	height: 100%;
	padding: 70px 30px 38px;
	position: relative;
	border-top: solid 8px var(--vermelho);
	border-radius: 0 0 20px 20px;
	background: #F2F3F6;
}

.page-template-sobre #solucoes .box-card span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 85px;
	height: 85px;
	position: absolute;
	top: -42px;
	left: 33px;
	border-radius: 50%;
	background: var(--vermelho);
}

.page-template-sobre #solucoes .box-card img {
	display: block;
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.page-template-sobre #solucoes .box-card h3 {
	color: var(--cinza-escuro);
	font-size: 22px;
	font-weight: 600;
	line-height: 27px;
	min-height: 54px;
	margin: 0 0 20px;
}

.page-template-sobre #solucoes .box-card p {
	font-size: 14px;
	font-weight: initial;
	line-height: 22px;
	margin: 0 0 24px;
}

.page-template-sobre #solucoes .flickity-button {
	width: 82px;
	height: 48px;
	margin: 0;
	top: -130px;
	right: 80px;
	transform: initial;
	transition: .3s;
	border: solid 1px var(--vermelho);
	border-radius: 40px;
	background: transparent;
}

@media (max-width: 850px) {
	.page-template-sobre #solucoes .flickity-button {
		top: -40px;
	}
}

@media (max-width: 580px) {
	.page-template-sobre #solucoes .flickity-button {
		display: none;
		top: -60px;
		right: initial;
		left: 100px;
	}
}

.page-template-sobre #solucoes .flickity-button:hover {
	background: var(--vermelho);
}

.page-template-sobre #solucoes .flickity-button.previous {
	left: initial;
	right: 180px;
	transform: rotate(180deg);
}

@media (max-width: 580px) {
	.page-template-sobre #solucoes .flickity-button.previous {
		right: initial;
		left: 12px;
	}
}

.page-template-sobre #solucoes .flickity-button::before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	background: url('assets/images/icons/seta-vermelha-slide.svg') no-repeat center center;
}

.page-template-sobre #solucoes .flickity-button:hover::before {
	left: 65%;
	filter: brightness(0) invert(1);
}

.page-template-sobre #solucoes .flickity-button svg {
	display: none;
}

/* ######
   [ Sobre ] Link
############ */

.page-template-sobre #link {
	padding: 0 0 120px;
}

.page-template-sobre #link .box-link {
	text-align: center;
}

/* ######
   [ Sobre ] Valores
############ */

.page-template-sobre #valores {
	position: relative;
}

.page-template-sobre #valores .slide-item {
	width: 100%;
	position: relative;
}

.page-template-sobre #valores .slide-item img {
	width: 100%;
	height: 790px;
	max-height: 85vh;
	min-height: 300px;
	filter: brightness(.5);
	object-fit: cover;
}

.page-template-sobre #valores .box-contain {
	width: 100%;
	position: absolute;
	bottom: 100px;
	z-index: 2;
}

.page-template-sobre #valores .box-info p {
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	max-width: 515px;
	margin: 20px 0 0;
	padding: 0 0 0 30px;
}

@media (max-width: 850px) {
	.page-template-sobre #valores .box-info p {
		font-size: 15px;
		line-height: 25px;
		max-width: 400px;
	}
}

@media (max-width: 580px) {
	.page-template-sobre #valores .box-info p {
		padding: 0;
	}
}

.page-template-sobre #valores .flickity-button {
	width: 82px;
	height: 48px;
	margin: 0;
	top: initial;
	bottom: 100px;
	right: 80px;
	transform: initial;
	border: solid 1px #FFF;
	border-radius: 40px;
	background: transparent;
}

@media (max-width: 580px) {
	.page-template-sobre #valores .flickity-button {
		right: initial;
		left: 100px;
		bottom: 30px;
	}
}

.page-template-sobre #valores .flickity-button:hover {
	border-color: var(--vermelho);
	background: var(--vermelho);
}

.page-template-sobre #valores .flickity-button.previous {
	left: initial;
	right: 180px;
	transform: rotate(180deg);
}

@media (max-width: 580px) {
	.page-template-sobre #valores .flickity-button.previous {
		right: initial;
		left: 12px;
	}
}

.page-template-sobre #valores .flickity-button::before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	filter: brightness(0) invert(1);
	background: url('assets/images/icons/seta-vermelha-slide.svg') no-repeat center center;
}

.page-template-sobre #valores .flickity-button:hover::before {
	left: 65%;
}

.page-template-sobre #valores .flickity-button svg {
	display: none;
}

/* ######
   [ Solução ] Capa
############ */

.single-solucao #capa {
	padding: 160px 0 240px;
	position: relative;
	overflow: hidden;
}

.single-solucao #capa>img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: .3;
	mix-blend-mode: luminosity;
	object-fit: cover;
}

.single-solucao #capa .box-contain {
	position: relative;
	z-index: 2;
}

.single-solucao #capa .box-content {
	text-align: center;
}

.single-solucao #capa .box-content h1 {
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	margin: 0;
}

@media (max-width: 850px) {
	.single-solucao #capa .box-content h1 {
		font-size: 40px;
		line-height: 50px;
	}
}

.single-solucao #capa .box-lista {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.single-solucao #capa .box-lista-cards {
	align-items: end;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 6px;
}

@media (max-width: 850px) {
	.single-solucao #capa .box-lista-cards {
		width: 100vw;
		margin-left: -55px;
		padding: 30px 40px 0;
		white-space: nowrap;
		overflow-x: auto;
	}
}

@media (max-width: 580px) {
	.single-solucao #capa .box-lista-cards {
		margin-left: -12px;
		padding: 30px 12px 0;
	}
}

@media (max-width: 850px) {
	.single-solucao #capa .box-card {
		display: inline-block;
		width: 180px;
		margin-right: 5px;
	}

	.single-solucao #capa .box-card:last-child {
		margin-right: 0;
	}
}

@media (max-width: 580px) {
	.single-solucao #capa .box-card {
		width: 40vw;
	}
}

.single-solucao #capa .box-card a {
	text-align: center;
	display: block;
	padding: 50px 10px 30px;
	position: relative;
	transition: .3s;
	border-top: solid 8px;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, .3);
}

.single-solucao #capa .box-card.ativo a,
.single-solucao #capa .box-card:hover a {
	padding: 60px 10px 40px;
}

.single-solucao #capa .box-card span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
	position: absolute;
	top: -38px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
}

.single-solucao #capa .box-card img {
	max-height: 40px;
}

.single-solucao #capa .box-card p {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	display: block;
	width: 100%;
	min-height: 48px;
	white-space: wrap;
	margin: 0;
}

/* ######
   [ Solução ] Introdução
############ */

.single-solucao #introducao {
	padding: 90px 0;
	background: #F8F8F8;
}

@media (max-width: 580px) {
	.single-solucao #introducao {
		padding: 60px 0;
	}
}

.single-solucao #introducao .box-grid {
	align-items: end;
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 200px;
}

@media (max-width: 580px) {
	.single-solucao #introducao .box-grid {
		gap: 60px;
		grid-template-columns: 1fr;
	}
}

@media (max-width: 580px) {
	.single-solucao #introducao .box-texto h2 {
		font-size: 22px;
		line-height: 32px;
		padding: 0;
	}

	.single-solucao #introducao .box-texto h2::before {
		display: none;
	}
}

.single-solucao #introducao .box-link {
	text-align: center;
}

@media (max-width: 580px) {
	.single-solucao #introducao .box-link {
		text-align: left;
	}
}

.single-solucao #introducao .box-link a {
	text-align: center;
	display: flex;
	align-items: center;
	width: 48px;
	height: 82px;
	margin: 0 auto;
	transition: .3s;
	border: solid 1px var(--vermelho);
	border-radius: 30px;
}

@media (max-width: 580px) {
	.single-solucao #introducao .box-link a {
		margin: 0;
	}
}

.single-solucao #introducao .box-link a:hover {
	background: var(--vermelho);
}

.single-solucao #introducao .box-link img {
	display: block;
	margin: 0 auto;
	transition: .3s;
	transform: rotate(90deg);
}

.single-solucao #introducao .box-link a:hover img {
	filter: brightness(0) invert(1);
	transform: rotate(90deg) translatex(10px);
}

/* ######
   [ Solução ] Conteúdo
############ */

.single-solucao #conteudo {
	padding: 120px 0;
}

@media (max-width: 580px) {
	.single-solucao #conteudo {
		padding: 80px 0;
	}
}

@media (max-width: 580px) {
	.single-solucao #conteudo .box-titulo {
		text-align: center;
	}

	.single-solucao #conteudo .box-titulo .antetitulo {
		display: inline-block;
	}
}

.single-solucao #conteudo .box-image {
	text-align: center;
}

@media (max-width: 850px) {
	.single-solucao #conteudo .box-image {
		margin: 50px 0 0;
	}
}

.single-solucao #conteudo .box-lista {
	display: flex;
	flex-direction: column;
	gap: 3px;
	max-width: 470px;
	margin: 40px 0 60px;
}

.single-solucao #conteudo .box-lista a {
	color: var(--cinza-escuro);
	font-size: 18px;
	font-weight: bold;
	display: block;
	padding: 16px 70px 16px 30px;
	position: relative;
	transition: .3s;
	background: #F2F3F6;
}

.single-solucao #conteudo .box-lista a:hover {
	padding-left: 46px;
}

.single-solucao #conteudo .box-lista a::after {
	content: '';
	display: block;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	transition: .3s;
	background: url('assets/images/icons/seta-infraestrutura.svg') no-repeat center center;
	background-size: 26px auto;
}

.single-solucao #conteudo .box-lista a:hover::after {
	transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 580px) {
	.single-solucao #conteudo .box-link {
		text-align: center;
	}
}

/* ######
   [ Solução ] Parceiros
############ */

.single-solucao #parceiros {
	margin: 0 0 -50px;
	padding: 200px 0;
	background: url('assets/images/fundo/grafismo-azul-grande.svg') no-repeat top center;
	background-size: auto 100%;
}

@media (max-width: 580px) {
	.single-solucao #parceiros {
		padding: 80px 0;
		background: var(--azul);
	}
}

.single-solucao #parceiros .box-header {
	text-align: center;
	max-width: 840px;
	margin: 0 auto 120px;
}

@media (max-width: 580px) {
	.single-solucao #parceiros .box-header {
		margin: 0 0 60px;
	}
}

.single-solucao #parceiros .box-header .antetitulo {
	display: inline-block;
}

.single-solucao #parceiros .box-header h2 {
	padding: 0;
}

.single-solucao #parceiros .box-header h2::before {
	display: none;
}

.single-solucao #parceiros .slide-parceiros-2 {
	margin: 26px 0 0;
}

.single-solucao #parceiros .slide-item {
	width: 224px;
	padding: 0 12px;
}

.single-solucao #parceiros .box-card button {
	text-align: center;
	display: block;
	width: 100%;
	height: 155px;
	padding: 18px;
	position: relative;
	border: none;
	border-radius: 20px;
	background: #fff;
}

.single-solucao #parceiros .box-card button::after {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: 18px;
	right: 18px;
	filter: brightness(0);
	transition: .3s;
	background: url('assets/images/icons/seta-parceiros.svg') no-repeat top left;
}

.single-solucao #parceiros .box-card button:hover::after {
	bottom: 13px;
	right: 13px;
	filter: initial;
}

.single-solucao #parceiros .box-card button img {
	transform: translateY(-12px);
}

.single-solucao #parceiros .contain-parceiros {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .9);
}

.single-solucao #parceiros .modal-parceiros {
	width: 330px;
	padding: 54px 30px 38px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 20px;
	background: #fff;
}

.single-solucao #parceiros .modal-parceiros button {
	padding: 0;
	position: absolute;
	top: 30px;
	right: 30px;
	border: none;
	background: transparent;
}

.single-solucao #parceiros .modal-parceiros img {
	margin: 0 0 50px;
}

.single-solucao #parceiros .modal-parceiros-servicos {
	border-top: solid 1px var(--cinza-borda-suave);
}

.single-solucao #parceiros .modal-parceiros-servicos p {
	font-weight: 600;
	margin: 0;
	padding: 14px 20px;
	border-bottom: solid 1px var(--cinza-borda-suave);
}

.single-solucao #parceiros .modal-parceiros-servicos a {
	transition: .3s;
	background: url('assets/images/icons/seta-infraestrutura.svg') no-repeat left -20px center;
}

.single-solucao #parceiros .modal-parceiros-servicos a:hover {
	color: var(--azul);
	line-height: 20px;
	padding: 0 0 0 30px;
	background-position: left center;
}

.single-solucao #parceiros .box-link {
	text-align: center;
	margin: 80px 0 0;
}

/* ######
   [ Solução ] Aplicações
############ */

.single-solucao #aplicacoes {
	padding: 120px 0;
}

.single-solucao #aplicacoes .box-titulo {
	max-width: 660px;
	margin: 0 0 65px;
}

@media (max-width: 580px) {
	.single-solucao #aplicacoes .box-titulo {
		margin: 0 0 50px;
	}
}

.single-solucao #aplicacoes .box-titulo h2 {
	padding: 0;
}

.single-solucao #aplicacoes .box-titulo h2::before {
	display: none;
}

.single-solucao #aplicacoes .box-link {
	text-align: center;
	margin: 80px 0 0;
}

.single-solucao #aplicacoes .slide-item {
	width: 448px;
	max-width: 90vw;
	padding: 10px 12px 0;
}

.single-solucao #aplicacoes .box-card {
	transition: .3s;
}

.single-solucao #aplicacoes .box-card:hover {
	transform: translateY(-10px);
}

.single-solucao #aplicacoes .box-card img {
	width: 100%;
	height: initial;
	object-fit: cover;
}

.single-solucao #aplicacoes .box-card h3 {
	color: var(--cinza-escuro);
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	margin: 20px 0;
}

.single-solucao #aplicacoes .box-card p {
	font-weight: normal;
	line-height: 26px;
	margin: 0;
}

.single-solucao #aplicacoes .flickity-button {
	width: 82px;
	height: 48px;
	margin: 0;
	top: -115px;
	right: 80px;
	transform: initial;
	transition: .3s;
	border: solid 1px var(--vermelho);
	border-radius: 40px;
	background: transparent;
}

@media (max-width: 1200px) {
	.single-solucao #aplicacoes .flickity-button {
		right: 50px;
	}
}

@media (max-width: 580px) {
	.single-solucao #aplicacoes .flickity-button {
		display: none;
		top: -80px;
		right: initial;
		left: 100px;
	}
}

.single-solucao #aplicacoes .flickity-button:hover {
	background: var(--vermelho);
}

.single-solucao #aplicacoes .flickity-button.previous {
	left: initial;
	right: 180px;
	transform: rotate(180deg);
}

@media (max-width: 1200px) {
	.single-solucao #aplicacoes .flickity-button.previous {
		right: 150px;
	}
}

@media (max-width: 580px) {
	.single-solucao #aplicacoes .flickity-button.previous {
		right: initial;
		left: 12px;
	}
}

.single-solucao #aplicacoes .flickity-button::before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	background: url('assets/images/icons/seta-vermelha-slide.svg') no-repeat center center;
}

.single-solucao #aplicacoes .flickity-button:hover::before {
	left: 65%;
	filter: brightness(0) invert(1);
}

.single-solucao #aplicacoes .flickity-button svg {
	display: none;
}

/* ######
   [ Verticais ] Capa
############ */

.single-vertical #capa {
	padding: 180px 0;
	position: relative;
}

.single-vertical #capa>img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	filter: brightness(.45);
	object-fit: cover;
}

.single-vertical #capa .box-contain {
	position: relative;
	z-index: 2;
}

.single-vertical #capa .box-content p {
	color: #fff;
	font-weight: normal;
	max-width: 394px;
	margin: 16px 0 0;
}

/* ######
   [ Verticais ] Selecione
############ */

.single-vertical #selecione {
	width: 100%;
	padding: 12px 0;
	position: sticky;
	top: 93px;
	left: 0;
	z-index: 8;
	background: #6D6D70;
}

@media (max-width: 1200px) {
	.single-vertical #selecione {
		top: 67px;
	}
}

.single-vertical #selecione .box-info {
	align-items: center;
	display: grid;
	gap: 20px;
	grid-template-columns: 180px 1fr;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

@media (max-width: 580px) {
	.single-vertical #selecione .box-info {
		gap: 10px;
		grid-template-columns: 145px 1fr;
	}
}

.single-vertical #selecione .box-info p {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
}

@media (max-width: 580px) {
	.single-vertical #selecione .box-info p {
		font-size: 14px;
		font-weight: 500;
	}
}

.single-vertical #selecione select {
	color: var(--vermelho);
	font-size: 15px;
	font-family: inherit;
	width: 100%;
	height: 38px;
	padding: 0 30px;
	border: none;
	border-radius: 20px;
	background-color: #fff;
}

.single-vertical #selecione option {
	color: var(--cinza-escuro);
}

/* ######
   [ Verticais ] Introdução
############ */

.single-vertical #introducao {
	padding: 90px 0 0;
	background: #F8F8F8;
}

@media (max-width: 580px) {
	.single-vertical #introducao {
		padding: 60px 0 0;
	}
}

.single-vertical #introducao .box-grid {
	align-items: end;
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 200px;
}

@media (max-width: 580px) {
	.single-vertical #introducao .box-grid {
		gap: 60px;
		grid-template-columns: 1fr;
	}
}

@media (max-width: 580px) {
	.single-vertical #introducao .box-texto h2 {
		font-size: 22px;
		line-height: 32px;
		padding: 0;
	}

	.single-vertical #introducao .box-texto h2::before {
		display: none;
	}
}

.single-vertical #introducao .box-link {
	text-align: center;
}

@media (max-width: 580px) {
	.single-vertical #introducao .box-link {
		text-align: left;
	}
}

.single-vertical #introducao .box-link a {
	text-align: center;
	display: flex;
	align-items: center;
	width: 48px;
	height: 82px;
	margin: 0 auto;
	transition: .3s;
	border: solid 1px var(--vermelho);
	border-radius: 30px;
}

@media (max-width: 580px) {
	.single-vertical #introducao .box-link a {
		margin: 0;
	}
}

.single-vertical #introducao .box-link a:hover {
	background: var(--vermelho);
}

.single-vertical #introducao .box-link img {
	display: block;
	margin: 0 auto;
	transition: .3s;
	transform: rotate(90deg);
}

.single-vertical #introducao .box-link a:hover img {
	filter: brightness(0) invert(1);
	transform: rotate(90deg) translatex(10px);
}

/* ######
   [ Verticais ] Informação
############ */

.single-vertical #informacao {
	background: #F8F8F8;
}

@media (max-width:580px) {
	.single-vertical #informacao {
		padding: 60px 0 80px;
	}
}

/* ######
   [ Verticais ] Produtos
############ */

.single-vertical #produtos {
	margin: -50px 0 0;
	padding: 200px 0;
	background: url('assets/images/fundo/grafismo-azul-grande.svg') no-repeat top center;
	background-size: auto 100%;
}

@media (max-width: 580px) {
	.single-vertical #produtos {
		padding: 80px 0 100px;
		background: var(--azul);
	}
}

.single-vertical #produtos .box-titulo {
	max-width: 840px;
	margin: 0 0 120px;
}

@media (max-width: 580px) {
	.single-vertical #produtos .box-titulo {
		margin: 0 0 40px;
	}
}

.single-vertical #produtos .box-titulo .antetitulo {
	display: inline-block;
}

.single-vertical #produtos .box-titulo h2 {
	padding: 0;
}

.single-vertical #produtos .box-titulo h2::before {
	display: none;
}

.single-vertical #produtos .slide-item {
	width: 336px;
	padding: 10px 12px 0;
}

.single-vertical #produtos .box-card {
	transition: .3s;
}

.single-vertical #produtos .box-card:hover {
	transform: translateY(-10px);
}

.single-vertical #produtos .box-card a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 312px;
	padding: 20px;
	position: relative;
	border-radius: 20px;
	background: #fff;
}

.single-vertical #produtos .slide-item p {
	color: var(--cinza-escuro);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: calc(100% - 40px);
	margin: 0;
	position: absolute;
	bottom: 27px;
	left: 20px;
}

.single-vertical #produtos .slide-item img {
	transform: translateY(-15px);
}

/* ######
   [ Verticais ] Cases
############ */

.single-vertical #cases {
	padding: 120px 0;
}

@media (max-width: 580px) {
	.single-vertical #cases {
		padding: 80px 0;
	}
}

.single-vertical #cases .box-head {
	margin: 0 0 67px;
}

@media (max-width: 580px) {
	.single-vertical #cases .box-head {
		text-align: center;
	}
}

@media (max-width: 580px) {
	.single-vertical #cases .box-head .antetitulo {
		display: inline-block;
	}
}

.single-vertical #cases .box-header h2 {
	margin: 0;
	padding: 0;
}

.single-vertical #cases .box-header h2::before {
	display: none;
}

.single-vertical #cases .box-link {
	text-align: right;
}

@media (max-width: 580px) {
	.single-vertical #cases .box-link {
		text-align: center;
		margin: 30px 0 0;
	}
}

/* ######
   [ Cases ] Capa
############ */

.page-template-cases #capa {
	position: relative;
}

.page-template-cases #capa .slide-item {
	width: 100%;
	position: relative;
}

.page-template-cases #capa .slide-item>img {
	width: 100%;
	height: 680px;
	max-height: calc(100vh - 100px);
	position: relative;
	z-index: 1;
	object-fit: cover;
	filter: brightness(.6);
}

.page-template-cases #capa .box-contain {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 2;
}

.page-template-cases #capa .box-content {
	max-width: 580px;
}

@media (max-width: 1700px) {
	.page-template-cases #capa .box-content {
		margin-left: 60px;
	}
}

@media (max-width: 1650px) {
	.page-template-cases #capa .box-content {
		margin-left: 120px;
	}
}

@media (max-width: 580px) {
	.page-template-cases #capa .box-content {
		margin: 0;
	}
}

.page-template-cases #capa .box-content h1 {
	padding: 0;
}

.page-template-cases #capa .box-content h1::before {
	display: none;
}

.page-template-cases #capa .box-content p {
	color: #fff;
	font-weight: normal;
	max-width: 395px;
	margin: 16px 0 44px;

	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.page-template-cases #capa .box-content-links {
	display: flex;
	gap: 20px;
}

@media (max-width: 580px) {
	.page-template-cases #capa .box-content-links a {
		padding: 10px 20px;
	}
}

.page-template-cases #capa .flickity-button {
	width: 82px;
	height: 48px;
	margin: 0;
	transition: .3s;
	border: solid 1px #fff;
	border-radius: 40px;
	background: transparent;
}

@media (max-width: 580px) {
	.page-template-cases #capa .flickity-button {
		display: none;
	}
}

.page-template-cases #capa .flickity-button:hover {
	border-color: var(--vermelho);
	background: var(--vermelho);
}

.page-template-cases #capa .flickity-button.previous {
	transform: translateY(-50%) rotate(180deg);
}

.page-template-cases #capa .flickity-button::before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	left: 50%;
	filter: brightness(0) invert(1);
	transform: translate(-50%, -50%);
	transition: .3s;
	background: url('assets/images/icons/seta-vermelha-slide.svg') no-repeat center center;
}

.page-template-cases #capa .flickity-button:hover::before {
	left: 65%;
	filter: brightness(0) invert(1);
}

.page-template-cases #capa .flickity-button svg {
	display: none;
}

/* ######
   [ Cases ] Filtro
############ */

.page-template-cases #filtro {
	padding: 20px 0;
	background: #F2F3F6;
}

.page-template-cases #filtro .box-campos {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
}

@media (max-width: 580px) {
	.page-template-cases #filtro .box-campos {
		flex-direction: column;
	}
}

.page-template-cases #filtro .box-campos select,
.page-template-cases #filtro .box-campos input {
	color: var(--cinza);
	font-size: 15px;
	font-weight: 500;
	font-family: inherit;
	width: 400px;
	max-width: 100%;
	height: 50px;
	padding: 0 30px;
	border: none;
	border-radius: 30px;
	background-color: #fff;
}

/* ######
   [ Cases ] Conteúdo
############ */

.page-template-cases #conteudo {
	padding: 100px 0 40px;
}

.page-template-cases #conteudo .box-card {
	margin: 0 0 60px;
	transition: .3s;
}

.page-template-cases #conteudo .box-card:hover {
	transform: translateY(-10px);
}

.page-template-cases #conteudo .box-card-image {
	position: relative;
}

.page-template-cases #conteudo .box-card-image a {
	display: block;
	position: relative;
}

.page-template-cases #conteudo .box-card-image a::before {
	content: '';
	display: block;
	width: 85px;
	height: 85px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	transition: .3s;
	background: url('assets/images/icons/play-video.svg') no-repeat center center;
	background-size: contain;
}

.page-template-cases #conteudo .box-card-image>a:hover::before {
	transform: translate(-50%, -50%) scale(1.1);
}

.page-template-cases #conteudo .box-card-image a::after {
	content: '';
	display: block;
	width: 180px;
	height: 48px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	border-radius: 0 20px 0 0;
	background: #fff;
}

.page-template-cases #conteudo .mini .box-card-image a::after {
	height: 30px;
}

.page-template-cases #conteudo .box-card-image img {
	width: 100%;
	border-radius: 20px;
	transition: .3s;
}

.page-template-cases #conteudo .box-card:hover .box-card-image a>img {
	opacity: .7;
}

.page-template-cases #conteudo .box-card-image span {
	color: var(--azul);
	font-weight: normal;
	margin: 0;
	padding: 18px 25px 18px 38px;
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 3;
	border-radius: 0 20px 0 0;
	background: #fff;
}

@media (max-width: 1200px) {
	.page-template-cases #conteudo .box-card-image span {
		bottom: 8px;
	}
}

@media (max-width: 580px) {
	.page-template-cases #conteudo .box-card-image span {
		bottom: 0;
	}
}

.page-template-cases #conteudo .box-card-image span::before {
	left: 20px;
}

.page-template-cases #conteudo .mini .box-card-image span {
	min-width: 200px;
}

@media (max-width: 1200px) {
	.page-template-cases #conteudo .mini .box-card-image span {
		bottom: 0;
		left: 0;
	}
}

.page-template-cases #conteudo .box-card-info {
	padding: 34px 0 0;
}

.page-template-cases #conteudo .mini .box-card-info {
	padding: 20px 0 0;
}

.page-template-cases #conteudo .box-card-info h3 {
	color: var(--cinza-escuro);
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	min-height: 60px;
	margin: 0 0 8px;

	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.page-template-cases #conteudo .box-card-info p {
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	margin: 0 0 20px;

	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ######
   [ Case interno ] Capa
############ */

.single-case #capa {
	padding: 200px 0;
	position: relative;
}

.single-case #capa>img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	filter: brightness(.6);
	object-fit: cover;
}

.single-case #capa .box-contain {
	position: relative;
	z-index: 2;
}

.single-case #capa .box-content {
	text-align: center;
	max-width: 740px;
	margin: 0 auto;
}

.single-case #capa .box-content span {
	font-weight: normal;
	display: inline-block;
}

.single-case #capa .box-content h1 {
	font-weight: bold;
	padding: 0;
}

.single-case #capa .box-content h1::before {
	display: none;
}

/* ######
   [ Case interno ] Conteúdo
############ */

.single-case #conteudo {
	padding: 100px 0;
}

.single-case #conteudo .box-video {
	margin: 0 0 100px;
}

.single-case #conteudo .box-video iframe {
	width: 100%;
	height: 570px;
	border-radius: 20px;
}

.single-case #conteudo .box-content {
	max-width: 870px;
	margin: 0 auto 100px;
}

.single-case #conteudo .box-content p {
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	margin: 0 0 20px;
}

.single-case #conteudo .box-content p:last-child {
	margin: 0;
}

.single-case #conteudo .box-botao {
	text-align: center;
	margin: 0 0 100px;
}

.single-case #conteudo .box-feed {
	margin: 0 0 100px;
}

.single-case #conteudo .box-feed img {
	width: 100%;
}

.single-case #conteudo .box-social {
	text-align: center;
}

@media (max-width:580px) {
	.single-case #conteudo .box-social {
		max-width: 300px;
		margin: 0 auto;
	}
}

.single-case #conteudo .box-social p {
	color: var(--cinza-escuro);
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 30px;
}

.single-case #conteudo .box-social .box-social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.single-case #conteudo .box-social .box-social-links a {
	color: var(--cinza);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: solid 1px #ddd;
	transition: .3s;
}

.single-case #conteudo .box-social .box-social-links a:hover {
	color: #fff;
	border-color: var(--vermelho);
	background: var(--vermelho);
}

.single-case #conteudo .box-social .box-social-links a svg {
	width: 20px;
	height: 20px;
}

/* ######
   [ Case interno ] Cases
############ */

.single-case #cases {
	padding: 120px 0;
	background: #F8F8F8;
}

@media (max-width: 580px) {
	.single-case #cases {
		padding: 80px 0;
	}
}

.single-case #cases .box-titulo {
	max-width: 660px;
	margin: 0 0 65px;
}

@media (max-width: 580px) {
	.single-case #cases .box-titulo {
		margin: 0 0 50px;
	}
}

.single-case #cases .box-titulo h2 {
	padding: 0;
}

.single-case #cases .box-titulo h2::before {
	display: none;
}

.single-case #cases .box-link {
	text-align: center;
	margin: 80px 0 0;
}

.single-case #cases .slide-item {
	width: 400px;
	padding: 10px 12px 0;
}

@media (max-width: 580px) {
	.single-case #cases .slide-item {
		width: 90%;
		padding: 10px 6px 0;
	}
}

.single-case #cases .box-card {
	transition: .3s;
}

.single-case #cases .box-card:hover {
	transform: translateY(-10px);
}

.single-case #cases .box-card-image a {
	display: block;
	position: relative;
}

.single-case #cases .box-card-image a::before {
	content: '';
	display: block;
	width: 85px;
	height: 85px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	transition: .3s;
	background: url('assets/images/icons/play-video.svg') no-repeat center center;
	background-size: contain;
}

.single-case #cases .box-card-image a:hover::before {
	transform: translate(-50%, -50%) scale(1.1);
}

.single-case #cases .box-card-image a::after {
	content: '';
	display: block;
	width: 180px;
	height: 30px;
	position: absolute;
	bottom: -1px;
	left: -1px;
	z-index: 2;
	border-radius: 0 15px 0 0;
	background: #f8f8f8;
}

.single-case #cases .box-card-image img {
	width: 100%;
	border-radius: 20px;
	transition: .3s;
}

.single-case #cases .box-card:hover .box-card-image a>img {
	opacity: .7;
}

.single-case #cases .box-card-image span {
	color: var(--azul);
	font-weight: normal;
	min-width: 190px;
	min-height: 37px;
	margin: 0;
	padding: 12px 20px 12px 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	border-radius: 0 12px 0 0;
	background: #f8f8f8;
}

.single-case #cases .box-card-image span::before {
	left: 20px;
}

.single-case #cases .box-card-info {
	padding: 20px 0 0;
}

.single-case #cases .box-card-info h3 {
	color: var(--cinza-escuro);
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	min-height: 90px;
	margin: 0 0 20px;
}

.single-case #cases .box-card-info p {
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	margin: 0 0 20px;
}

.single-case #cases .flickity-button {
	width: 82px;
	height: 48px;
	margin: 0;
	top: -130px;
	right: 80px;
	transform: initial;
	transition: .3s;
	border: solid 1px var(--vermelho);
	border-radius: 40px;
	background: transparent;
}

@media (max-width: 850px) {
	.single-case #cases .flickity-button {
		top: -60px;
	}
}

@media (max-width: 850px) {
	.single-case #cases .flickity-button {
		top: -70px;
		right: initial;
		left: 100px;
	}
}

@media (max-width: 580px) {
	.single-case #cases .flickity-button {
		display: none;
	}
}

.single-case #cases .flickity-button:hover {
	background: var(--vermelho);
}

.single-case #cases .flickity-button.previous {
	left: initial;
	right: 180px;
	transform: rotate(180deg);
}

@media (max-width: 850px) {
	.single-case #cases .flickity-button.previous {
		right: initial;
		left: 12px;
	}
}

.single-case #cases .flickity-button::before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	background: url('assets/images/icons/seta-vermelha-slide.svg') no-repeat center center;
}

.single-case #cases .flickity-button:hover::before {
	left: 65%;
	filter: brightness(0) invert(1);
}

.single-case #cases .flickity-button svg {
	display: none;
}

/* ######
   [ Contato ] Capa
############ */

.page-template-contato #capa {
	padding: 90px 0 320px;
	position: relative;
	overflow: initial;
	background: url('assets/images/fundo/grafismo-azul.svg') no-repeat center center;
	background-size: cover;
}

@media (max-width: 850px) {
	.page-template-contato #capa {
		padding: 90px 0 180px;
	}
}

@media (max-width: 580px) {
	.page-template-contato #capa {
		padding: 70px 0;
	}
}

.page-template-contato #capa .box-titulo {
	max-width: 860px;
	position: relative;
}

.page-template-contato #capa .box-titulo a {
	color: transparent;
	display: inline-block;
	width: 48px;
	height: 82px;
	position: absolute;
	top: 280px;
	transition: .3s;
	border: solid 1px #fff;
	border-radius: 40px;
	background: url('assets/images/icons/seta-scroll.svg') no-repeat center center;
}

@media (max-width: 850px) {
	.page-template-contato #capa .box-titulo a {
		top: 160px;
	}
}

@media (max-width: 580px) {
	.page-template-contato #capa .box-titulo a {
		margin: 40px 0 0 30px;
		position: initial;
		top: initial;
	}
}

.page-template-contato #capa .box-titulo a:hover {
	border-color: var(--vermelho);
	background-color: var(--vermelho);
	background-position: top 40px center;
}

.page-template-contato #capa .box-image {
	position: absolute;
	top: 290px;
	left: 34vw;
}

@media (max-width: 1400px) {
	.page-template-contato #capa .box-image {
		width: 82vw;
	}
}

@media (max-width: 850px) {
	.page-template-contato #capa .box-image {
		top: 240px;
	}
}

@media (max-width: 580px) {
	.page-template-contato #capa .box-image {
		display: none;
	}
}

/* ######
   [ Contato ] Onde encontrar
############ */

.page-template-contato #onde-encontrar {
	padding: 355px 0 150px;
}

@media (max-width: 1200px) {
	.page-template-contato #onde-encontrar {
		padding: 250px 0 150px;
	}
}

@media (max-width: 850px) {
	.page-template-contato #onde-encontrar {
		padding: 180px 0 100px;
	}
}

@media (max-width: 580px) {
	.page-template-contato #onde-encontrar {
		padding: 80px 0;
	}
}

.page-template-contato #onde-encontrar .box-filtro {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr 1fr 150px;
	margin: 0 0 120px;
}

@media (max-width: 580px) {
	.page-template-contato #onde-encontrar .box-filtro {
		grid-template-columns: 1fr;
	}
}

.page-template-contato #onde-encontrar .box-filtro select {
	color: var(--cinza);
	font-size: 15px;
	font-weight: 500;
	width: 100%;
	height: 49px;
	padding: 0 30px;
	border: none;
	border-radius: 30px;
	background-color: #F2F3F6;
}

.page-template-contato #onde-encontrar .box-info {
	text-align: center;
	max-width: 480px;
	margin: 0 auto;
}

.page-template-contato #onde-encontrar .box-info span {
	font-weight: normal;
	display: inline-block;
}

.page-template-contato #onde-encontrar .box-info h3 {
	color: var(--cinza-escuro);
	font-size: 40px;
	font-weight: 600;
	line-height: 50px;
	margin: 0;
}

.page-template-contato #onde-encontrar .box-info p {
	font-weight: normal;
	margin: 15px 0 0;
}

.page-template-contato #onde-encontrar .box-sem-resultado {
	text-align: center;
	max-width: 480px;
	margin: 0 auto;
}

.page-template-contato #onde-encontrar .box-sem-resultado span {
	font-weight: normal;
	display: inline-block;
}

.page-template-contato #onde-encontrar .box-sem-resultado h3 {
	color: var(--cinza-escuro);
	font-size: 40px;
	font-weight: 600;
	line-height: 50px;
	margin: 0;
}

.page-template-contato #onde-encontrar .box-sem-resultado p {
	font-weight: normal;
	margin: 15px 0 30px;
}

.page-template-contato #onde-encontrar .box-resultado {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1400px) {
	.page-template-contato #onde-encontrar .box-resultado {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 850px) {
	.page-template-contato #onde-encontrar .box-resultado {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 580px) {
	.page-template-contato #onde-encontrar .box-resultado {
		grid-template-columns: 1fr;
	}
}

.page-template-contato #onde-encontrar .box-resultado-card {
	padding: 40px;
	transition: .3s;
	border: solid 1px var(--cinza-borda);
	border-radius: 10px;
}

.page-template-contato #onde-encontrar .box-resultado-card:hover {
	transform: translateY(-10px);
}

.page-template-contato #onde-encontrar .box-resultado-card h3 {
	color: var(--cinza-escuro);
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	margin: 0 0 20px;
}

.page-template-contato #onde-encontrar .box-resultado-card p {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 20px;
}

.page-template-contato #onde-encontrar .box-resultado-card span {
	display: block;
	margin: 0 0 10px;
	padding: 0 0 0 30px;
	background: url('assets/images/icons/whatsapp-contato.svg') no-repeat left center;
}

.page-template-contato #onde-encontrar .box-resultado-card span:last-child {
	margin: 0;
}

.page-template-contato #onde-encontrar .box-resultado-card span.email {
	background-image: url('assets/images/icons/email-contato.svg');
}

.page-template-contato #onde-encontrar .box-resultado-card a {
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
}

/* ######
   [ Contato ] Contato
############ */

.page-template-contato #contato {
	padding: 200px 0;
	background: url('assets/images/fundo/grafismo-azul-grande.svg') no-repeat center center;
	background-size: auto 100%;
}

@media (max-width: 580px) {
	.page-template-contato #contato {
		padding: 80px 0;
		background: var(--azul);
	}
}

.page-template-contato #contato .box-content {
	max-width: 350px;
}

@media (max-width: 580px) {
	.page-template-contato #contato .box-content {
		text-align: center;
		max-width: initial;
		margin: 0 0 50px;
	}
}

@media (max-width: 580px) {
	.page-template-contato #contato .box-content .antetitulo {
		display: inline-block;
	}
}

.page-template-contato #contato .box-content p {
	color: #fff;
	font-weight: normal;
	max-width: 312px;
	margin: 23px 0 44px;
}

@media (max-width: 580px) {
	.page-template-contato #contato .box-content p {
		margin: 20px auto 40px;
	}
}

.page-template-contato #contato .box-form input,
.page-template-contato #contato .box-form select,
.page-template-contato #contato .box-form textarea {
	color: var(--cinza);
	font-size: 15px;
	font-weight: 500;
	font-family: inherit;
	width: 100%;
	height: 49px;
	margin: 0 0 20px;
	padding: 0 30px;
	border: none;
	border-radius: 25px;
	background: #fff;
}

.page-template-contato #contato .box-form textarea {
	height: 124px;
	padding: 13px 30px;
}

.page-template-contato #contato .box-form button {
	display: block;
	margin: 0 auto;
	padding: 12px 30px;
}

/* ######
   [ Blog ] Destaque
############ */

.blog #destaque {
	padding: 0 0 115px;
	position: relative;
}

.blog #destaque .box-image img {
	width: 100%;
	height: 480px;
	object-fit: cover;
}

.blog #destaque .box-contain {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.blog #destaque .box-head {
	padding: 60px 60px 75px;
	position: relative;
	border-radius: 20px;
	background: var(--azul);
}

@media (max-width: 580px) {
	.blog #destaque .box-head {
		padding: 30px 30px 80px;
	}
}

.blog #destaque .box-head::after {
	content: '';
	display: block;
	width: 240px;
	height: 50px;
	position: absolute;
	bottom: -2px;
	right: -2px;
	border-radius: 15px 0 0 0;
	background: #fff;
}

.blog #destaque .box-head>a {
	color: var(--azul);
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	width: 240px;
	position: absolute;
	right: 0;
	bottom: 12px;
	z-index: 2;
}

.blog #destaque .box-head>a::before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 14px;
	margin: 0 10px 0 0;
	transform: translateY(3px);
	background: url('assets/images/icons/seta-titulo.svg') no-repeat center center;
	background-size: contain;
}

.blog #destaque .box-titulo h1 {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	line-height: 50px;
	margin: 0;
}

@media (max-width: 580px) {
	.blog #destaque .box-titulo h1 {
		font-size: 26px;
		line-height: 32px;
		margin: 0 0 25px;
	}
}

.blog #destaque .box-link {
	text-align: center;
}

@media (max-width: 580px) {
	.blog #destaque .box-link {
		text-align: left;
	}
}

/* ######
   [ Contato ] Contato
############ */

.blog #conteudo {
	padding: 80px 0 20px;
}

.preview-post {
	margin: 0 0 60px;
	transition: .3s;
}

.preview-post:hover {
	transform: translateY(-10px);
}

.preview-post-head {
	position: relative;
}

.preview-post-head::after {
	content: '';
	display: block;
	width: 240px;
	height: 45px;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0 15px 0 0;
	background: #fff;
}

.preview-post-head .link-imagem {
	display: block;
}

.preview-post-head .link-categoria {
	color: var(--azul);
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	width: 240px;
	position: absolute;
	left: 0;
	bottom: 12px;
	z-index: 2;
}

.preview-post-head .link-categoria::before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 14px;
	margin: 0 10px 0 0;
	transform: translateY(3px);
	background: url('assets/images/icons/seta-titulo.svg') no-repeat center center;
	background-size: contain;
}

.preview-post-head img {
	width: 100%;
	height: 365px;
	border-radius: 20px;
	object-fit: cover;
}

.mini .preview-post-head img {
	height: 270px;
}

.preview-post-info {
	padding: 25px 0 0;
}

.preview-post-info h2 {
	color: var(--cinza-escuro);
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	margin: 0 0 20px;
}

.preview-post-info p {
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 20px;
}

/* ######
   [ Blog ] Filtro
############ */

.blog #filtro {
	padding: 24px 0;
	background: #F2F3F6;
}

.blog #filtro .box-filtro {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	max-width: 880px;
	margin: 0 auto;
}

.blog #filtro .box-filtro input,
.blog #filtro .box-filtro select {
	color: var(--cinza);
	font-size: 15px;
	font-family: inherit;
	width: 100%;
	height: 50px;
	padding: 0 30px;
	border: none;
	border-radius: 30px;
	background-color: #fff;
}

.blog #filtro .box-filtro {}

.blog #filtro .box-filtro {}

.blog #filtro .box-filtro {}

/* ######
   [ Post ] Destaque
############ */

.single-post #destaque {
	padding: 0 0 115px;
	position: relative;
}

.single-post #destaque .box-image img {
	width: 100%;
	height: 480px;
	object-fit: cover;
}

.single-post #destaque .box-contain {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.single-post #destaque .box-head {
	padding: 60px 60px 75px;
	position: relative;
	border-radius: 20px;
	background: var(--azul);
}

@media (max-width: 580px) {
	.single-post #destaque .box-head {
		padding: 30px 30px 80px;
	}
}

.single-post #destaque .box-head::after {
	content: '';
	display: block;
	width: 240px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 15px 0 0 0;
	background: #fff;
}

.single-post #destaque .box-head>a {
	color: var(--azul);
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	width: 240px;
	position: absolute;
	right: 0;
	bottom: 12px;
	z-index: 2;
}

.single-post #destaque .box-head>a::before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 14px;
	margin: 0 10px 0 0;
	transform: translateY(3px);
	background: url('assets/images/icons/seta-titulo.svg') no-repeat center center;
	background-size: contain;
}

.single-post #destaque .box-titulo h1 {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	line-height: 50px;
	margin: 0;
}

@media (max-width: 580px) {
	.single-post #destaque .box-titulo h1 {
		font-size: 26px;
		line-height: 32px;
		margin: 0 0 25px;
	}
}

/* ######
   [ Post ] Conteúdo
############ */

.single-post #conteudo {
	padding: 100px 0;
}

.single-post #conteudo .box-video {
	margin: 0 0 100px;
}

.single-post #conteudo .box-video iframe {
	width: 100%;
	height: 570px;
	border-radius: 20px;
}

.single-post #conteudo .box-content {
	max-width: 870px;
	margin: 0 auto 100px;
}

.single-post #conteudo .box-content p {
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	margin: 0 0 20px;
}

.single-post #conteudo .box-content p:last-child {
	margin: 0;
}

.single-post #conteudo .box-botao {
	text-align: center;
	margin: 0 0 100px;
}

.single-post #conteudo .box-feed {
	margin: 0 0 100px;
}

.single-post #conteudo .box-feed img {
	width: 100%;
}

.single-post #conteudo .box-social {
	text-align: center;
}

.single-post #conteudo .box-social p {
	color: var(--cinza-escuro);
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 30px;
}

.single-post .box-slide {
	margin: 0 0 100px;
}

.single-post #conteudo .slide-galeria-item {
	width: 300px;
}

@media (max-width: 580px) {
	.single-post #conteudo .slide-galeria-item {
		width: 200px;
	}
}

.single-post #conteudo .slide-galeria-item a {
	display: block;
	height: 300px;
}

@media (max-width: 580px) {
	.single-post #conteudo .slide-galeria-item a {
		height: 200px;
	}
}

.single-post #conteudo .slide-galeria-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ######
   [ Post ] Compartilhe
############ */

.single-post #compartilhe {
	padding: 80px 0;
	background: var(--azul);
}

.single-post #compartilhe .box-social {
	text-align: center;
}

.single-post #compartilhe .box-social p {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	line-height: 55px;
	text-align: center;
	margin: 0 0 30px;
}

.single-post #compartilhe .box-social a {
	display: inline-block;
	margin: 0 5px;
}

.single-post #compartilhe .box-social svg {
	fill: #fff;
	height: 30px;
	opacity: .5;
	transition: .3s;
}

.single-post #compartilhe .box-social a:hover svg {
	opacity: 1;
}

.single-post #compartilhe .box-social img {
	filter: brightness(0) invert(1);
	opacity: .5;
}

/* ######
   [ Post ] Cases
############ */

.single-post #cases {
	padding: 120px 0 80px;
	background: #F8F8F8;
}

.single-post #cases .box-titulo {
	max-width: 660px;
	margin: 0 0 65px;
}

.single-post #cases .box-titulo h2 {
	padding: 0;
}

.single-post #cases .box-titulo h2::before {
	display: none;
}

.single-post #cases .box-link {
	text-align: center;
	margin: 80px 0 0;
}

.single-post #cases .slide-item {
	width: 450px;
	padding: 10px 12px 0;
}

.single-post #cases .preview-post {
	margin: 0;
}

.single-post #cases .flickity-button {
	width: 82px;
	height: 48px;
	margin: 0;
	top: -130px;
	right: 80px;
	transform: initial;
	transition: .3s;
	border: solid 1px var(--vermelho);
	border-radius: 40px;
	background: transparent;
}

@media (max-width: 850px) {
	.single-post #cases .flickity-button {
		top: -60px;
	}
}

.single-post #cases .flickity-button:hover {
	background: var(--vermelho);
}

.single-post #cases .flickity-button.previous {
	left: initial;
	right: 180px;
	transform: rotate(180deg);
}

.single-post #cases .flickity-button::before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	background: url('assets/images/icons/seta-vermelha-slide.svg') no-repeat center center;
}

.single-post #cases .flickity-button:hover::before {
	left: 65%;
	filter: brightness(0) invert(1);
}

.single-post #cases .flickity-button svg {
	display: none;
}