/* MODULO LISTADO PRODUCTOS  */

    #header.cab3 .icoMenu{opacity: 0;pointer-events:none;}

    .pagListadoProd {background-image: url(../static/banners/background_slider.jpg);background-color:transparent;}
    .modListado.wrapper {width: calc(100% - 0px);} 
    
    .modListado .main-content{padding:0;margin:0 auto;text-align:center}
     .mod_productList.cl4 ul {display: flex;-webkit-box-pack: center;justify-content: flex-start;-webkit-box-align: stretch;align-items: stretch;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row wrap;align-content: space-between;width: 100%;margin-right: auto;margin-left: auto;}    
     .mod_productList li {position:relative;text-align:left;-webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,.6);box-shadow: 0 1px 1px -1px rgba(0,0,0,.6);background-color: #fff;flex: 0 0 auto;cursor:pointer;box-sizing: border-box;margin: 3px;padding:0 9px 10px 9px;flex: 1 1 calc(50% - 6px);max-width: calc(50% - 6px);-webkit-box-flex: 0;flex: 0 1 1;box-sizing: border-box;list-style: none;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: justify;justify-content: space-between;}
     .mod_productList.cl2 li  { -webkit-box-flex: 1;-webkit-flex: 1 1 calc(100% - 6px);-ms-flex: 1 1 calc(100% - 6px);flex: 1 1 calc(100% - 6px);max-width: calc(100% - 6px);margin:6px 5px;}
     .mod_productList li:after{content: "";position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.6);box-shadow: 0 2px 5px -1px rgba(0,0,0,.6);-webkit-transition: opacity .3s ease;transition: opacity .3s ease;pointer-events: none;}

     .mod_productList .actions button span{font-size:12px;font-weight:600;}
     .mod_productList .actions button span:first-child{text-align:left;padding-left:15px}
     .mod_productList .actions button span.price{right:15px;}

    @media (pointer: fine) {
         .mod_productList li:after {content: "";position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.6);box-shadow: 0 2px 5px -1px rgba(0,0,0,.6);-webkit-transition: opacity .3s ease;transition: opacity .3s ease;pointer-events: none;}
         .mod_productList li:hover:after {opacity: 1;}
    }

     .mod_productList li .wraperLi > * {  flex: 0 0 auto;}

     .mod_productList li .infoProduct  {text-transform:capitalize;position:absolute;top:10px;right:10px;font-family: 'Open Sans',sans-serif;font-size: 10px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #231f20;border-radius: 15px;background-color: #e9ebee;padding:8px 10.5px;z-index:2}
     .mod_productList li .imageProduct {position: relative;width: 100%;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;overflow: hidden;padding-bottom: 68.66667%;cursor:default;}
     .mod_productList li .imageProduct img{max-width: 100%;height:auto;width:100%;position:absolute;top: 0;left: 0;bottom: 0;right: 0;min-width: 100%;}

     .mod_productList.cl2 li .imageProduct {padding-bottom: 38.57567%;max-height: 100%;height: auto;margin: 0 auto;width: 100%;width: calc(100% + 18px);left: -9px;text-align: center;cursor:pointer;}
     .mod_productList.cl2 li .imageProduct img {max-width: 100%;height: auto;display: block;vertical-align: middle;}

     .mod_productList li .titleProduct {padding-top:9px;width:100%;font-family: 'SharpSansSemiBold',Arial Narrow,Arial;font-size: 16px;font-weight: 600;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: -0.15px;color: #231f20;padding-bottom:12px}
     .mod_productList li .descProduct  {display:none;margin:10px 0 0px 0;margin:10px 0 0px 0;font-family: 'Open Sans',sans-serif;font-size: 13px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal; color: #6b6e79;cursor:default;}
     .mod_productList li .titleProduct,
     .mod_productList li .descProduct {padding-top:7px;/*-webkit-box-flex: 1;-webkit-flex: 1 1 0%;-ms-flex: 1 1 0%;flex: 1 1 0%;*/margin-top: auto;}
     .mod_productList.cl2 li .descProduct  {display:block;flex:inherit;}
     .mod_productList li .mod_product_select {width:100%;margin-top:27px;}
     .mod_productList li .mod_product_select.empty {display:block;min-height: 5px;margin-top: 10px;}
     .mod_productList li .mod_product_select.empty *{display:none!important;}

     /*.mod_productList li .mod_product_select.empty.full {display:none;}*/
     .mod_productList li .mod_product_select > p {width:100%;padding-bottom:5px;display:block;cursor:default;}
     .mod_productList li .mod_product_select > p span {font-family: 'Open Sans',sans-serif;font-size: 13px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.54;letter-spacing: normal;color: #231f20;display:block; padding-right:5px;display:none;}
     .mod_productList li .mod_product_select > p span::first-letter {display:inline-block;}
     
     .mod_productList li .mod_product_select > .select{margin-bottom:6px;display:block;min-height:36px;}
     .mod_productList li .mod_product_select .select .select_content{height:36px;background-color:#e9ebee;border-radius: 5px;border:none;display:none;}
     .mod_productList li .mod_product_select .select .select_label, 
     .mod_productList li .mod_product_select .select select {height:36px;min-height: 36px;line-height: 36px;}
     .mod_productList li .mod_product_select .select .select_button{height:34px;min-height:34px;line-height:34px;}
     .mod_productList li .mod_product_select .select select, 
     .mod_productList li .mod_product_select .select .select_label, 
     .mod_productList li .mod_product_select select option{font-family: 'Open Sans',sans-serif;font-size: 13px;font-weight: 600;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #231f20;width: calc(100% - 28px)!important;}
     .mod_productList li .mod_product_select .select .select_button_icon{background-color:#e9ebee;background-repeat: no-repeat;background-position: center;background-size: contain;height: 34px;}

     .mod_productList li .mod_product_select .select .select_label span, 
     .mod_productList li .mod_product_select .mod_addable_product .actions .select .select_label span{padding:9px 10px 0px 10px;}

     .mod_productList li .mod_product_select .select select {background-color: #e9ebee;padding:5px 10px;border-radius: 5px;padding-right: 25px;background-image: url(../static/ico/icon-select.svg);background-position: 96%;background-repeat: no-repeat;background-size: auto 50%;top: 0;opacity: 1;width: 100%!important;cursor:pointer;}

     .mod_productList li .actions, 
     .mod_productList li .mod_product_select.empty.full + .actions{padding:0;width:100%;margin-top: 27px; }
     .mod_productList li .mod_product_select + .actions{margin-top: auto;display:contents;overflow:initial}

    /*  MENU LISTADO   */
    .mod_product_subcategories_nav {display: none!important;}
    #header .ajusteMenu{    text-align: center;}
    #header .ajusteMenu .ajusteMobile{width: auto;display: inline-block;padding-left:15px;}
    
    #header .mod_product_categories_nav li{height: 52px;min-height:52px; min-width: 109px;}
    #header .mod_product_categories_nav li a{text-decoration:none;text-transform:capitalize;font-family: "SharpSansSemiBold",Arial Narrow,Arial;font-size: 16px;font-weight: 600;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: -0.15px;text-align: center;padding: 17px 15px 15px;text-align: center;line-height: 20px;color: #000;font-size:16.8px;}
    #header .mod_product_categories_nav li.actual a{text-decoration: none;background-color: #c8102e;color: #fff;background-image: url(../static/ico/bgMenu.jpg);background-size: auto 100%;width:100%;}
    #header .mod_product_categories_nav li.actual a:hover{text-decoration:underline;}

    .mod_productList {width: 100%;margin-right: auto;margin-left: auto;padding:5px 5px 15px 5px;}
    .mod_productList.cl2 {padding:7px 5px 15px 5px;}

/* CARRITO ESTRUCTURA */

    .layout .layout_catalog{padding-bottom: 125px;}
    .layout .layout_carrito {position: fixed;width:100%;z-index: 999;background:#fff;}
    .layout .layout_carrito.up {top: 0;right: 0;bottom: 0;left: 0;}
    
    #header.cab3 .ajusteMenu{display:none}
    .ajusteMenu + .btBackLogin.Link-Primary{position:absolute;right:12px;bottom:14px;display:none;}
    .pagListadoProd h1{font-size: 24px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #231f20;font-family: "SharpSansBold",Arial Narrow,Arial;padding:15px 0 0 10px;text-align:left;}

 /* CATALOGO  */
     body.productDetail  {background:none}
    .mod_ProductLanding{ background:#fff;position:relative;}
    .mod_ProductLanding .btBack{display:none}

    .mod_ProductLanding .productInfo {width:100%;padding-top:32px;padding-left:12px;position:relative;}
    .mod_ProductLanding .productInfo p {font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;color: #231f20;width:48.7%;z-index:9;position:relative;}
    .mod_ProductLanding .productInfo p.title { font-size: 24px;font-weight: bold;line-height: normal;color: #231f20;padding-bottom:20px;width:auto;}
    .mod_ProductLanding .productInfo p.title + p {min-height:120px;display:inline-block;}

    .mod_ProductLanding .productInfo .imagewrapper{position:absolute;right:0;top:53px;}
    .mod_ProductLanding .productInfo img {width: 465px;}
    .mod_ProductLanding .actions {text-align:right;margin:32px 0 0 0;padding-top:0;display: flex;flex-direction: column;}
    .mod_ProductLanding .actions button {max-width: 100%;width:100%;margin-left: 0px;margin-bottom: 20px;flex: 1 0 100%;}
    .mod_ProductLanding .actions button:nth-child(1) {order: 1;}
    .mod_ProductLanding .actions .select{margin:0 24px}

  /* mod alergeno  */

    .modAlergeno {display:none;background-image: url(../static/ico/alergenos.svg);background-repeat:no-repeat;background-size:32px;background-position:10px center;border: 1px solid rgb(238, 237, 239);box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 1px -1px;margin:5px 7px;align-items: center;background-color: #fff;}
    .modAlergeno p {padding: 10px 10px 10px 50px;color:#231F20;font-size:13px;line-height:20pt;}
    .modAlergeno p a {color: #78838c;padding-left:5px;}

    :lang(es-ES) .modAlergeno{display:block;}

    .mod_ProductLandingTunel:after {display: none;position: absolute;left: 0px;content: " ";top: 43px;width: 100%;height: 2px;border-bottom-width: 1px;}
    .mod_ProductLandingTunel .modShowBtCarrito{display:none;}
    .mod_ProductLandingTunel .btBack{display:none;width: 100%;margin-top:12px;padding: 0 0 13px 40px;cursor: pointer;font-size: 14px;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #000;}

  /* mod direccion HEADER */

    #header.cab3 .modDirection {position: absolute;top: 23px;padding-left: 22px;background-image: url(../static/ico/icon-tlinepin_h.svg);background-repeat: no-repeat;background-size: 19px;background-position: left center;}
    #header.cab3 .modDirection p {font-family: 'Open Sans', sans-serif;font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 2.1;letter-spacing: normal;text-align: left;color: #231f20;position: relative;clear:both;}
    #header.cab3 .modDirection p span{position:relative;float:left;cursor:pointer;}
    #header.cab3 .modDirection p span:before, 
    #header .modDirection span em:before {content:" ";position:absolute;left:0;bottom:3px;width:100%;height:1px;background-color:#dfdfe3;}
    #header.haShop .logo {right: auto;left: 12px;}
    #header          .modDirection {right:55px;}
    #header.hasLogin .modDirection {right:70px;}
    /*#header.hasLogin .modDirection {right:95px;}*/
    #header.cab3     .modDirection.tienda {background-image: url(../static/ico/ico_store.svg);padding-left: 25px;}
    #header.haShop   .modDirection {left:59px;top:15px;display:block;}
    #header.haShop   .modDirection span:first-child {display: none;cursor:default;}
    #header.haShop   .modDirection span:first-child:before {display: none}
    #header          .modDirection span:first-child + span { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right:5px;}

    #header .modDirection span:first-child + span {max-width:calc(100% - 15px );width:auto;}
    #header.hasLogin .modDirection span:first-child + span {max-width:calc(100% - 35px );width:auto;}
    #header.hasLogin .modDirection span:first-child + span + span{}
    #header.haShop   .modDirection span.toPickup{text-transform: capitalize;}
    #header          .modDirection span:first-child + span.toPickup{max-width:100%;}
    #header.hasLogin .modDirection span:first-child + span.toPickup{max-width:calc(100% - 25px );}

    #header .modDirection span em {font-style: normal;position:relative;cursor:pointer;}

    /* mod modFeedback */
    .modFeedback{min-height: 55px;padding:19px 0 19px 36px;background-color: #fed03b;background-image:  url(../static/ico/icon_ok_b.svg);position:absolute;width:100%;background-repeat: no-repeat;background-size: 22px;background-position: 11px center;font-size: 14px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.13px;color: #231f20;display:none;}
    .modFeedback:after {position: absolute;right: 13px;top: 20px;content: " ";pointer-events: auto;background: #fff url(../static/ico/close_b.svg) no-repeat center / 17px;width: 17px;height: 17px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;opacity: 0.5;}

/* media query especial por disenadora */
@media (min-width: 360px) {
    #header.cab3 .modDirection p {font-size: 12px;line-height: 1.75;}
    #header.cab3 .modDirection p span:before {bottom:0px}
    #header .modDirection span em:before {bottom:-2px}
}

@media (min-width: 640px) {
    .mod_productList {max-width: 640px;}
    .mod_productList li{margin: 6px;-webkit-flex-basis: calc(33.3% - 12px);-ms-flex-preferred-size: calc(33.3% - 12px);flex-basis: calc(33.3% - 12px);max-width: calc(33.3% - 12px);}
    .modAlergeno {margin:5px 8px}
}

/*TABLET*/

@media (min-width: 768px){
 
    .layout{width:100%;}

    .mod_ProductLandingTunel .btBack {display:inline-block}
    .layout .layout_catalog {width: 100%;float: left;}
    .layout .layout_carrito {top: auto;right: auto;bottom: auto;left: auto;width: 350px;}

    .mod_productList {max-width: 768px;}

    #header .wrapper .ajusteMenu .ajusteMobile {width: 100%;}

    /* CATALOGO  */
    
    .mod_ProductLanding .actions {text-align:right;margin-top:20px;margin-right:5px;}
    .mod_ProductLanding .productInfo {width:100%;height:380px;padding-top:23px;padding-left:15px;position:relative;}
    .mod_ProductLanding .actions {text-align:right;margin-top:20px;margin-right:24px;}
    .mod_ProductLanding .actions button {max-width:207px;}

    .mod_ProductLandingTunel .btBack{padding: 0 0 13px 15px;}

    .pagListadoProd h1 {padding: 24px 0 5px 15px;text-align:left;}

    .mod_productList     {max-width: 960px;padding:5px 5px 0 5px;}
    .mod_productList.cl2 {padding:5px}
    .mod_productList.cl2 li{-webkit-box-flex: 1;-webkit-flex: 1 1 calc(50% - 12px);-ms-flex: 1 1 calc(50% - 12px);flex: 1 1 calc(50% - 12px);max-width: calc(50% - 12px);-webkit-flex-basis: calc(50% - 12px);-ms-flex-preferred-size: calc(50% - 12px);flex-basis: calc(50% - 12px);}

/*  .mod_productList.cl2 li .imageProduct {padding-bottom: 0;max-height: 167px;height: 167px;margin: 0 auto;text-align: center;width: 229px;}    */
    .mod_productList ul {display: flex;-webkit-box-pack: center;justify-content: flex-start;-webkit-box-align: stretch;align-items: stretch;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row wrap;align-content: space-between;}

    .mod_ProductLanding .productInfo p {width: 333px}
    .mod_ProductLanding .actions button{margin-bottom:0;margin-left:20px;flex: none;float: right;}
    .mod_ProductLanding .actions {text-align:right;margin-top:20px;margin-right:24px;display:block;padding-right:0;}
    .mod_ProductLanding .productInfo .imagewrapper{top:0;}
    .mod_ProductLanding .productInfo .imagewrapper img{width: 100%;}

    /*.mod_ProductLandingTunel:after {display: block;}*/

    /* header con tienda  */
    #header.haShop .logo {left:0;}
    #header.haShop .modDirection {left: inherit;top: 22px;}  
    #header.haShop .modDirection p{font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;}
    #header.haShop .modDirection span:first-child{display:inline-block;padding-right:5px;}
    #header.cab3 .mod_link_nav > li > a:before, #header .icoCart .cart:before {top: 30%;}
    #header.hasLogin .modDirection {right: 135px;}
    #header          .modDirection span:first-child + span { padding-right:5px;}
    #header .modDirection {right:75px;}
}

/*WEB*/

@media (min-width: 770px){

    #header.cab3 {min-height: 59px;height:59px}
    #header .wrapper .ajusteMenu .ajusteMobile {width: 100%;}
    #header .mod_product_categories_nav {margin: 0;display: block;flex-flow:inherit;clear: both;}
    #header .mod_product_categories_nav li {border: none;background: transparent;padding: 0;float: left;border-right: 1px solid #e9ebee;}

    /* CATALOGO  */
    .productDetail .layout_catalog {height:99.3vh;}
    .mod_productList li .imageProduct{cursor:default;}
    #header.haShop .logo {left:15px;}
    #header .modDirection {right:100px;}

    .modFeedback{display:none;}
}


@media (min-width: 960px){

    .layout{display:inline-block;}
/*
    .mod_productList     {max-width: 960px;padding:5px 5px 0 5px;}
    .mod_productList.cl2 {padding:10px}
    .mod_productList.cl2 li{-webkit-box-flex: 1;-webkit-flex: 1 1 calc(50% - 12px);-ms-flex: 1 1 calc(50% - 12px);flex: 1 1 calc(50% - 12px);max-width: calc(50% - 12px);-webkit-flex-basis: calc(50% - 12px);-ms-flex-preferred-size: calc(50% - 12px);flex-basis: calc(50% - 12px);}
    .mod_productList.cl2 li .imageProduct {padding-bottom: 0;max-height: 167px;height: 167px;margin: 0 auto;text-align: center;width: 229px;}    
    .mod_productList ul {display: flex;-webkit-box-pack: center;justify-content: flex-start;-webkit-box-align: stretch;align-items: stretch;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row wrap;align-content: space-between;}         
  */      
    .mod_productList li .infoProduct{padding:8px 6px;}
    .mod_productList li .descProduct{display:block;padding-bottom:12px;flex: inherit;}
    .mod_productList li .mod_product_select {margin-top:12px;}

    .mod_productList li .mod_product_select > p span:first-child,
    .mod_productList li .mod_product_select > p span{display:inline-block}
    .mod_productList li .mod_product_select > p span:last-child::first-letter{text-transform:lowercase;}
    .mod_productList li .actions, .mod_productList li .mod_product_select.empty.full + .actions{margin-top:0}

    .layout .layout_catalog {width:calc(100% - 350px);}
    .layout .layout_catalog.sinCarrito {width:100%;}

    .layout .layout_catalog.sinCarrito .modShowBtCarrito{display:none}
    .layout .layout_carrito {right: 0;top: 0;bottom: auto;left: auto;z-index: 200;width: 350px;}     

    .focus-bg.focus-bg--on{display:none!important;}

    #header.cab3 .ajusteMenu{display:block}
    #header.cab3 {min-height: 113px;height:113px}

    .mod_ProductLandingTunel .btBack{padding: 0 0 13px 40px;}

    .mod_ProductLanding .productInfo {width:808px;height:380px;padding-top:40px;padding-left:40px;position:relative;}

    :lang(es-ES) .ajusteMenu + .btBackLogin.Link-Primary {display: block;z-index: 1;color:#6b6e79;}
    :lang(es-ES) .modAlergeno {display: none;}

    .mod_productList .actions button span:first-child{text-align:center;padding-left:0px}

    .mod_productList li .titleProduct{padding-bottom:0;}
}

@media (min-width: 1080px){

     .mod_productList {max-width: 1080px;}
     .mod_productList li{-webkit-flex-basis: calc(25% - 12px);-ms-flex-preferred-size: calc(25% - 12px);flex-basis: calc(25% - 12px);max-width: calc(25% - 12px);}
    @supports (-ms-ime-align:auto) {
        .mod_productList li {
            -webkit-flex-basis: calc(25% - 12.5px);
            -ms-flex-preferred-size: calc(25% - 12.5px);
            flex-basis: calc(25% - 12.5px);
            max-width: calc(25% - 12.5px);
        }
    }     
}