/*
------------------
Skip to main content
------------------
*/

.ev-skip-link {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	outline: 0;
}

.ev-skip-link:focus {
    position: fixed;
    width: auto;
    height: auto;
	top: 0;
    padding: 15px;
    border: 2px solid #000000;
    font-weight: 700;
    text-decoration: none;
	
    overflow: auto;	
    z-index: 99999999999999999999999999999;
	
    background-color: #FFFFFF;
	color: #000000;
}

.ev-skip-link:visited {
    color: #000000;
}

/*
------------------
Base
------------------
*/

/*
*/

:root {
	--ev-header-body-width: calc((var(--ev-body-width-number) / 16) * 1rem);
}

.ev-header {
	position: sticky;
	top: 0;
    width: 100%;
    border: 0;
    text-align: center;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
}

.ev-header .ev-body {
	width: var(--ev-header-body-width);
	max-width: 100%;
}

.ev-header .ev-botoes {
	flex: 1;
	justify-content: flex-end;
	gap: 20px;
}

.ev-header-items {
	padding-top: var(--ev-screen-margin);
	padding-bottom: var(--ev-screen-margin);
}

.ev-header-logo-link {
	display: flex;
	align-items: center;
}

.ev-header-logo-link img {
	display: block;
	width: auto;
	height: 44px;
}

/*
------------------
Botões
------------------
*/

/*		Todos		*/

.ev-header .ev-botao {
	min-height: 44px;
	padding: 0;
}
/*		Primary		*/

.ev-header .ev-botao-vermelho,
.ev-header .ev-botao-cinzento {
    max-width: 17.587ch;
}

.ev-header .ev-botao-bordered {
	max-width: 21.6ch;
}

/*		Botão "Entrar" para mobile + Menu do Header	*/

.ev-header .buttonStyle4 {
	display:none;
}

/*
------------------
Sub-menu
------------------
*/

/* Base */

#ev-header-submenu {
	position: absolute;
	width: 100%;
	height: 100%;

	top: 74px; /* Fallback */
	top: var(--main-header-height);
	left: 0;

	display: flex;
	justify-content: center;
}

#ev-header-submenu.ev-header-submenu-open {
	pointer-events: auto;
}

#ev-header-submenu.ev-header-submenu-initial,
#ev-header-submenu.ev-header-submenu-closed {
	pointer-events: none;
}

.ev-header-submenu-backdrop {
	position: fixed;
	top: 0%;
    left: 0%;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
}

.ev-header-submenu-backdrop.--ev-header-submenu-open {
	opacity: 1;
	cursor: pointer;
}

.ev-header-submenu-container {
    position: absolute;
    width: min(100%, var(--ev-header-body-width));
    padding: 0 15px;
    display: flex;
    justify-content: end;
	pointer-events: none; /* Mantém o backdrop clicável para fechar o sub-menu... */
}

.ev-header-submenu-flyout {
	pointer-events: auto; /* ...e isto mantém o próprio sub-menu clicável, que tinha sido desativado pelo pointer-events do container */
    width: 532px;
    max-width: 100vw;
	background-color: #FFFFFF;
}

#ev-header-submenu.ev-header-submenu-initial .ev-header-submenu-flyout {
	/*
	Initial transform state, before that is handled 
	by any of the CSS animations below.
	*/
	transform: translateY(-100%);
}

#ev-header-submenu, #ev-header-submenu-container, #ev-header-submenu-flyout {
	overflow-y: auto;
}

@keyframes submenuSlideTop {
    from {
        transform: translateY(-100%);
		box-shadow: 0 0 0 0 rgba(0,0,0,0);
    } to {
        transform: translateY(0%);
		box-shadow: 0 8px 18px -8px rgba(0,0,1,1);
    }
}

@media (prefers-reduced-motion: no-preference) {
	.anim26-preset-headerSubmenuFromTop {
		/* Estado inicial */ 
		transform: translateY(-100%);
		box-shadow: 0 0 0 0 rgba(0,0,0,0);

		animation-name: submenuSlideTop;
		animation-direction: normal;
		animation-fill-mode: forwards;
	}

	.anim26-preset-headerSubmenuToTop {
		/* Estado inicial */ 
		transform: translateY(0%);
		box-shadow: 0 8px 18px -8px rgba(0,0,1,1);

		animation-name: submenuSlideTop;
		animation-direction: reverse;
		animation-fill-mode: forwards;
	}
}

@media (prefers-reduced-motion: reduce) {
	.anim26-preset-headerSubmenuFromTop {
		transform: translateY(0%);
		box-shadow: 0 8px 18px -8px rgba(0,0,1,1);
	}

	.anim26-preset-headerSubmenuToTop {
		transform: translateY(-100%);
		box-shadow: 0 0 0 0 rgba(0,0,0,0);
	}
}

@media (max-width: 35.125rem) { /* Size of flyout (532px) + lateral padding (30px) */
	.ev-header-submenu-container {
		padding: 0;
		justify-content: center;
	}
}


.ev-header-submenu-btn {
	position: relative;
	width: 100%;
	padding: 15px;
	background-color: #FFFFFF;
	font-size: 19px;
	color: #000000;
	text-align: left;
	padding-right: calc((15px * 4));

	background-repeat: no-repeat;
	background-image: url(/themes/ev/assets/images/Global/2025/go_icone.svg);
	background-size: 12px;
    background-position: calc(100% - 24px);
}

.ev-header-submenu-btn:focus-visible {
	outline: none;
}

.ev-header-submenu-btn:hover,
.ev-header-submenu-btn:focus-visible {
	cursor: pointer;
	text-decoration: underline;
	text-decoration-thickness: 0.15em;
	text-underline-position: under;
}

