/* H E A D E R */
$bWidth = 100% / 8 //calc(100% / 6)

header
	position absolute
	width 100%
	z-index 100
	color $cColor_Header
	left 0
	top 0
	//bottom -27px
.header--item
	float left
	width $bWidth
	border-right 1px solid alpha(blanco, 0.6)
	height 4.250rem
	&:first-child
		i
			line-height 5.250rem
			color blanco
	&.logo
		width ($bWidth * 4)
		padding 0 $default
		bottom -29px
		a
			display block
			height 100%
			position relative
			
			img
				{absoluteCenter}
				max-width 275px
	
	&.carrito
	&.divisa
		position relative
		button
			{squareBtn}
			font-size 1rem
		
		.badge
			top 10px
			right 10px
			background-color white
			color  #491149
			
	&.lang
		img
			display inline-block
			vertical-align middle
		.dropdown-menu
			max-width emify(50px)
			&:before
				border-bottom-color $bColor_mainNavDropdown
	&:nth-of-type(5)
		border 0 none
	.dropdown-menu
		background-color $bColor_mainNavDropdown
		color blanco
//
//	M I N - W I D T H : 768px equal to Tablet portrait
//
@media (min-width : 48.000em)
	header
		.container
			max-width 2000px
		
	.header-bottom
		float left
		width 100%
	.header--item
		&.divisa
			button
				font-size 1.6rem
	.is_fixed
		position fixed
		background-color $bColor_HeaderDesktop
		transition background-color 0.5s ease-in
		animation-fill-mode forwards
		
		&.added
			animation-play-state running
			animation-timing-function ease
			animation-fill-mode backwards
			animation reload 1s ease
//
//	M I N - W I D T H : 990px equal Tablet lanscape to Desktop
//

@media (min-width : 61.875em)
	@keyframes reload
		0% 
			transform translateY(remify(-52px))
		100%
			transform translateY(0)
	@keyframes reloadback
		100%
			transform translateY(remify(-52px))
	
	.is_fixed
		position fixed
		background-color $bColor_HeaderDesktop
		transition background-color 0.5s ease-in
		animation-fill-mode forwards
		
		&.added
			animation-play-state running
			animation-timing-function ease
			animation-fill-mode backwards
			animation reload 1s ease


		// .header-bottom
		// 	max-height emify(80px)
	// .header-bottom
	// 	transition background-color 0.5s ease-in
	// 	width 100%
	// 	position relative
	// 	z-index 1
	// 	&.is_fixed
	// 		position fixed
	// 		left 0
	// 		top 0
	// 		background-color $bColor_HeaderDesktop
	// 		padding-top $default
	// 		padding-bottom $default
	// 		max-height emify(80px)