/*Cambiar iconos de carrito: f07a f290 f847 f49c f49d*/
.fa-shopping-cart:before { content: "\f290"!important; font-weight:var(--weight-fa); }

/*Cambiar iconos de carrito: f007 f0c0 f2bd f508 f582 f406 f7bd*/
.fa-user:before { content: "\f007"!important;  font-weight:var(--weight-fa);}
.fa-search:before{font-weight:var(--weight-fa);}

header{border-bottom:1px solid rgba(0,0,0,0.1);}

/* Estilo para diseņo 1B */
/*
.tiendaPortada:not(.tiendacatalogo) header{position:absolute;top:0;left:0;width:100%; z-index:2; border:0;background:none;}
*/

/* PreHeader */
header .preHeader { background: #f0f0f0;display:none; }
header .preHeader .preHeaderCont { padding: 4px 8px; display: flex; justify-content: space-between; align-items: center; font-weight: normal; font-size: 12px; line-height: 140%; max-width: var(--max-width); margin: 0 auto; }
header .preHeader .preHeaderCont .phcLeft { }
header .preHeader .preHeaderCont .phcLeft p { text-transform: uppercase; font-weight: var(--bold1); color: #333; font-size: 15px; }
header .preHeader .preHeaderCont .phcRight { flex-shrink: 0; margin-left: 12px; display: flex; flex-flow: row wrap; align-items: center; }


/*Header*/
header .header { position: relative; max-width: 100%; }
header .header .headerCont { padding:12px; display: flex; justify-content: space-between; align-items: center; max-width: var(--max-width); margin: 0 auto; }
header .header .btnmenu { padding: 0; display: none; align-items: initial; position: relative; z-index: 6; transform: translateX(0); background-color: transparent; transition: all 300ms ease; }
header .header .btnmenu:first-child { margin-right: 12px}
header .header .btnmenu:last-child { margin-left: 12px;}
header .header .fndmenu { display: block; width: 0%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 2; transition: opacity 300ms ease; opacity: 0; padding: 0; }
header .header .headerCont .hcLeft { margin-right: 20px; max-width: 100%; flex-shrink: 0; display: flex; align-items: center;}
header .header .headerCont .hcLeft .hcLogo { /*width: 100%;*/ }
header .header .headerCont .hcLeft .hcLogo a { }
header .header .headerCont .hcLeft .hcLogo a img { display: block; max-width: 240px; width: 100%; }
header .header .headerCont .hcCenter { display: flex; justify-content: center; width: 100%; }

/* Carrito */
#cart {margin-left: 30px;font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0;position: relative;}
#cart > a { text-decoration: none; display: flex; line-height: 28px; border: 0;  overflow: visible; align-items: center; position: relative; color:#333;  }
#cart > a i { font-size: 26px; width: 28px; height: 28px; text-align: center; display: inline-flex; justify-content: center; align-items: center; color:var(--primary); border-radius: var(--radius1);}
#cart > a > span { padding: 0; }
#cart .cant{ width: 15px; height: 15px;font-size: 11px; border-radius: 50%; background: #666; display: block; color: white; display: flex; align-items: center; justify-content: center; position:absolute;bottom:-4px;right:-6px;}
#cart > a > span span:last-child{display:none;}


/* Usuario */
#user { margin-left: 20px; font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0; position: relative;}
#user > a { text-decoration: none; display: flex; line-height: 28px; border: 0; overflow: hidden; align-items: center; color: #333; }
#user a i:not(#btLogout) { font-size: 26px; width: 28px; height: 28px;  text-align: center; display: inline-flex; justify-content: center; align-items: center;  color:var(--primary); border-radius: var(--radius1); }
#user a #btLogout { margin: 4px 16px 4px 0; font-size: 12px; }
#user a > span{display:none;}
#login_box:after{right:5px;}

/*Buscador*/

#search .searchBar { position: relative;}
#search .searchBar input {width: 100%;font-size: 15px; line-height: 24px; margin: 0; background:#eee; border:0; padding:8px 8px 8px 46px; border-radius:30px; color:#333;}
#search .searchBar input:focus { outline: none; border-color: #b1c5ff; }
#search .searchBar a { display: block; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #666; font-size: 20px;text-decoration:none; }
#search .searchBar a i{font-weight:300; color:#333;}
#searchbtn a i { font-size: 22px; width: 32px;height: 32px;  }

.navTrigger{background:#eee; border-radius:50%; height:38px; width:38px; padding:8px;}
.navTrigger i{ background-color:#666;}

header .menu{display:none;}
header .header .btnmenu{margin-right:20px;}


header .header .headerCont .hcLeft{align-items:initial;}
header .header .headerCont .hcLeft .mcPrincipal{margin-right:20px;}
header .header .headerCont .hcLeft .mcPrincipal .navTrigger{display:flex;}
header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger{padding:0;}
header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger span{display:none;}
header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger:after,
header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger:before{display:none;}

.langSelector{margin-left:30px;}

/*################
##### 1 0 2 3 ####
################*/
@media screen and (min-width: 1024px) {
    #cart .cart-prod-list:after{right:5px;}
   #cart .cart-prod-list,#login_box{top:calc(100% + 16px);}

}

@media screen and (max-width: 1023px) {
    header .header .headerCont .hcLeft .hcLogo a img{max-width:220px;}
    #cart{margin-left:8px;}
    #user{margin-left:8px;}
    .langSelector{margin-left:12px;}
    #cart > a i{width:32px; height:32px;font-size:22px; align-items:center; } 
    #user a i:not(#btLogout){width:32px; height:32px;font-size:22px; } 
    header .header .btnmenu:last-child{margin-left:12px;}
    header .header .btnmenu:first-child{margin-right:12px;}
    #cart .cant{ right:-2px;}
    header .header .headerCont .hcCenter{justify-content:flex-end;}
      .searchCont{width:auto;}

}

/*################
#####  9 6 0  ####
################*/
@media screen and (max-width: 960px) {
 
}

/*################
#####  7 6 8  ####
################*/
@media screen and (min-width: 769px) {
    .cd-dropdown{top:calc(100% + 12px);}
    
}

@media screen and (max-width: 768px) {
    header .header .headerCont .hcLeft{align-items:center;}
    header .header .headerCont .mcPrincipal{display:none;}
    header .header .btnmenu{display:flex;}
    header .header .headerCont .hcRight .langSelector{display:none;}
    .langSelector{margin:0;}
}

/*################
#####  6 4 0  ####
################*/
@media screen and (min-width: 640px) {
        
}

@media screen and (max-width: 640px) {

   header .header .headerCont .hcLeft .hcLogo a img{max-width:190px;}
}

/*################
#####  4 8 0  ####
################*/
@media screen and (max-width: 480px) {
    

}