/*
 * Cabeçalho do luxury — PRÉVIA do redesign (body.ivx-menu-novo, só com ?menu=novo para quem tem edit_posts).
 * Muda só o visual do menu do Mega Main Menu + o seletor de idioma novo. Itens, textos e links ficam iguais.
 * Especificidade: o tema (Redux) e o Mega Main Menu escrevem com "html body.myhome-body div #mega_main_menu.mh-primary ...";
 * o prefixo abaixo fica um degrau acima para não precisar de !important.
 * Os poucos !important daqui só existem onde o tema já usa !important na mesma propriedade (anotado ao lado).
 */

/* ---------- tokens ---------- */
html body.ivx-menu-novo {
	--ivx-cab-ouro: #d4af37;
	--ivx-cab-ouro-esc: #b68235;
	--ivx-cab-preto: #1a1a1a;
	--ivx-cab-branco: #fff;
	--ivx-cab-fonte: Montserrat, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- foco visível (o Mega Main Menu zera outline em #mega_main_menu *) ---------- */
html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary a:focus-visible,
html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary button:focus-visible,
html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .mobile_toggle:focus-visible {
	outline: 2px solid var(--ivx-cab-ouro);
	outline-offset: -2px;
}

/* ---------- seletor de idioma (vale para computador e celular) ---------- */
html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li.ivx-idioma {
	position: relative;
	list-style: none;
	font-family: var(--ivx-cab-fonte);
}

html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: 0;
	background: transparent;
	color: var(--ivx-cab-branco);
	font-family: var(--ivx-cab-fonte);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color 0.2s ease;
}

html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__btn[aria-expanded="true"] {
	border-color: var(--ivx-cab-ouro);
}

html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__globo {
	width: 16px;
	height: 16px;
	flex: none;
	color: var(--ivx-cab-ouro);
}

html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__seta {
	width: 10px;
	height: 10px;
	flex: none;
	transition: transform 0.2s ease;
}

html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__btn[aria-expanded="true"] .ivx-idioma__seta {
	transform: rotate(180deg);
}

html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary ul.ivx-idioma__lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary ul.ivx-idioma__lista > li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
}

html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__op {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 0;
	background: transparent;
	font-family: var(--ivx-cab-fonte);
	text-align: left;
	cursor: pointer;
}

html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__sigla {
	min-width: 22px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
}

html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__nome {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.02em;
}

