.sec_ofertas--home, .sec_ofertas--archive, .sec_ofertas--marcas, .sec_ofertas--modelos {
 padding:var(--space-xl) 0;
 background: hsla(var(--dark),.07); 
}

.sec_ofertas--home--landing {
 padding:var(--space-xxs) 0;
 background: hsla(var(--dark),.07); 
}

.sec_ofertas--marcas  { padding:var(--space-xl) 0 var(--space-xxl); } 
.sec_ofertas--modelos { padding:var(--space-l); background:transparent;  }
.sec_ofertas--archive { padding:var(--space-xxxl) 0; }

.ofertas-sem-title {
  @media (max-width: 767px) {
    margin-bottom: 12px !important;
  }
}

.oferta_card--circle,
.oferta_card--new {
  position: relative;
  padding: var(--space-l) 0 0;
  background:hsla(var(--light),1)
}

.oferta_card--new:before,
.oferta_card--circle:before {
  content: '';
  display: block;
  position:absolute;
  top:0;
  right: 0;
  height: 100%;
  width: 60%;
  background-size: 80%;
  background-position: center right;
  background-repeat:   no-repeat;
  background-image:url('images/svg/circle-green.svg');
  z-index:0;
}

.oferta_card--circle,
.oferta_card--new {
  background:hsla(var(--brand),.1);
  background:hsla(var(--light),1);
  border-radius: 16px;
}


/****** ESTILO NUEVAS TARJETAS DESTACADO ******/

.oferta_card--circle                     { border:2px solid hsla(var(--brand-second),1);; } 

.oferta_card:hover .oferta_card--circle,
.no--circle.oferta_card--circle          { border-color:transparent; } 
.no--circle.oferta_card--circle:before   { background-image: none; }


/****** END ESTILO NUEVAS TARJETAS DESTACADO ******/

/*.oferta_card--new:before,
.oferta_card--circle:before {
  display: none;
}*/
 

.oferta_card:hover .oferta_card--circle:before      { background-size: 90%; }
 

.searchandfilter    { padding:0; margin:var(--space-s) 0 0; width: 100%; position: relative; }
.block_ofertas      { margin:var(--space-s) auto!important;  }

.block_ofertas > *  { flex-basis: calc( 33.3333% - var(--grid-gutter)); max-width: calc( 33.3333% - var(--grid-gutter));
                      margin: 0 calc( var(--grid-gutter) / 2 ) var(--grid-gutter) ; }

.block_tax > *      { flex-basis: calc( 50% - var(--grid-gutter)); max-width: calc( 50% - var(--grid-gutter));
                      margin: 0 calc( var(--grid-gutter) / 2 ) var(--grid-gutter) ; }

.oferta_card               { border-radius: 0; position: relative; overflow: hidden; }
.oferta_card:hover         { border-radius: 12px;  box-shadow: var(--shadow20); }


.oferta_card--circle img   { display: block; position: relative; z-index: 2; position: relative; transform: scale(.95);  }
.oferta_card:hover   img   { transform: scale(1); }
.oferta_card:hover .oferta_card--circle { border-radius:16px 16px 0 0; }

.oferta_card--info                      { box-shadow: inset 0 0 0 #fff; padding: var(--space-m); /*text-align:center; */
                                           display: flex; flex-wrap: wrap;  }
.oferta_card:hover .oferta_card--info   { box-shadow: inset 0 300px 0 #fff; }

.oferta_card--info > *:last-child       { flex: 1 0 35%; }
.oferta_card--info > *                  { flex: 1 0 65%; }


.oferta_card--info h5    { margin-bottom:0; /*font-size: calc(var(--text-m) - 2px);*/ }
.oferta_card--info .h4   { display: inline; color:hsla(var(--brand-second),1); margin: 0; }
.oferta_card--info span  { color:hsla(var(--dark),1); font-weight: 400; display: block; font-size: var(--text-xs) }
.oferta_card--info small { display: inline; color:hsla(var(--dark),.6); } 


.oferta_card--new img          { display: block; position: relative; z-index: 2; position: relative; transform: scale(.80) translateX(100px);  }
 
.oferta_card--button           { text-align: center; }
.oferta_card--button .b-small  { font-size: var(--text-xs); margin:0; box-shadow: none; padding: var(--space-s) var(--space-m) }

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

.oferta_card--button .b-small  { margin:var(--space-m) 0 0; }
 
}

/********************

FORMULARIO EN LA SIDEBAR DE LAS CHILDREN TAXONOMIES

**********************/

.sidebar--form { 
  position: relative;
  background-color:hsla(var(--light),1);
  border-radius: 12px;
  padding: var(--space-m);
  --transition: all 0.3s ease-out;
}

 
.sidebar--form_hour     { display: block; font-weight: 400; font-size: var(--text-xs); margin: var(--space-s) 0 var(--space-m); }
 
.sidebar--form input[type=checkbox] { cursor: pointer; }
.sidebar--form a:hover { color:hsla(var(--dark),1) }

 


/**********************/

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

 
.block_ofertas > *   { flex-basis: calc( 50% - var(--space-m));
                       max-width:  calc( 50% - var(--space-m));
                       margin: 0 calc( var(--space-m) / 2 ) var(--space-m);  }
 
}


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

.block_ofertas > *,
.block_ofertas > *   { flex-basis: calc( 100% - var(--space-m));
                       max-width:  calc( 100% - var(--space-m));
                       margin: 0 calc( var(--space-m) / 2 ) var(--space-m);
                     }

.oferta_card--info > *  { flex: 1 0 100%; } 

}  


.mb-xxl { margin-bottom: var(--space-xxl) }
.mb-xl  { margin-bottom: var(--space-xl) }
.mb-l   { margin-bottom: var(--space-l) }