.ev-header-submenu-link-mobile1, .ev-header-submenu-link-mobile2 {
	display: none;
}

.ev-header-submenu-accordion-content {
	background-color: #efefef;
}

.ev-header-submenu-accordion-listitem {
	position: relative;
	width: 100%;
	font-size: 19px;
	color: #000000;
	text-align: left;
}

.ev-header-submenu-accordion-listitem a,
.ev-header-submenu-accordion-listitem a:visited {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-position: under;
  color: #000000;
}

.ev-header-submenu-accordion-listitem a:hover{
  text-decoration-thickness: 0.15em;
}

.ev-header-submenu-accordion-content ul {
	padding: 12px 15px 15px 30px;
}

.ev-header-submenu-accordion-content ul > .ev-header-submenu-accordion-listitem + .ev-header-submenu-accordion-listitem {
	margin-top: 17px; /* 15px + 2px para o underline */
}


.ev-header-submenu-flyout .ev-accordion > .ev-header-submenu-btn {
	line-height: 1.6;
	background-size: 30px;
	background-position: calc(100% - 15px);
	background-image: url("/themes/ev/assets/images/Global/mais.svg");
}
.ev-header-submenu-flyout .ev-accordion > .ev-header-submenu-btn[aria-expanded="true"] {
	color: var(--ev-colorvalue-vermelho);
	font-weight: 600;
	background-image: url("/themes/ev/assets/images/Global/menos.svg");
}

.ev-header-submenu-flyout .ev-accordion > .ev-header-submenu-btn + .ev-header-submenu-accordion-content {
	height: 0;
	padding: 0;
	overflow-y: hidden;
}

.ev-header-submenu-flyout .ev-accordion > .ev-header-submenu-btn[aria-expanded="true"] {
	color: var(--ev-colorvalue-vermelho);
	font-weight: 600;
	background-image: url("/themes/ev/assets/images/Global/menos.svg");
}

.ev-header-submenu-flyout .ev-accordion > .ev-header-submenu-btn[aria-expanded="true"] + .ev-header-submenu-accordion-content {
	height: auto;
}

@media (prefers-reduced-motion: no-preference) {
	.ev-header-submenu-accordion-content {
		transition: 500ms height;
	}

	.ev-header-submenu-backdrop {
		transition: 1000ms opacity;
	}
}



/*
	Botão sub-menu
*/

#ev-header-botao-submenu {
	/* Sem EVPagina inicializada */
	display: none;
}

#ev-header-botao-submenu[aria-expanded] {
	/* Com EVPagina inicializada */
	display: block;
	background: none;
	aspect-ratio: 1;
	height: 100%;
	border: 2px solid transparent;
	border-radius: 1.5ch;
	padding: 2px;

	background-repeat: no-repeat;
	background-size: auto 24px;
	background-position: center;
}

#ev-header-botao-submenu[aria-expanded="true"] {
	background-image: url(/themes/ev/assets/images/Global/menu20s.svg);
}

#ev-header-botao-submenu[aria-expanded="false"] {
	background-image: url(/themes/ev/assets/images/Global/menu20.svg);
}

#ev-header-botao-submenu[aria-expanded]:hover {
	border-color: #000000;
}

img.burgerOn,
img.burgerOff {
    display: block;
    height: 24px;
    max-height: 100%;
    width: auto;
    margin: auto;
}

#ev-header-botao-submenu[aria-expanded="true"] img.burgerOff,
#ev-header-botao-submenu[aria-expanded="false"] img.burgerOn {
	display: none;
}

/*
------------------
Stacking
------------------
*/

/* Keep backdrop above content, including back to top menu */

#ev-header-main {
	z-index: +3;
}

#ev-header-submenu, .ev-header-submenu-container {
	z-index: +2;
}

/*
------------------
Queries
------------------
*/

@media (max-width: 984px) {
	.ev-header {
		max-height: var(--ev-header-maxHeight);
	}

	.ev-header .ev-botoes {
		gap: 10px;
	}

	.ev-header .ev-botoes > *:not(.buttonStyle4, #ev-header-botao-submenu) {
		display:none;
	}
	
    .ev-header .buttonStyle4 {
		display: block;
		width: 44px;
		aspect-ratio: 1;
		height: 100%;
		border: 2px solid transparent;
		border-radius: 1.5ch;
		padding: 2px;

		background-image: url(/themes/ev/assets/images/Global/2025/sair_icone.svg);
		background-repeat: no-repeat;
		background-size: auto 28px;
		background-position: center;
    }

    .ev-header .buttonStyle4 img {
        width: auto;
        height: 31px;
        display: block;
        margin: auto;
    }

	.ev-header .buttonStyle4:hover {
		border-color: #000000;
	}

	.ev-header-submenu-link-mobile1 {
		display: block;
	}
}

@media (max-width: 350px) {
	.ev-header .buttonStyle4 {
		display: none;
	}

	.ev-header-submenu-link-mobile2 {
		display: block;
	}
}

@supports (container-type: inline-size) {
	.ev-header {
		container-type: inline-size;
	}

	@container (max-width: 60rem) {
		.ev-header .ev-botoes > *:not(.buttonStyle4, #ev-header-botao-submenu) {
			display:none;
		}
	
		.ev-header-submenu-link-mobile1 {
			display: none;
		}
	}
}

/*
------------------
Common Styles Overrides
------------------
*/

html {
	scroll-padding-top: calc(74px + var(--ev-focusoutline-offset) + var(--ev-focusoutline-width));
}