/* NEW HEADER */
nav.header__navigation ul {
	display: flex !important;
	gap: 20px;
}

.header__navigation--toggle {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDE5Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj48cmVjdCB3aWR0aD0iMjEiIGhlaWdodD0iMSIgeD0iMS41IiB5PSIxLjUiIHJ4PSIuNSIvPjxyZWN0IHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiB4PSIxLjUiIHk9IjkuNSIgcng9Ii41Ii8+PHJlY3Qgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHg9IjEuNSIgeT0iMTcuNSIgcng9Ii41Ii8+PC9nPjwvc3ZnPg==);
	background-size: cover;
	height: 25px;
	width: 25px;
}

header .header__column {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
}
.header__column-logo {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.header__logo.header__logo--main {
	max-width: 250px;
	width: 100%;
	margin-right: 0px;
}
.header__second-menu {
	display: flex;
	width: max-content;
	gap: 0px;
	align-items: center;
}

.header__second-menu img {
	height: 15px !important;
	margin: 0px 3px 0px 20px;
}

.header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
	background-color: rgba(255, 255, 255, 0) !important;
	padding: 0px;
}

/* Menu Inicial State */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
	color: #fff;
}
.header__second-menu a {
	color: #fff;
	text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal
	> ul
	li.hs-item-has-children
	ul.hs-menu-children-wrapper
	li
	a {
	color: #fff;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a {
	color: var(--color-secondary);
}

/* Menu Arrow */

.hs-menu-wrapper.hs-menu-flow-horizontal
	> ul
	> li.hs-item-has-children
	> a:after {
	background-color: #fff;
	content: "";
	display: inline-block;
	height: 11px;
	mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
	-webkit-mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
	position: relative;
	width: 11px;
	margin-left: 4px;
}

/* Menu Arrow Hover Rotate */

.hs-menu-wrapper.hs-menu-flow-horizontal
	> ul
	> li.hs-item-has-children:hover
	> a:after {
	rotate: 180deg;
}

@media (min-width: 768px) {
	.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
		> ul
		li.hs-item-has-children:hover
		> ul.hs-menu-children-wrapper {
		background-color: #107da3;
		padding: 35px 25px;
		min-width: 250px;
		top: 57px !important;
	}

	.header__container {
		padding: 20px 0px !important;
	}

	/* Menu STICKY State */
	.sticky .hs-menu-wrapper.hs-menu-flow-horizontal > ul li > a,
	.sticky .hs-menu-wrapper.hs-menu-flow-horizontal li span {
		color: #000000;
	}

	.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a {
		padding: 40px 0px;
		text-decoration: none;
	}

	/* Menu Arrow Black */
	.sticky
		.hs-menu-wrapper.hs-menu-flow-horizontal
		> ul
		> li.hs-item-has-children
		> a:after {
		background-color: #111;
	}

	.sticky .header__second-menu a {
		color: #000000;
	}

	.sticky .header {
		background-color: rgba(255, 255, 255, 0.95) !important;
	}
}

/* Menu Mobile */

@media (max-width: 767px) {
	.header__second-menu {
		display: none;
	}

	.header {
		padding: 10px 0px;
		position: relative;
		top: 0;
		width: 100%;
		z-index: 999999;
	}

	.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
		padding: 20px;
	}

	.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a {
		padding: 0px;
	}

	.hs-menu-item.hs-menu-depth-2 {
		border-bottom: 1px solid white;
		padding: 5px 0px;
	}
	.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
		> ul
		li.hs-item-has-children
		> ul.hs-menu-children-wrapper {
		width: 100%;
		padding: 5px 15px;
		top: 5px !important;
	}
	.sticky .header {
		background-color: #fff;
	}
	.header__container {
		padding: 0px;
	}
	.header__logo {
		margin-right: 0px;
		max-width: inherit;
		width: 200px;
		margin-left: 20px;
	}

	.header__navigation {
		background-color: var(--color-submenu);
	}

	.header__navigation.open {
		top: 70px;
	}
	li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > ul {
		display: none !important;
	}
	li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.open > ul {
		display: block !important;
	}
}
