#preRes {}
.PRCCont { }
.PRC01 { padding:  20px 16px; }
.PRC01 .PRCCont { max-width: var(--max-width); margin: 0 auto; }

.PRC02 { padding: 20px 16px; background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); }
.PRC02 .PRCCont {  max-width: var(--max-width); margin: 0 auto; }
.PRC02 .PRCCont .infoCat {display: flex;align-items: center;}
.PRC02 .PRCCont .infoCat img {display: block;max-width: 240px;margin-right: 20px;border-radius: 4px;align-self:  flex-start;}
.PRC02 .PRCCont .infoCat .title1 { }
.PRC02 .PRCCont .infoCat .p { }



#Res {padding: 20px 16px;}
.resCont { max-width: var(--max-width); margin: 0 auto; display: flex; flex-direction: row-reverse; overflow: hidden; }
.resCont .resContRight { width: calc(100% - 312px) }
.resCont .resContRight .RCR01 { }
.RCRProds{display: flex;flex-flow: column-reverse;}
.RCRProds > *{}
.resCont .resContRight .RCR02 {margin:  0 0 12px;}

.resCont .resContLeft {width: 280px;flex-shrink: 0;margin-right: 32px;background: rgba(255,255,255,0.4);}
.resCont .resContLeft.sticky {position: sticky; top: 0; align-self: flex-start; z-index: 1;}
.resCont .resContLeft .RCL01 {margin:  0 0 12px;}
.resCont .resContLeft .RCLFilter{background: #f0f0f0;padding: 20px;margin:  0 0 16px;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat { }
.resCont .resContLeft .RCLFilter .RCLFilterSubcat:not(:last-child) { margin: 0 0 20px;}
.resCont .resContLeft .RCLFilter .title, #dvFiltroResultados .pFiltroResTitle {font-weight: bold;margin: 0 0 12px;border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom: 4px;text-transform:  uppercase;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul { }
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li{margin:  0 0 4px;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a{ color: inherit; text-decoration: none;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a:hover{ text-decoration: underline;}
.resCont .resContLeft .RCL02 { }
.resCont .resContLeft .RCL02 > *:not(:last-child){ border-bottom:1px solid #e5e5e5;}

/* SUBCATEGORÍAS CON IMAGEN*/
.subcatRes{ padding:  40px 16px 0px; }
.subcatResCont{max-width: var(--max-width); margin: 0 auto;display:grid; grid-gap:16px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}

.subcatRes + *:not(#Res){margin-top:40px;}
.subcatRes + #Res .resCont{padding-top:20px;  border-top:2px solid #eee;}
.subcatRes .subcatResCont .subcatItemImg img{aspect-ratio:auto;}
/*SUBCATEGORÍAS HORIZONTAL*/
.resContRight .RCLFilterSubcat { display: flex; align-items: center; justify-content: center; position: relative; margin: 0 0 20px; width: 100%; display: flex; justify-content: center; align-items: flex-start; line-height: var(--menu-height); background: var(--menu-bg); position: relative; padding-bottom: 16px; border-bottom: 1px solid rgba(0,0,0,0.1) }
.resContRight .RCLFilterSubcat .arrow-left.scroll-0,
.resContRight .RCLFilterSubcat .arrow-right.scroll-100 { opacity: 0; z-index: -1; }
.resContRight .RCLFilterSubcat .kh { max-width: none; margin: 0 auto 0 0;}
.resContRight .RCLFilterSubcat .arrow { color: #333; cursor: pointer; padding: 0 16px; line-height: var(--menu-height); opacity: 1; z-index: 4; transition: all 300ms ease; position: absolute; top: 0; bottom: 0; font-size: 20px; }
.resContRight .RCLFilterSubcat .arrow.arrow-left { background: linear-gradient(to right, var(--menu-bg),var(--menu-bg), var(--menu-bg),rgba(255,255,255,0)); left: 0; padding-right: 40px; }
.resContRight .RCLFilterSubcat .arrow.arrow-right { background: linear-gradient(to left, var(--menu-bg),var(--menu-bg), var(--menu-bg), rgba(255,255,255,0)); right: 0; padding-left: 40px; }
.resContRight .RCLFilterSubcat .kh > li { padding: 0; margin: 0 4px; }
.resContRight .RCLFilterSubcat .kh > li:first-of-type { margin-left: 0;}
.resContRight .RCLFilterSubcat .kh > li a { display: inline-flex; background: rgba(0,0,0,0.05); padding: 0 16px; border-radius: 40px; line-height: var(--menu-height); font-weight:bold;}
.resContRight .RCLFilterSubcat .kh > li a:hover { background: rgba(0,0,0,0.1); }

/*PAGINACIÓN*/
#dvPaginacion { margin: 20px 0; }
#dvPaginacion > span { display: block; text-align: center; margin: 0 0 8px; opacity: 0.8; font-size: 12px; }
#dvPaginacion .dvPaginacionCont { text-align: center; }
#dvPaginacion .dvPaginacionCont a{font-size: 14px;display: inline-flex;align-items:center;min-width: 40px;height: 32px;padding: 0 8px;border: 1px solid rgba(0,0,0,0.2);text-align: center;text-decoration: none;color: inherit;justify-content: center;border-radius: 4px; margin: 0 2px;}
#dvPaginacion .dvPaginacionCont a.primera {}
#dvPaginacion .dvPaginacionCont a.primera span { display: none; }
#dvPaginacion .dvPaginacionCont a.primera:after { content: "\f100"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.anterior { }
#dvPaginacion .dvPaginacionCont a.anterior span { display: none; }
#dvPaginacion .dvPaginacionCont a.anterior:after { content: "\f104"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.numero {  }
#dvPaginacion .dvPaginacionCont a.siguiente {  }
#dvPaginacion .dvPaginacionCont a.siguiente span { display: none; }
#dvPaginacion .dvPaginacionCont a.siguiente:after { content: "\f105"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.ultima { }
#dvPaginacion .dvPaginacionCont a.ultima span { display: none; }
#dvPaginacion .dvPaginacionCont a.ultima:after { content: "\f101"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.disabled {display: none;}
#dvPaginacion .dvPaginacionCont a.lnkPagAct { background-color: rgba(0,0,0,0.05) }
#dvPaginacion .dvMostrarTodos { margin-top: 12px; }

.resSeo {font-size: 12px;line-height: 14px; opacity: 0.6;margin: 0 0 20px;padding-top: 20px;border-top: 1px dashed rgba(0,0,0,0.2);}
.resSeo p:not(:last-child) { margin: 0 0 8px; }
.resSeo a { color: inherit; }

.resSeo .resSeoAvanz{margin-bottom:8px;}



/*FILTROS*/
.filtroLoading { text-align: center; }
.filtroLoading i { font-size: 28px; margin: 0 0 4px; }
#dvFiltroResultados { margin: 0 0 20px; }
#dvFiltroResultados > div:not(:last-child){margin: 0 0 12px;border-bottom: 1px dashed rgba(0,0,0,0.2);padding-bottom:  12px;}
#dvFiltroResultados .dvVariaciones:not(:last-child) {margin: 0 0 12px;border-bottom:  1px dashed rgba(0,0,0,0.2);padding-bottom: 12px;}
#dvFiltroResultados .pFiltroResTit, #dvFiltroResultados #dvFiltroResPrecios .dvIntervalos .pIntervalosEnc {font-weight: bold;margin: 0 0 4px;display: flex;align-items: center;justify-content: space-between;}
#dvFiltroResultados #dvFiltroResPrecios { }
#dvFiltroResultados #dvFiltroResPrecios .dvIntervalos { margin: 0 0 12px}
#dvFiltroResultados #dvFiltroResPrecios .dvPrecios { margin: 0 10px; }
#dvFiltroResultados #dvFiltroResPrecios .dvIntervalos .pIntervalosEnc .spnFiltroX { }
.dvFiltroBtn { display: flex; align-items: center; cursor: pointer; }
.dvFiltroBtn .spnFiltroX i{font-weight: 400;font-size: 12px;margin-left: 12px;}
.dvFiltroBtn .spnFiltroToggle i{ font-weight: 400; font-size: 16px; margin-left: 12px; }
#dvFiltroResultados .pCheck { }
#dvFiltroResultados .pCheck label{ display: flex; align-items: center; }
#dvFiltroResultados .pCheck:not(:last-child) { margin: 0 0 4px; }
#dvFiltroResultados .numProds { margin-left: 4px; opacity: 0.6; }

#dvFiltroInfoSelec {padding: 20px;background-color: #f0f0f0;display:  flex;flex-direction:  column-reverse;margin:  0 0 12px;}
.filtroSelecItem {margin-right: 8px;background: rgba(255,255,255,0.8);padding: 4px 8px;border-radius: 4px;display: inline-block;margin:  2px;}
.filtroInfoTitle {display: flex;justify-content: space-between;align-items: center;text-transform:  uppercase;margin: 0 0 8px;border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom: 4px;}
.filtroInfoTitle span:first-child { font-weight: bold; }
#dvFiltroInfoSelec .spnElimFiltros {display: inline-block;font-size: 14px;margin-left: 8px;text-transform: lowercase;flex-shrink:  0;}
#dvFiltroInfoSelec .spnElimFiltros a { color: #dd2c00; text-decoration: none; display: flex; align-items: center; }
#dvFiltroInfoSelec .spnElimFiltros a i { font-size: 10px; margin-left: 8px; display: inline-block; }


.pVerMas, .pVerMenos {text-align: center;background-color: rgba(0,0,0,0.05);margin-top: 8px;border-radius: 4px;padding: 4px 8px;display: inline-flex;align-items: center;justify-content: center;font-size:  12px;line-height: 16px;cursor: pointer;}
.pVerMenos { display: none; }
.pVerMas span, .pVerMenos span { width:100%;}
.pVerMas:before, .pVerMenos:before {font-weight: 400;font-family: "Font Awesome 6 Pro";font-size: 10px;margin-right:  4px;}
.pVerMas:before { content: "\f067"; }
.pVerMenos:before { content: "\f068"; }
.pMostrarTodas { }
.pMostrarTodas .spnMostrarTodas{cursor: pointer;background-color: rgba(0,0,0,0.05);padding: 4px 12px;border-radius:  4px;font-weight:  bold;display:  block;text-align:  center; display:flex; align-items: center;}
.pMostrarTodas .spnMostrarTodas:after{ content:"\f0fe"; flex-shrink: 0; margin-left: 4px; font-weight: 400;font-family: "Font Awesome 6 Pro";}
.pOcultarTodas .spanOcultarTodas{cursor: pointer;background-color: rgba(0,0,0,0.05);padding: 4px 8px;border-radius:  4px;font-weight:  bold;display:  block;text-align:  center;display:flex;align-items: center;}
.pOcultarTodas .spanOcultarTodas:after{ content:"\f146"; flex-shrink: 0; margin-left: 4px; font-weight: 400;font-family: "Font Awesome 6 Pro";}

#pBtnFiltrar { }
#pBtnFiltrar #btnFiltrar {display: block;background: #333;border:0;width: 100%;padding: 8px 16px;color: #fff;border-radius: 4px;}
#pBtnFiltrar #btnFiltrar:not(:last-child) { margin: 0 0 8px; }
#pBtnFiltrar #btnFiltrar:before {content: "\f00c";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;}
#pBtnFiltrar .spnElimFiltros { }
#pBtnFiltrar .spnElimFiltros a {display: block;color: inherit;padding: 7px 16px;border-radius: 4px;text-align: center;text-decoration: none;border: 1px solid;}
#pBtnFiltrar .spnElimFiltros a:before {content: "\f2ed";font-weight: 400;font-family: "Font Awesome 6 Pro";margin-right: 4px;}

.campExpressDesc:not(:last-child) { margin: 0 0 8px; }
.campExpressDesc .campExpressDescCont { display: inline-flex; padding: 8px 12px; line-height: 100%; border-radius: 8px;  align-items: center;  /*box-shadow: 0 4px 12px rgba(0,0,0,0.25);*/ background-color: #f8c931; color:#333;  font-weight: normal; min-height: 48px; text-align: left; }
.campExpressDesc .campExpressDescCont > div { display: inline-flex; align-items: center; }
.campExpressDesc .campExpressDescCont > div > p, .campExpressDesc .campExpressDescCont > div > p:not(:last-child) { margin: 0; }
.campExpressDesc .campExpressDescCont > div > p:first-child:not(:last-child) { margin-right: 8px; }
/*.campExpressDesc .campExpressDescCont > p:first-child:not(:last-child),
.campExpressDesc .campExpressDescCont > p:last-child:not(:first-child) { display: flex; flex-direction: column;}
.campExpressDesc .campExpressDescCont > p:first-child:not(:last-child), .campExpressDesc .campExpressDescCont > p:last-child:not(:first-child){ font-size: 80%;}
.campExpressDesc .campExpressDescCont > p:first-child:not(:last-child) span, .campExpressDesc .campExpressDescCont > p:last-child:not(:first-child) span{ font-size: 120%; }*/


.campExpressDesc .campExpressDescCont > div > p { display: flex; flex-direction: column; font-size: 80%;}
.campExpressDesc .campExpressDescCont > div > p span{ font-size: 120%; }

.campExpressDesc .campExpressDescCont > div > p > span { font-weight: bold; display: inline-block; margin: 0 2px; }
.campExpressDesc .campExpressDescCont:before {  content:"\f2f2";font-weight: 400;font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 12px; font-size: 200%; color:#333;}

@media screen and (min-width: 1023px) {
    .RCLFilter { display: block; }
    .btnFiltro { display: none !important; }
}

@media screen and (max-width: 1023px) {
    .resCont { display: block; overflow: visible;}
    .resCont .resContRight ,
    .resCont .resContLeft { width: 100%; }
    .resCont .resContLeft.sticky { z-index: 6; }
    /*.btnFiltro {height: 40px;position: fixed;bottom: 12px;left: 0;background-color: #999;cursor: pointer;align-items: center;justify-content: center;padding: 8px 16px;border-radius:  0 4px 4px 0;color: #fff;font-size: 16px;text-transform:  uppercase;font-weight:  bold;letter-spacing:  2px;line-height: 20px;z-index:  1; opacity:1; transition: box-shadow 300ms ease;}*/
    .btnFiltro { display: inline-block;  padding: 8px 12px; margin-right: 8px; cursor: pointer; border-radius: 4px; border: 1px solid rgba(0,0,0,0.2); line-height: 18px; max-width: 100%; }
    .active .btnFiltro { opacity: 0.5; transform: translateX(-100%);}
    .btnFiltro span:before { content: "\f1de"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 16px; margin-right: 8px; }
    .RCRProds .RCRProdsPrev #dvOrderBy form > p{ display: none; }
    .resCont .resContLeft .RCL02 { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .resCont .resContLeft .RCL02 > * { width: calc(50% - 8px); }
    .resCont .resContLeft .RCL02 > .slideCupones{width:100%; margin-left:auto; margin-right:auto;}
     .resCont .resContLeft .RCL02 > .slideCupones .slideCuponesCont{max-width:260px;}

    .resCont .resContLeft .RCL02 > *:last-child:not(:nth-child(2n)){ width: 100%; }
    .resContRight .RCLFilterSubcat { width: calc(100% + 32px) /*2x16 de padding del resCont*/; margin-left: -16px; }
        .resContRight .RCLFilterSubcat .kh > li:first-of-type { margin-left: 16px }
        .resContRight .RCLFilterSubcat .arrow { display: none !important }

    .subcatResCont{grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));}
}
@media screen and (max-width: 768px) {
    .PRC02 .PRCCont .infoCat img { max-width: 180px; }

    .resCont .resContLeft .RCLFilter form {display: flex;flex-direction: column;padding-bottom: 100px;}
    .resCont .resContLeft .RCLFilter form > * { width: 100%; flex: 1; overflow: auto;}
    .resCont .resContLeft .RCLFilter form #pBtnFiltrar {flex-shrink: 0;position: fixed;bottom: 0;width: 320px;overflow:  visible;padding: 12px 20px;background:  white;right:  -320px;  transition: all 300ms ease;}
    .resCont .resContLeft .RCLFilter.leftSlide form #pBtnFiltrar {left:  -320px;}
    .resCont .resContLeft .RCLFilter.rightSlide form #pBtnFiltrar {right:  -320px;}
    .resCont .resContLeft .RCLFilter.rightSlide.active form #pBtnFiltrar { right:0;}
    .resCont .resContLeft .RCLFilter.leftSlide.active form #pBtnFiltrar { left:0;}
    .resCont .resContLeft .RCLFilter form #pBtnFiltrar:before{ width: 100%; position: absolute; bottom: 100%; left: 0; content:""; height: 40px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
    
    .resCont .resContLeft .RCLFilter .title, #dvFiltroResultados .pFiltroResTitle {}
    .resCont .resContLeft .RCLFilter .RCLFilterSubcat ul { }
    .resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li{ margin: 0 0 12px; }
    .resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a{}
    .resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a:hover{ }
    #dvFiltroResultados .pCheck:not(:last-child) {margin:  0 0 12px;}
    #pBtnFiltrar { }


}

@media screen and (max-width: 640px) {
    .genericDesc { text-align: center; }

    .PRC02 .PRCCont .infoCat { display: block; }
    .PRC02 .PRCCont .infoCat img { margin: 0 auto 12px; max-width: 280px; }
    .RCRProds .RCRProdsPrev #dvOrderBy > form > p { display: none; }
    
    /*PAGINACIÓN*/
    #dvPaginacion { }
    #dvPaginacion .dvPaginacionCont a {height: 40px;width: 100%;font-size:  20px;max-width: 20%;}
    #dvPaginacion .dvPaginacionCont a.numero {display:  none;}
    #dvPaginacion .dvPaginacionCont a.disabled { display: inline-flex; opacity: 0.4; cursor: default;}
    .resCont .resContLeft .RCL02 > * { width: 100%; }
    .campExpressDesc { text-align: center;}
    #dvPaginacion .dvMostrarTodos a {height: 40px;width: 100%;font-size:  14px;max-width: 50%;}

    .subcatResCont{grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); grid-gap:8px;}
}

@media screen and (max-width: 480px) {
    .RCRProds .RCRProdsPrev .numProds { display: block; margin: 0 0 12px; text-align: center; width: 100%;}
    .RCRProds .RCRProdsPrev #dvOrderBy { }
    .RCRProds .RCRProdsPrev #dvOrderBy > form {display: flex;margin: 0 auto;}
    .RCRProds .RCRProdsPrev #dvOrderBy > form .select { width: 100%; }
    .RCRProds .RCRProdsPrev .btnFiltro ~ #dvOrderBy { width: calc(100% - 128px); }
    .btnFiltro { width: 120px; justify-content:center;}
    .filtroInfoTitle { display: block; }
    #dvFiltroInfoSelec .spnElimFiltros { display: block; margin: 0; }
    .campExpressDesc .campExpressDescCont > div { display: block; }
    .campExpressDesc .campExpressDescCont > div p:first-child:not(:last-child) { margin: 0 0 4px; }
}