/* ================= COMPUTADOR (o Mega Main Menu vira hambúrguer abaixo de 1024px) ================= */
@media (min-width: 1024px) {

	/* faixa escura suave atrás do menu transparente: texto branco com contraste AA sobre qualquer foto */
	html body.ivx-menu-novo.myhome-body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder {
		/* na altura do texto (~45px) a camada fica em ~58% de preto: branco 12px dá ≥ 4,5:1 até sobre céu branco */
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 0) 100%);
	}

	/* logo à esquerda, itens + idioma alinhados à direita, tudo centrado na altura */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner {
		display: flex;
		align-items: center;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > .nav_logo {
		flex: none;
		float: none;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		float: none;
		margin-left: auto;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li {
		flex: none;
		float: none;
		margin-right: 0 !important; /* o tema põe margin-right:10px !important em li[class*="columns"] */
	}

	/* item de 1º nível */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link {
		position: relative;
		display: flex;
		align-items: center;
		gap: 8px;
		height: 90px;
		padding: 0 15px;
		font-family: var(--ivx-cab-fonte);
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 0.16em;
		line-height: 1;
		text-transform: uppercase;
		color: var(--ivx-cab-branco);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link .link_content,
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link .link_text {
		display: block;
		position: relative;
		height: auto;
		font: inherit;
		letter-spacing: inherit;
		line-height: 1.3;
		white-space: nowrap;
	}

	/* ícone vazio que o Mega Main Menu põe antes do texto */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link > i {
		display: none;
	}

	/* fio dourado sob o texto: aparece no hover (só mouse), no foco e no item da página atual */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link .link_text::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -8px;
		height: 2px;
		background: var(--ivx-cab-ouro);
		transform: scaleX(0);
		transform-origin: left center;
		transition: transform 0.25s ease;
	}

	/* teclado: o submenu abre quando o foco entra no item (o Mega Main Menu só abre no hover) */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li.menu-item-has-children:focus-within > .mega_dropdown {
		display: block;
		overflow: visible;
		max-height: 3000px;
		max-width: 3000px;
		opacity: 1;
		transform: translateY(0);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:focus-within > .item_link .link_text::after,
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.keep_open > .item_link .link_text::after,
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link:focus-visible .link_text::after,
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link .link_text::after,
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link .link_text::after {
		transform: scaleX(1);
	}

	/* seta do submenu: chevron fino no lugar do triângulo do tema */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.menu-item-has-children > .item_link::after {
		content: "";
		position: static;
		display: block;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 2px;
		padding: 0;
		/* as cores de borda dessa seta são transparent !important no tema: o traço sai por gradiente */
		border-width: 0;
		background:
			linear-gradient(currentColor, currentColor) right top / 1.5px 100% no-repeat,
			linear-gradient(currentColor, currentColor) left bottom / 100% 1.5px no-repeat;
		font-size: 0;
		line-height: 0;
		transform: rotate(45deg);
	}

	/* "Anunciar": mesmo link, só com moldura dourada de chamada */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.menu-item-2736 {
		margin-left: 10px;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.menu-item-2736 > .item_link {
		height: 44px;
		padding: 0 20px;
		border: 1px solid var(--ivx-cab-ouro);
		transition: background-color 0.2s ease;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.menu-item-2736 > .item_link .link_text::after {
		display: none;
	}

	/* submenu: preto do tema, fio dourado no topo, sombra */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .mega_dropdown {
		margin-top: -14px;
		padding: 8px 0;
		border-top: 2px solid var(--ivx-cab-ouro);
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li .mega_dropdown .mega_dropdown {
		padding: 8px 0;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li > .mega_dropdown > li > .item_link {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding: 11px 22px;
		border: 0;
		font-family: var(--ivx-cab-fonte);
		font-size: 11px;
		font-weight: 500;
		letter-spacing: 0.14em;
		line-height: 1.4;
		box-shadow: inset 0 0 0 transparent;
		transition: box-shadow 0.2s ease;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li > .mega_dropdown > li > .item_link .link_content,
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li > .mega_dropdown > li > .item_link .link_text {
		font: inherit;
		letter-spacing: inherit;
		line-height: inherit;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li > .mega_dropdown > li > .item_link > i {
		display: none;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li > .mega_dropdown > li > .item_link:focus-visible,
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li > .mega_dropdown > li.keep_open > .item_link {
		box-shadow: inset 2px 0 0 var(--ivx-cab-ouro);
	}

	/* botão de abrir/fechar submenu (criado pelo cabecalho.js) é só do celular */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li > .ivx-sub__btn {
		display: none;
	}

	/* idioma: compacto, à direita */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.ivx-idioma {
		margin-left: 18px;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary ul.ivx-idioma__lista {
		position: absolute;
		top: calc(100% + 10px);
		right: 0;
		z-index: 10000;
		min-width: 200px;
		padding: 8px 0;
		border-top: 2px solid var(--ivx-cab-ouro);
		background: #000;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
		opacity: 0;
		visibility: hidden;
		transform: translateY(6px);
		transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li.ivx-idioma.is-aberto ul.ivx-idioma__lista {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__op {
		color: var(--ivx-cab-branco);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__sigla {
		color: var(--ivx-cab-ouro);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__op[aria-current="true"] {
		box-shadow: inset 2px 0 0 var(--ivx-cab-ouro);
		background: rgba(212, 175, 55, 0.12);
	}
}

/* telas de 1024–1199px: menos respiro para caber em uma linha */
@media (min-width: 1024px) and (max-width: 1199px) {
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link {
		padding: 0 10px;
		letter-spacing: 0.1em;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.menu-item-2736 > .item_link {
		padding: 0 14px;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.ivx-idioma {
		margin-left: 10px;
	}
}

/* hover só com mouse */
@media (min-width: 1024px) and (hover: hover) {
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:hover > .item_link .link_text::after {
		transform: scaleX(1);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.menu-item-2736:hover > .item_link {
		background: var(--ivx-cab-ouro);
	}

	/* o tema pinta o texto do item em hover com #d2ad41 !important; no botão dourado ele precisa ficar escuro */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.menu-item-2736:hover > .item_link .link_text {
		color: var(--ivx-cab-preto) !important;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li > .mega_dropdown > li:hover > .item_link {
		box-shadow: inset 2px 0 0 var(--ivx-cab-ouro);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__btn:hover {
		border-color: var(--ivx-cab-ouro);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__op:hover {
		background: rgba(212, 175, 55, 0.12);
	}
}

/* ================= CELULAR / TABLET (menu de hambúrguer) ================= */
@media (max-width: 1023px) {

	/* botão do hambúrguer: alvo de 44px */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle {
		min-width: 48px;
		text-align: center;
		cursor: pointer;
	}

	/* lista aberta: tipografia da marca, linhas de 52px */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link {
		display: flex;
		align-items: center;
		min-height: 52px;
		padding: 0 20px;
		border-bottom: 1px solid #ece7da;
		font-family: var(--ivx-cab-fonte);
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 0.12em;
		line-height: 1.3;
		text-transform: uppercase;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link .link_content,
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link .link_text,
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li > .mega_dropdown > li > .item_link .link_text {
		font: inherit;
		letter-spacing: inherit;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.keep_open > .item_link {
		box-shadow: inset 3px 0 0 var(--ivx-cab-ouro);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li > .mega_dropdown > li > .item_link {
		display: flex;
		align-items: center;
		min-height: 48px;
		padding: 10px 20px 10px 32px;
		font-family: var(--ivx-cab-fonte);
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.1em;
		line-height: 1.4;
	}

	/* ---------- submenus: seta de abrir/fechar em cada item que tem submenu ----------
	 * O cabecalho.js põe um <button class="ivx-sub__btn"> no fim de cada li com submenu e liga .ivx-sub-pronto no menu.
	 * Sem JS, nada daqui vale e fica o comportamento do Mega Main Menu. */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto li.menu-item-has-children {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto li.menu-item-has-children > .item_link {
		flex: 1 1 0;
		min-width: 0;
		order: 0;
	}

	/* a seta do tema (triângulo branco, invisível no fundo branco) sai: a seta nova fica no botão */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto li.menu-item-has-children > .item_link::after,
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto .mega_dropdown > li.menu-item-has-children > .item_link::before {
		display: none;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto li.menu-item-has-children > .ivx-sub__btn {
		display: flex;
		flex: 0 0 56px;
		align-items: center;
		justify-content: center;
		order: 1;
		min-height: 48px;
		margin: 0;
		padding: 0;
		border: 0;
		border-left: 1px solid #ece7da;
		border-radius: 0;
		background: transparent;
		color: var(--ivx-cab-ouro-esc);
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	/* 1º nível: mesma linha de baixo do item, para o botão fazer parte da linha */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto > .menu_holder > .menu_inner > ul > li.menu-item-has-children > .ivx-sub__btn {
		border-bottom: 1px solid #ece7da;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto li.menu-item-has-children > .ivx-sub__btn .ivx-sub__seta {
		width: 14px;
		height: 14px;
		color: var(--ivx-cab-ouro-esc);
		transition: transform 0.25s ease;
	}

	/* no 2º nível o tema pinta ".mega_dropdown li *" de #222, e isso pega o <path> da seta */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto li.menu-item-has-children > .ivx-sub__btn .ivx-sub__seta path {
		color: var(--ivx-cab-ouro-esc);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto li.menu-item-has-children > .ivx-sub__btn[aria-expanded="true"] .ivx-sub__seta {
		transform: rotate(180deg);
	}

	/* submenu: só abre pelo estado do botão (o :hover "grudado" do toque e o keep_open do plugin não abrem mais) */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto li.menu-item-has-children > .mega_dropdown {
		display: none;
		flex: 0 0 100%;
		order: 2;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto li.menu-item-has-children.ivx-sub-aberto > .mega_dropdown {
		display: block;
		/* fio dourado continua o do item aberto e agrupa os filhos */
		box-shadow: inset 3px 0 0 var(--ivx-cab-ouro);
		animation: ivx-sub-entra 0.2s ease-out;
	}

	/* item aberto: fio dourado à esquerda + fundo levemente quente */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto li.ivx-sub-aberto > .item_link {
		box-shadow: inset 3px 0 0 var(--ivx-cab-ouro);
	}

	/* o tema pinta o texto do item em :hover com #d2ad41 !important (CSS inline do Redux). No toque o :hover "gruda"
	 * e o dourado claro sobre o branco fica em 2,1:1 (axe: color-contrast sério). No celular o texto fica preto;
	 * quem marca o item aberto é o fio dourado + a seta. */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:hover > .item_link .link_text {
		color: var(--ivx-cab-preto) !important; /* só vence o !important do tema com !important */
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto > .menu_holder > .menu_inner > ul > li.ivx-sub-aberto > .item_link,
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary.ivx-sub-pronto > .menu_holder > .menu_inner > ul > li.ivx-sub-aberto > .ivx-sub__btn {
		background: #f8f4ea;
	}

	/* idioma no celular: rótulo + uma linha de siglas (toque direto, sem abrir lista) */
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.ivx-idioma {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px;
		padding: 14px 20px 18px;
		background: #fff;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__btn {
		display: none;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary li.ivx-idioma::before {
		content: "Idioma";
		flex: 0 0 100%;
		margin-bottom: 2px;
		color: #6b5a2e;
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.16em;
		text-transform: uppercase;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary ul.ivx-idioma__lista {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__op {
		justify-content: center;
		width: auto;
		min-width: 56px;
		padding: 0 14px;
		border: 1px solid #d9d2c0;
		color: var(--ivx-cab-preto);
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__nome {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__sigla {
		font-size: 12px;
	}

	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary .ivx-idioma__op[aria-current="true"] {
		border-color: var(--ivx-cab-preto);
		background: var(--ivx-cab-preto);
		color: #fff;
	}
}

@keyframes ivx-sub-entra {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	html body.ivx-menu-novo.myhome-body div #mega_main_menu.mh-primary * {
		transition: none;
		animation: none;
	}
}