/* HEADER */
.header-bar{ background:var(--bs-primary); padding:6px 0 8px 0; text-align:center;min-height:29px; color:#FFFFFF; }
.header-bar p{ color:inherit; font-size:.75rem; margin:0; line-height:1.2; }
.header-bar a{ color:inherit; text-decoration:none; font-size:.75rem; }

.header{ position:fixed; width:100%; z-index:2; background-color:var(--bs-primary); padding:0 0 10px 0; }
.header.scroll{ box-shadow:0 5px 10px 0px #00000010; }
.header .container{ overflow:visible; }
.header-container{ z-index:50; display:flex; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:spacer-between; -ms-flex-pack:justify; justify-content:spacer-between; }
.header-burger{ position:absolute; top:2rem; right:0.5rem; height:2.4rem; width:2.4rem; display:block; }
.header-logo{ text-align:center; align-items:center; height:80px; }
.header-search{ display:none; position:relative; width:100%; }
.header-search-mobile{ display:block; position:relative; width:100%; padding:20px 0 10px 0; }
.header-icon{ flex:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; }

.header-menu-bar{ position:relative; width:100%; }
.header-menu{ position:fixed; left:0; right:100%; top:0; bottom:0; z-index:90; background:#0000009e; overflow:hidden; transition:all .2s ease-in; }
.header-menu.on{ right:0; }
.header-menu-close{ position:fixed; left:300px; width:300px; top:0; bottom:0; display:none; }
.header-menu-user{ position:relative; display:inline-block; padding:2rem 1rem 0 1rem; }
.header-menu-user .user-header{ display:inline-block; z-index:120; }
.header-menu.on .header-menu-close{ display:block; z-index:120; }
.header-menu-small{ position:relative; top:0px; left:-1.5rem; height:2.3rem; width:calc(100% + 3rem); padding:0.5rem 0 0 0.7rem; overflow:visible; background-color:unset; box-shadow:0px 5px 5px rgb(0 0 0 / 6%); }
.header-space{ display:block; position:relative; height:5.5rem }
.header::before{ content:""; position:absolute; display:block; left:0; width:100%; height:10rem; top:-10rem; background-color:var(--bs-primary); z-index:100; }

@media all and (min-width:920px){
	.header{ position:fixed; width:100%; z-index:40; height:8.6rem; padding:0; }
	.header-container{ display:flex; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:spacer-between; -ms-flex-pack:justify; justify-content:spacer-between; z-index:100; }
	.header-burger{ display:none; }
	.header-logo{ flex:1; display:table; vertical-align:middle; height:90px; }
	.header-search{ flex:3; display:block; padding:0; z-index:100; margin-left:2rem; }
	.header-search-mobile{ display:none; }
	.header-icon{ flex:1; }
	.header-menu-bar{ position:relative; width:100%; background-color:var(--bs-secondary); height:3rem; }
	.header-menu{ position:relative; top:0px; left:0; right:0; height:auto; overflow:visible; padding:0; background-color:unset; }
	.header-menu-user{ display:none; }
	.header-menu-close{ display:none; }
	.header-menu-small{ display:none; }
	.header-space{ height:8.6rem; }
	.header-checkout{ height:115px; }
	.header-checkout .header-logo{ display:inline-block; }
	.header-checkout ~ .header-space{ height:115px; }
}

.navbar-toggler-custom{ padding:0; border:0; background:none; vertical-align:middle; }
.navbar-toggler-custom:focus{ outline:transparent; }

.header-logo .logo{ display:table-cell; width:100%; padding:0 0 0 0; margin:0 auto; height:100%; vertical-align:middle; }
.header-logo .logo a{ display:inherit; font-size:36px; font-weight:500; height:100%; color:var(--bs-primary); }
.header-logo .logo a img{ height:70px; width:auto; margin:10px 0; }
.header-checkout .header-logo .logo{ display:inline-table; }

.nav-burger-button{ width:30px; height:17px; position:relative; margin:0; cursor:pointer; }
.nav-burger-button span{ display:block; position:absolute; height:3px; width:100%; background:var(--bs-primary); border-radius:20px; opacity:1; left:0; -webkit-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); }
.nav-burger-button span{ top:0; -webkit-transform-origin:left center; -ms-transform-origin:left center; transform-origin:left center; }
.nav-burger-button span:nth-child(2){ top:7px; }
.nav-burger-button span:nth-child(3){ top:14px; }

.header.open-menu .header-menu{ left:0; opacity:0.8; }
.header.open-menu .header-menu-nav{ left:0; opacity:0.9; }
.header.open-menu .nav-burger-button span:nth-child(1){ -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); top:-4px; left:0px; }
.header.open-menu .nav-burger-button span:nth-child(2){ width:0%; opacity:0; }
.header.open-menu .nav-burger-button span:nth-child(3){ -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); top:17px; left:0px; }

.menu-top-item-texto{ color:#FFFFFF; }
.menu-top-item-texto:hover{ color:#DDDDDD; }
.menu-top-sub-item{ color:#4D4D4D; }
.menu-top-sub-item:hover{ color:#227b80; }

.nav-icon{ display:flex; justify-content:flex-end; align-items:center; margin-left:3rem; }
.nav-icon .top-login{ margin:0}