#reset-checkboxes img,
.block_filter,
.block_filter ul,
.block_filter ul.active,
.filter-panel, 
.filter-panel.active,
.block_filter li.has-submenu > a:after,
.filter-tab:after  {
  -webkit-transition:all .2s ease-in-out;
     -moz-transition:all .2s ease-in-out;
      -ms-transition:all .2s ease-in-out;
       -o-transition:all .2s ease-in-out;
          transition:all .2s ease-in-out
}


.block_filter {
    margin: 0 auto;
    padding: 0;
}

.block_filter > li {
  margin:0;
  padding:0;
  position: relative;
  border-right: 1px solid hsla(var(--dark),.2);
  font-size:  var(--text-s);
}

.block_filter > li:last-child { border-right:none }

.block_filter > li a         { cursor: pointer; display: block; color: hsla(var(--dark),.4); width:100%; position: relative;}
.block_filter li.has-submenu > a.active,
.block_filter > li a:hover   { background-color: hsla(var(--light),1); color: hsla(var(--dark),1); box-shadow: var(--shadow10);  }

.block_filter ul { 
  list-style: none; 
  visibility: hidden; 
  opacity: 0;
  display: none; 
  position: absolute; 
  top:110%;
  left:0;
  border-radius:0 0 6px 6px;
  width:100%;
  background-color: hsl(var(--light));
  padding:0 var(--space-xxs) var(--space-s);
  margin:0;
  box-shadow: var(--shadow10);
}
 
 
.block_filter ul.active          { display: flex; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: flex-start;
                                   visibility: visible; opacity: 1; top:100%; z-index: 1; } 
 
.block_filter ul li              { display:block; flex: 1; flex-basis: 50%; max-width: 50%; margin: 0; padding:0; font-size: calc(var(--text-xs) + 2px); }
.block_filter ul li label        { display:inline-block; width: 100%; margin:0; padding: var(--space-s) 0; cursor:pointer; }



.block_filter ul li label,
.block_filter ul li label {
color:hsla(var(--dark),.4); padding-left: var(--space-s);
}
.block_filter ul li:hover label,
.block_filter ul li:hover label {
color:hsla(var(--dark),1);  
}


.block_filter li.has-submenu > a:after {
  content:'';
  background:url(images/svg/bx-chevron-down.svg);
  width:24px;
  height:24px;
  display:block;
  position:absolute;
  top:calc(50% - 12px); 
  right:10px;
}
 
.block_filter li.has-submenu > a.active:after {
  transform: rotate(180deg);
}

.block_filter > *              { flex:1; }
.block_filter > *:last-child   { flex:0 0 4%; }

#reset-checkboxes:hover      { box-shadow: none; }
#reset-checkboxes img        { margin: -4px auto 0; min-width:20px; opacity: .4 }
#reset-checkboxes:hover img  { opacity: 1 }

.filter-tab {
  display:block;
  width: 100%;
  color: hsla(var(--dark),1);
  padding:var(--space-m) var(--space-s); 
  margin: 0;
  position: relative;
  outline: 0;
}

#archive-filters { margin: 0; padding: 0; width: 100% }

.empty_state { display: block; text-align:center; padding: var(--space-xxxl) 0;}

.empty_state img { max-width: 50px; margin-bottom: var(--space-m); opacity: .3;  }
.empty_state h4,
.empty_state h5  { color:hsla(var(--dark),.8); font-weight: 400; }
.empty_state h5  { color:hsla(var(--dark),.4); margin-top: var(--space-xs); }

@media only screen and (max-width:70em) {

.block_filter ul li { display:block; flex: 1; flex-basis: 100%; max-width: 100%; margin: 0; padding: 0; }

}  

.tab--container { border:2px solid red; }




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

.block_filter > *:last-child   { flex:0 0 100%; }
.block_filter > *  {  flex:0 0 100%; }


.block_filter ul { position:relative; display: none; top:0; height: 0; padding:0 var(--space-s) var(--space-m); }
.block_filter ul.active, .filter-panel.active     { visibility: visible; display: flex; opacity: 1; top:0; height: auto;  } 
.block_filter ul li         { display:block; flex: 1; flex-basis: 33.333%; max-width: 33.333%; margin: 0; padding: 0; }
.block_filter ul li label   { display:block; width:100%; margin:0; padding: var(--space-m) 0; cursor:pointer; }
.block_filter > li a        { padding:var(--space-m); }

.block_filter > li { border:none!important }
.block_filter > li { border-bottom: 1px solid hsla(var(--dark),.2)!important; }
.block_filter > li:last-child { border-bottom: none!important; }

#reset-checkboxes:after {
  content: 'LIMPIAR FILTROS';
  font-weight: 600;
  font-size: var(--text-xs);
  display:inline-block;
  margin-left: var(--space-s);
}    

/*.filter-tab:after {
  content:'';
  background:var(--arrow);
  width:24px;
  height:24px;
  display:block;
  position:absolute;
  top:calc(50% - 12px); 
  right:10px;
}

.filter-tab               { display: block; border:2px solid hsla(var(--brand),.4); border-radius: var(--radius4); cursor: pointer; }
.filter-tab.active        { color: hsla(var(--dark),.3); border-bottom:none;  }
.filter-tab.active:after  { transform: rotate(180deg); }*/


/*.filter-panel__categories         { max-height: 0px; overflow: hidden; } 
.filter-panel__categories.active  { max-height: 220em; border: 1px solid hsla(var(--dark),.2); margin-bottom: var(--space-m)  }*/

}


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

 
.block_filter ul li { display:block; flex: 1; flex-basis: 50%; max-width: 50%; margin: 0; padding: 0; }
.empty_state.active { padding: var(--space-xxl) 0;}


}