/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 23 2021 | 06:49:48 */
/*MAS VENDIDOS*/
section.productos-mas-vendidos{padding: 50px 15px 30px !important;}
section.productos-mas-vendidos .tabbed-content{}
section.productos-mas-vendidos .tabbed-content > ul.nav > li.tab > a{font-family: var(--a-fuente-texto-body); border: 2px solid var(--a-color-primario); border-radius: 20px; 
  padding: 10px 20px 7px 20px; color: var(--a-color-primario)}
section.productos-mas-vendidos .tabbed-content > ul.nav > li.tab > a:hover{border: 2px solid var(--a-color-secundario); color: var(--a-color-secundario)}
section.productos-mas-vendidos .tabbed-content > ul.nav > li.tab.active > a{border: 2px solid var(--a-color-secundario); background: var(--a-color-secundario); color: #fff}

/*DESTACADOS BEBE*/
section.productos-destacados-1{padding: 50px 15px 30px !important;}
section.productos-destacados-1 .col.no-mostrar{display: none}
section.productos-destacados-1 .tabbed-content > ul.nav > li.tab > a{font-family: var(--a-fuente-texto-body); border: 2px solid var(--a-color-primario); border-radius: 20px; 
  padding: 10px 20px 7px 20px; color: var(--a-color-primario)}
section.productos-destacados-1 .tabbed-content > ul.nav > li.tab > a:hover{border: 2px solid var(--a-color-secundario); color: var(--a-color-secundario)}
section.productos-destacados-1 .tabbed-content > ul.nav > li.tab.active > a{border: 2px solid var(--a-color-secundario); background: var(--a-color-secundario); color: #fff}
section.productos-destacados-1 .tab-panels .row{overflow: visible}
section.productos-destacados-1 .tab-panels .row .flickity-button{opacity: 1 !important; transform: none !important}
section.productos-destacados-1 .tab-panels .row .flickity-button.previous{left: -20px !important;}
section.productos-destacados-1 .tab-panels .row .flickity-button.next{right: -20px !important;}
section.productos-destacados-1 .tab-panels .row .flickity-button svg path{fill: var(--a-color-secundario) !important}
/*responsive*/
@media (max-width: 1350px){
  	section.productos-destacados-1 .col.contenido{transform: translatex(50px)}
}
@media (max-width: 992px){
 	section.productos-destacados-1 .col.contenido{max-width: 90%; flex: 90%}
  	section.productos-destacados-1 .col.contenido{transform: translatex(40px)}
}
@media (max-width: 850px){
  section.destacados-bebe .col.contenido .tab-panels .flickity-slider > .col{max-width: 50%; flex: 50%}
}
@media (max-width: 700px){
 	section.destacados-bebe .col.contenido{transform: translatex(30px)}
}

/*PRODUCTOS CATEGORIAS 1*/
section.productos-categorias-1{padding: 50px 15px 30px !important}
section.productos-categorias-1 .tabbed-content{display: flex; flex-direction: row; flex-wrap: wrap;}
section.productos-categorias-1 .tabbed-content > ul.nav {display: flex; flex-direction: column; align-content: flex-start;}
section.productos-categorias-1 .tabbed-content .tab-panels{max-width: 80%; flex: 80%}
section.productos-categorias-1 .tabbed-content > ul.nav{max-width: 20%; flex: 20%}
section.productos-categorias-1 .tabbed-content > ul.nav > li.tab{margin-bottom: 5px}
section.productos-categorias-1 .tabbed-content > ul.nav > li.tab:nth-child(3){transform: translateX(-5px);}
section.productos-categorias-1 .tabbed-content > ul.nav > li.tab:nth-child(4){transform: translateX(-5px);}
section.productos-categorias-1 .tabbed-content > ul.nav > li.tab > a{font-family: var(--a-fuente-texto-body); border: 2px solid var(--a-color-primario); border-radius: 20px; 
  padding: 10px 20px 7px 20px; color: var(--a-color-primario)}
section.productos-categorias-1 .tabbed-content > ul.nav > li.tab > a:hover{border: 2px solid var(--a-color-secundario); color: var(--a-color-secundario)}
section.productos-categorias-1 .tabbed-content > ul.nav > li.tab.active > a{border: 2px solid var(--a-color-secundario); background: var(--a-color-secundario); color: #fff}
section.productos-categorias-1 .tab-panels .row{overflow: visible; padding: 0px 20px}
section.productos-categorias-1 .tab-panels .row .flickity-button{opacity: 1 !important; transform: none !important}
section.productos-categorias-1 .tab-panels .row .flickity-button.previous{left: 0px !important;}
section.productos-categorias-1 .tab-panels .row .flickity-button.next{right: 0px !important;}
section.productos-categorias-1 .tab-panels .row .flickity-button svg path{fill: var(--a-color-secundario) !important}
/*responsive*/
@media (max-width: 700px){
  	section.productos-categorias-1 .tabbed-content .tab-panels{max-width: 70%; flex: 70%}
	section.productos-categorias-1 .tabbed-content > ul.nav{max-width: 30%; flex: 30%}
}