@font-face {
    font-family: 'nimbus_sans_l_reg';
    src: url('../fonts/nimbussanl-reg-webfont.woff2') format('woff2');
}
@font-face {
    font-family: 'nimbus_sans_l_bold';
    src: url('../fonts/nimbussanl-bol-webfont.woff2') format('woff2');
}
@font-face {
	font-family: "Alfa-Slab-One";
	src: url("../fonts/AlfaSlabOne-Regular.woff2") format("woff2");
  }
  @font-face {
    font-family: 'InterSemiBold';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'bevanregular';
    src: url('../fonts/bevan-regular-webfont.woff2') format('woff2');
}
@font-face {
    font-family: 'poppins-semibold';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2');
}

:root {
    --gris-menu : #565655;
    --amarillo : #E6AF00;
    --amarillo_hover : #BC8F00;
    --rojo : #B72818;
    --rojo_precio: #a42020;
    --rojo_claro: #DD9898;
    --verde-claro : #D7F7E1;
    --verde : #4fa420;
    --azul: #1D3ECF;
    --crema: #FFEBE8;
    --blanco: #fff;
    --mostaza: #B8861A;
}

/* ICONOS SVG */
.iconSVG{
    width:1em;
    height:1em;

    display:inline-block;
    vertical-align:middle;

    fill:currentColor;

    flex-shrink:0;
}

#loader{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	z-index: 99999;
}
#loader div{
	position: absolute;
	left: calc(50% - 60px);
	top: calc(50% - 60px);
	border: 16px solid #f3f3f3;
	border-top: 16px solid #333;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.backgroundSecciones {background-color: #f9f9f9;}
.slideMovil, .slideTablet{ display: none; }
.slideDesktop{ display: block; }

.swal-button--cancel{
	background: #999;
	color: #fff;
	border-radius: 5px;	
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
}
.swal-button--cancel.swal-button:not([disabled]):hover{
	background-color: #999;
}
.swal-button--ok, .swal-button--confirm{
	background: #1d1d1b;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
}
.swal-button--ok.swal-button:not([disabled]):hover, .swal-button--confirm.swal-button:not([disabled]):hover{
	background-color: #1d1d1b;
}
.swal-button:focus{
	box-shadow: none;
}
.swal-title:first-child{
	margin-top: 10px;
	line-height: 30px;
}
.swal-overlay--show-modal{
	z-index: 99999;
}
label{
	cursor: pointer;
}

*{
	box-sizing: border-box;
	outline: none;
}
img{
	display: block;
}
body{
    font-family: 'nimbus_sans_l_reg';
}
input, textarea, button{
	font-family: 'Poppins', sans-serif;
}

.contenedor{
	display: table;
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	padding: 0;
}
.contenedor.bg{
	background: #f8f8f8;
	max-width: 820px;
	padding: 0;
}
.contenedor.sm{
	max-width: 780px;
}
.huincha-covid {
    background: #d889de;
    color: #fff;
    height: 30px;
    text-align: center;
    text-transform: uppercase;
    line-height: 30px;
    font-family: 'nimbus_sans_l_bold';
}
.huincha-covid i{
    margin-left: 10px;
    font-size: 18px;
}
.huincha-covid img{
    display: inline;
    margin: 0px 10px -9px;
}
.huincha-covid span {
    font-family: 'poppins-semibold'
}


/* HEADER */

header{
	width: 100%;
	background: #ffffff;
}

/* HEADER SUPERIOR */

header .line{width: 100%; background: var(--amarillo);/*var(--amarillo);*/ padding: 0; height: 30px; display: flex; align-items: center; font-family: 'nimbus_sans_l_bold'; display: none;}
header .line .left{
	width: calc(100% - 200px);
}

.contenedor_headerSuperior {
	width: 100%;
	max-width: 1180px;
	display: flex;
	margin: 0 auto;
	flex-flow: row wrap;
	justify-content: space-between;
}
.izInfoHeader {
	display: flex;
	align-items: center;
	gap: 10px;
}
.deInfoHeader {
	display: flex;
	align-items: center;
	gap: 10px;
}

.aFilaSuperior{
	display: flex;
	align-items: center;
	color: #1d1d1b;
	font-size: 12px;
	margin-right: 10px;
}
.aFilaSuperior span{
	margin: 0;
	padding-left: 10px;
	margin: 0;
	line-height: 36px;
	color: #1d1d1b;
	font-size: 12px;
}
.aFilaSuperior label{
margin: 0;
color: #1d1d1b;
}

.iconosHeaderSuperior {
	font-size: 17px;
}

header .line a.col span{
	width: 15px;
	font-size: 20px;
	line-height: 36px;
}

header .line a.col label{
    width: calc(100% - 15px);
    padding-left: 15px;
	margin: 0;
    line-height: 36px;
    color: #1d1d1b;
    font-size: 12px;
}
header .line .right{
	float: right;
}
header .line .right a{
	margin-left: 10px;
	color: #1d1d1b;
	font-size: 16px;
	line-height: 36px;
}
header .line .right label{
	margin: 0;
    line-height: 36px;
    color: #1d1d1b;
    font-size: 14px;
    line-height: 36px;
	width: calc(100% - 50px);
	font-weight: 600;
}

/* FIN DEL HEADER SUPERIOR */



/* HEADER INFERIOR  */

.contenedor_HeaderInferior{
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	display: grid;
	grid-template-columns: 1fr 5fr;
	grid-template-areas:
		"logo    busca_carro";
	gap: 0px 20px;
	align-items: center;
	padding: 4px 0;
}

header .logo {
	grid-area: logo;
	width: 100%;
	display: flex;
	align-items: center;
}

header .logo a{
	height: auto;
	margin: 0;
}
header .logo a img{
	width: 100%;
	height: auto;
}


.contBackgroundHeader1{
	width: 100%;
	/* background: #1d1d1b url('../img/textura.webp') center center repeat; */
	/* background-image: url('../img/textura.webp');
    background-size: contain;
    background-attachment: fixed;
    background-repeat: inherit;
    border-color: rgba(232, 232, 232, 1);
    border-bottom-width: 1px;
    border-bottom-style: solid; */
	grid-area: busca_carro;
}

.contenedorHeader1{
	display: grid;
	grid-template-columns: 5fr 1fr;
	grid-template-rows: minmax(55px,65px);
	grid-template-areas:
		"buscador    carro-header";
	gap: 5px;
	align-items: center;
}


.campana{
	display: flex;
	align-items: center;
}
.campana-btn{
	display: flex;
	align-items: center;
	justify-content: center;
}
.campana-movil{
	display: none;
}

.carro-header {
	grid-area: carro-header;
}


.buscador{
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	grid-area: buscador;
}

.buscadorMovil{
	display: none;
}
.buscador form{
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
}
.buscador form input{
	width: calc(100% - 110px);
	border: 1px solid #fff;
	border-right: none;
	border-radius: 5px 0 0 5px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	padding-left: 20px;
	border: 1px solid rgb(68, 68, 68);
}
.buscador form button{
	border-radius: 0 5px 5px 0;
	background: #1d1d1b;
	color: #fff;
	border: 0;
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	height: 50px;
	line-height: 50px;
	padding: 0 8px;
}
.buscador form input::-webkit-input-placeholder{ font-family: 'nimbus_sans_l_reg'; font-size: 14px; color: #cccccc; }
.buscador form input:-ms-input-placeholder{ font-family: 'nimbus_sans_l_reg'; font-size: 14px; color: #cccccc; }
.buscador form input::placeholder{ font-family: 'nimbus_sans_l_reg'; font-size: 14px; color: #cccccc; }
.buscador form input:active button{
	display: none;
}
.buscador .auto-busqueda{
	position: absolute;
    width: calc(100% - 48px);
    top: calc(100% - 2px);
    left: 0;
	z-index: 991;
    border-left: 2px solid #74bc1f;
    border-right: 2px solid #74bc1f;
    border-bottom: 2px solid #74bc1f;
	background: #fff;
	display: none;
	border-radius: 0 0 5px 5px;
    overflow: hidden;
}
.buscador .auto-busqueda .prods{
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    padding: 10px 20px;
}
.buscador .auto-busqueda .prods ul{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
.buscador .auto-busqueda .prods ul li{
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eee;
}
.buscador .auto-busqueda .prods ul li:last-child{
	border-bottom: 0;	
}
.buscador .auto-busqueda .prods ul li a{
	width: 100%;
	background: transparent;
	padding: 8px 0;
}
.buscador .auto-busqueda .prods ul li a .img{
	width: 60px;
}
.buscador .auto-busqueda .prods ul li a .name{
	width: calc(100% - 60px);
	padding: 0 20px 0;
    font-size: 14px;
    color: #181818;
    font-weight: 500;
}
.buscador .auto-busqueda .prods ul li a .precio{
	width: calc(100% - 60px);
	color: #74bc1f;
    font-size: 18px;
    font-weight: 700;
    padding: 0 20px;
}
.carro-header{
	display: flex;
	align-items: center;
}
.carro-header .box{
    width: 60px;
    height: 40px;
    /*background: #f4f4f4;*/
    border-radius: 100%;
    line-height: 40px;
    margin: 0 5px 0 0;
    padding: 0;
    align-items: center;
    display: flex;
    position: relative;
}
.carro-header .box .icon{
	width: 100%;
	text-align: center;
	color: var(--amarillo);
	font-size: 20px;
}
.contMiCuenta.box{
	width: 110px;
}
.contMiCuenta.box span{
	font-size: 13px;
	font-family: 'nimbus_sans_l_bold';
	color: #1d1d1b;
	text-decoration: underline;
}
.contMiCuenta.box .icon{
	width: 28px;
}
.carro-header .box .icon span{
	color: #ff5b04;
    width: 100%;
    background: transparent;
    position: relative;
    height: auto;
}
.carro-header img{
	width: 25px;
	text-align: center;
	display: block;
	margin: 6px auto;
}
.contMiCarro{
	margin-right: 0;
	position: relative;
	line-height: 40px;
	color: #2c2c2b;
	font-size: 14px;
}
.contMiCarro .txt{
	float: left;
}

.contCarroCompras{
	width: 40px;
    background: #f3f3f3;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    border-radius: 100%;
}
.contCarroCompras .botonCarroPopup{
	width: 40px;
    height: 40px;
}
.contCarroCompras .box{
	background: transparent;
}
.contCarroCompras span{
	font-family: 'InterSemiBold';
	font-size: 11px;
	position: absolute;
    background: var(--rojo);
    width: 18px;
    height: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    color: #fff;
    right: -5px;
    top: 0;
}
.contMiCarro .cantWish{
	position: absolute;
	font-size: 13px;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	text-align: center;
	line-height: 20px;
	color: #1d1d1b;
	font-family: 'nimbus_sans_l_reg';
	right: -5px;
	top: 10px;
}
.contMiCarro p.cantWishParrafo {
	position: absolute;
    bottom: -20px;
    left: -60px;
    font-size: 12px;
	font-family: 'nimbus_sans_l_bold';
	color: #666666;
    line-height: 10px;
    width: 150px;
	display: none;
}
.contWish:hover p.cantWishParrafo{
	display: block;
}

/*MENU INFERIOR*/

.contenedorMenuInferior{
	background: var(--gris-menu);
	position: relative;
}
.contenedorHeader2{
	margin: 0 auto;	
	width: 100%; 
	max-width: 1180px; 
	display: grid; 
	grid-template-columns: 1fr; 
	grid-template-rows: minmax(25px,35px); 
	grid-template-areas: "contMenu"; 
	gap: 5px; 
	align-items: center;
	padding: 0 10px; 
	position: relative; 
	z-index: 1;
}

/* .contenedorHeader2::after{ content: ""; position: absolute; top: 0; left: 100%; width: calc((100vw - 1195px) / 2); height: 100%; background: inherit; pointer-events: none; z-index: -1;} */


.contMenu{
	width: 100%;
	height: auto;
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	display: flex;
	gap: 20px;
	align-items: center;
	grid-area: contMenu;
}
.contenedorMenuHeader {
	display: table;
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
}
.contenedorCategoriasHome{
	padding: 0 5px;
	display: grid;
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas:
		"img1    img3    img4	img5"
		"img2    img3    img6   img6";
	gap: 20px;
}
.img1{
	grid-area: img1;
}
.img2{
	grid-area: img2;
}
.img3{
	grid-area: img3;
}
.img4{
	grid-area: img4;
}
.img5{
	grid-area: img5;
}
.img6{
	grid-area: img6;
}
.img1 img, .img2 img, .img3 img, .img4 img, .img5 img, .img6 img{
	height: auto;
	width: 100%;
	border-radius: 5px;
}


.contenedorCategoriasHome-2{
	padding: 0 5px;
	display: grid;
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	grid-template-columns: 0.7fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas:
		"img1    img2"
		"img1    img3";
	gap: 20px;
}
.img1-2{
	grid-area: img1;
}
.img2-2{
	grid-area: img2;
}
.img3-2{
	grid-area: img3;
}
.img1-2 img, .img2-2 img, .img3-2 img{
	height: auto;
	width: 100%;
	border-radius: 5px;
}




.blogHomeFondo {
	width: 100%;
	background: url(../img/home_blog_fondo.jpg) center center no-repeat;
	background-size: cover;
	padding: 0 100px;
	margin-top: 10px;
}
.blogHomeFondo > .owl-carouselBlogs{
	position: relative;
}
.blogHomeFondo > .owl-carouselBlogs .owl-nav {
	position: absolute;
    z-index: 999;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%,0);
    padding: 0 100px;
    height: 20px;
    width: 100%;
}
.blogHomeFondo > .owl-carouselBlogs .owl-nav > .owl-prev{
	position: absolute;
    bottom: -30px;
    left: 46px;
    background: #ff5b04;
	color: #fff;
    z-index: 991;
    width: 30px;
    height: 60px;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blogHomeFondo > .owl-carouselBlogs .owl-nav > .owl-prev span {
	padding: 0;
    margin: 0;
    border-radius: 100px;
    width: 25px;
    font-size: 25px;
    height: 25px;
    line-height: 14px;
    background-image: url(../img/flecha_prev.png);
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
}
.blogHomeFondo > .owl-carouselBlogs .owl-nav > .owl-next{
	position: absolute;
    bottom: -30px;
    right: 46px;
    background: #ff5b04;
	color: #fff;
    z-index: 991;
    width: 30px;
    height: 60px;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blogHomeFondo > .owl-carouselBlogs .owl-nav > .owl-next span {
	padding: 0;
    margin: 0;
    border-radius: 100px;
    width: 25px;
    font-size: 25px;
    height: 25px;
    line-height: 14px;
    background-image: url(../img/flecha_next.png);
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
}

.contenedorBlogHome {
	padding: 0 250px 0 50px;
	display: grid;
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	grid-template-rows: repeat(auto, 1fr);
	gap: 20px;
}
/*MULTIMEDIA*/
.contenedorMultimedia1 {
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	padding: 10px 10px;
	display: flex;
	justify-content: center;
	align-items: start;
	gap: 20px;
}
.videoMultimedia {
	width: 50%;
	background-color: #444444;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}
.videoMultimedia iframe{
	width: 580px;
	height: 320px;
}
.escritoVideoMultimedia{
	width: 50%;
	padding-left: 40px;
}
.escritoVideoMultimedia h3{
	width: 100%;
	font-family: 'nimbus_sans_l_bold';
	font-size: 14px;
	color: #444444;
	text-align: left;
	margin: 10px 0;
}
.escritoVideoMultimedia p{
	width: 100%;
	font-family: 'nimbus_sans_l_reg';
	font-size: 12px;
	color: #888888;
	text-align: left;
	margin: 10px 0;
}
.escritoVideoMultimedia a{
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	padding: 10px 30px;
	background-color: #1d1d1b;
	border-radius: 5px;
	text-transform: uppercase;
	margin: 15px 0;
}
.contenedorMultimedia2{
	width: 100%;
	background-color: #f3f3f3;
	padding: 30px 0;
}
.multimediaGrilla{
    width: 100%;
	margin: 0 auto;
	max-width: 1180px;
    background: #f3f3f3;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(270px,1fr));
    grid-template-rows: repeat(auto,1fr);
    gap: 20px;
}
.entradaMultimedia{
	display: flex;
	flex-flow: column wrap;
}
.entradaMultimedia img{
	width: 100%;
	height: auto;
}
.entradaMultimedia h3{
	width: 100%;
	font-family: 'nimbus_sans_l_bold';
	font-size: 12px;
	color: #444444;
	text-align: left;
	margin: 10px 0 5px 0;
}
.entradaMultimedia p{
	width: 100%;
	font-family: 'nimbus_sans_l_reg';
	font-size: 12px;
	color: #888888;
	text-align: left;
	margin: 5px 0;
}
/*CATALOGOS*/
.contenedorCatalogoHome {
	padding: 10px 10px;
	display: grid;
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
	grid-template-rows: repeat(auto, 1fr);
	gap: 20px;
}
.catalogo{ 
	width: 100%;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
}
.catalogo img{ 
	width: 100%;
	height: auto;
	border-radius: 5px;
}
.catalogo h3{ 
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
	color: #444444;
	text-align: center;
	padding: 10px 0;
	margin: 0;
}
.catalogo p{ 
	font-family: 'nimbus_sans_l_reg';
	font-size: 12px;
	color: #888888;
	text-align: center;
	margin: 0;
}

.catalogo a{ 
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	padding: 10px 30px;
	background-color: #1d1d1b;
	border-radius: 5px;
	text-transform: uppercase;
	margin: 10px 0;
}

.blog-h{
	float: left;
	width: 100%;
	background: #fcfcfc;
	padding: 50px 0;
}
.blog{ 
	float: left;
	width: 100%;
	background-color: #f3f3f3;
	border-radius: 10px;
	transition: 0.3 all ease;
	-webkit-transition: 0.3 all ease;
}
.blog:nth-child(3n){
	margin-right: 0;
}
.blog:hover{
	/* box-shadow: 0 5px 10px 0px #dfdfdf; */
}
.blog .head{
	float: left;
	width: 100%;
	padding: 10px 0;
}
.blog .head a{
	float: left;
	width: 100%;
	color: #444444;
	font-size: 12px;
	font-family: 'nimbus_sans_l_bold';
	margin: 5px 0;
}
.blog img {
	min-height: 200px;
	border-radius: 5px;
}
.blog .head p{
	float: left;
	width: 100%;
	margin: 0;
	color: #666666;
	font-size: 12px;
}
.blog .img{
	float: left;
	width: 100%;
	border-radius: 5px;
}
.blog .foot{
	float: left;
	width: 100%;
	padding: 10px 0;
}
.blog .foot p{
	float: left;
	width: 100%;
	margin: 0;
	color: #888888;
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	margin-bottom: 20px;
	height: 65px;
    overflow: hidden;
}
.blog .foot a{
	float: left;
	width: 100%;
	color: #1d1d1b;
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	text-decoration: underline;
	text-underline-position: under;
	position: relative;
}
.blog .foot a::after{
	margin-left: 10px;
	/* content: '\2192';
	font-size: 18px;
	text-decoration: none;
	display: inline-block */
	background-image: url(../img/flecha_icon_derecha.png);
	background-repeat: no-repeat;
    background-size: 20px 10px;
    display: inline-block;
    content: "";
    top: 4px;
    left: 55px;
    width: 20px;
    height: 20px;
    position: absolute;
}
.verTodosBlog {
	width: 100%;
	display: flex;
	justify-content: end;
	margin: 20px 0 35px 0;
}
.verTodosBlog a{
	color: #ff5b04;
	font-size: 14px;
	font-family: 'poppins-semibold';
	text-decoration: underline;
	text-underline-position: under;
	position: relative;
	margin-right: 30px;
}
.verTodosBlog a::after{
	margin-left: 10px;
	background-image: url(../img/flecha_icon_derecha.png);
	background-repeat: no-repeat;
    background-size: 20px 10px;
    display: inline-block;
    content: "";
    top: 2px;
    left: 160px;
    width: 20px;
    height: 20px;
    position: absolute;
}
.menu li{
	padding: 0;
	height: 13px;
	line-height: 13px;
	display: flex;
	align-items: center;
}
/* .menu > li:first-child{
	padding: 0 15px 0 0;
} */

.listasMenu:hover > a, .listasMenu:hover > article > a,.menu li.listasMenu:hover > a > i, .menu li.listasMenu:hover > .lineaMenu > a > i{
	color: var(--amarillo);
}
.menu li.bg{
	background: #ff5b04;
}
.menu li a{
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-family: 'poppins-semibold';
	display: flex;
	align-items: center;
	text-transform: uppercase;
}
.menu .categoriaMenu a{
	width: 100%;
	color: #fff;
	font-size: 18px;
	font-family: 'poppins-semibold';
	display: flex;
	align-items: center;
}
.categoriasDiv ol li a{
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	color: #888888;
}
.menu li a.verTodoMenu {
	color: #ff5b04;
	font-family: 'nimbus_sans_l_bold';
	font-size: 14px;
	text-decoration: underline;
}
.menu li a i{
	float: right;
	margin: 0 0 0 5px;
	color: #444444;
}
.menu li a.active{
	color: #444444;
}
.menu li.bg a{
	color: #fff;
}
.menu li:hover ul{
	display: flex;
}
.menu li > ul{
	position:absolute; 
	z-index:9999; 
	display:none;
	background: #fff;
	width: 1000px;
	top: calc(100% - 0px);
	padding: 10px 10px;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	border-top: 2px solid #ff5b04;
	box-shadow: 0 3px 10px -2px #d0d0d0;
	left: -150px;
}
.menu li.marcasCont {
	padding: 0;
	height: 48px;
	line-height: 16px;
	display: flex;
	align-items: center;
	position: relative;
}
.menu li > ul.marcasUL{
	position:absolute; 
	z-index:9999;
	background: #fff;
	width: 220px;
	top: calc(100% - 1px);
	left: -80px;
	padding: 10px 10px;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	box-shadow: 0 3px 10px -2px #d0d0d0;
}
.menu li:hover ul.marcasUL{
	display: block;
}

.menu li > ul.marcasUL a{
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
}
.ulAncho{
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-around;
	flex-flow: row;

}
.lineaMenu {
	display: flex;
	align-items: center;
	gap: 30px;
}
.menu .ofertasMenu a{
	color: var(--amarillo);
}
.menu .ofertasMenu a.liPedido {
	display: flex;
	align-items: center;
	gap: 5px;
}
.lineaMenu img{
	width: 100%;
	height: auto;
	max-width: 25px;
}
.categoriasDiv {
	width: 100%;
	max-width: 220px;	
}
.categoriasDiv > ol{
	margin: 0;
	padding: 0;	
}
.categoriasDiv > ol > li{
	padding: 0 0 0 5px;
	height: 35px;
}
.categoriaMenu {
	display: flex;
	align-items: center;
	gap: 10px;
}
.categoriaMenu img{
	width: 100%;
	height: auto;
	max-width: 35px;
}
.menu li > ul > li{
	float: left;
	width: 100%;
	padding: 0 15px;
    height: auto;
    line-height: normal;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}
.menu li > ul > li a{
	color: #666666;
    font-size: 12px;
	line-height: 30px;
}
.menu li > ul > li:hover{
	background: #eeeeee;
}

.hamburguer{
	float: left;
    width: 18px;
    height: 15px;
    margin-top: 22px;
    margin-right: 9px;
}
.hamburger{
	position: relative;
    top: 15px;
	left: -10px;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{
	background-color: #fff;
    position: absolute;
    width: 20px;
    height: 3px;
    border-radius: 6px;
    content: '';
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
}
.hamburger-inner:before{
	top: 6px;
}
.hamburger-inner:after{
	top: 12px;
}
.hamburguer.open .hamburger-inner{
	-webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
    background-color: #fff;
}
.hamburguer.open .hamburger-inner::after{
	-webkit-transform: translate3d(0, -12px, 0) rotate(-90deg);
    transform: translate3d(0, -12px, 0) rotate(-90deg);
    background-color: #fff;
}
.hamburguer.open .hamburger-inner::before{
	-webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
    transform: translate3d(0, -20px, 0) rotate(90deg);
    opacity: 0;
}
.slider{
	position: relative;
	float: left;
	width: 100%;
}
.cycle-slideshow {
	position: relative;
	z-index: 1;
}
.cycle-overlay {
	font-size: 45px;
	line-height: 45px;
	text-align: left;
	font-family: "nimbus_sans_l_bold";
	position: absolute;
	bottom: 40%;
	left: 10%;
	color: #fff;
	z-index: 2;
	width: 100%;
	max-width: 80%;
}
.cycle-overlay2 {
	font-size: 30px;
	line-height: 30px;
	text-align: left;
	font-family: "nimbus_sans_l_bold";
	position: absolute;
	bottom: 25%;
	left: 10%;
	color: #fff;
	z-index: 2;
	width: 100%;
	max-width: 80%;
}
.slider-pager{
	position: absolute;
	width: 100%;
	z-index: 991;
	bottom: -30px;
	left: 0;
}
.cycle-arrows{
    position: absolute;
    z-index: 999;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%,0);
    padding: 0 100px;
    height: 20px;
    width: 100%;
}
.cycle-arrows .arrow{
    position: absolute;
    left: -10px;
    top: -10px;
    height: 70px;
    line-height: 70px;
    width: 70px;
    /*background: #f26522;*/
    text-align: center;
    color: #fff;
    /*border: 1px solid #fff;*/
    cursor: pointer;
}
.cycle-arrows .arrow.next{
    right: 5%;
    left: auto;
}

.contenedorPage {
	display: flex;
    margin: 0 auto;
    width: 100%;
    max-width: 1180px;
    padding: 0 50px;
    justify-content: center;
}
.slider-pager .pager{
	float: right;
	margin: 0 auto;
	max-width: 1180px;
	display: flex;
	align-items: center;
	position: relative;
	gap: 8px;
}
.slider-pager span{
	background: #888888;
	color: transparent;
	width: 10px;
	height: 10px;
	float: right;
	margin-left: 3px;
	border-radius: 100%;
	cursor: pointer;
	border: 1px solid #fff;
}
.slider-pager span.cycle-pager-active{
	background: #1d1d1b;
	width: 12px;
	height: 12px;
	border: 1px solid #1d1d1b;
}
.slider .arrows{
	display: table;
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	position: relative;
}
.slider .arrow{
	position: absolute;
	bottom: 200px;
	left: 5%;
	background: #fff;
	z-index: 991;
	width: 35px;
	height: 44px;
	text-align: center;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	color: #888888;
	/* opacity: 0.8; */
}

.slider #prev{
	left: 0;
}
.slider #next{
	right: 0;
}
.ingreso{
	float: left;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding: 40px 0;
}
.ingreso .mid{
	float: left;
	width: 50%;
}
.ingreso .mid a{
	display: table;
	clear: both;
	margin: 0 auto;
	color: #2c2c2b;
	font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}
.ingreso .mid a span{
	float: left;
	padding: 10px 0;
}
.ingreso .mid a span img{
	float: right;
    margin-top: 8px;
    margin-left: 20px;
}
.ingreso .mid a .img{
	float: left;
	width: 70px;
	height: 70px;
	background: #74bc1f;
	padding: 13px;
	border-radius: 100%;
	margin-right: 20px;
}
.ingreso .mid a .img.blue{
	background: #25b2cc;
}

.banners{
	float: left;
	width: 100%;
	margin: 10px 0px;
}


/*FLECHAS */
.banners > .contenedorBanner{
	padding: 10px 10px 15px 10px;
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	position: relative;
}
.banners > .contenedorBanner .owl-nav {
	position: absolute;
    z-index: 999;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%,0);
    padding: 0 100px;
    height: 20px;
    width: 100%;
}
.banners > .contenedorBanner .owl-nav > .owl-prev{
	position: absolute;
    bottom: -30px;
    left: 0px;
    background: #fff;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	color: #595959;
    z-index: 991;
    width: 38px;
    height: 55px;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 10px;
}
.banners > .contenedorBanner .owl-nav > .owl-prev span {
	padding: 0;
    margin: 0;
    border-radius: 100px;
    width: 25px;
    font-size: 25px;
    height: 25px;
    float: left;
    line-height: 14px;
    background-image: url(../img/flecha_prev.png);
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
}
.banners > .contenedorBanner .owl-nav > .owl-next{
	position: absolute;
    bottom: -30px;
    right: 0px;
    background: #fff;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	color: #595959;
    z-index: 991;
    width: 38px;
    height: 55px;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 10px;
}
.banners > .contenedorBanner .owl-nav > .owl-next span {
	padding: 0;
    margin: 0;
    border-radius: 100px;
    width: 25px;
    font-size: 25px;
    height: 25px;
    float: left;
    line-height: 14px;
    background-image: url(../img/flecha_next.png);
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
}





.banners .col{
	float: left;
	width: calc(100% / 6 - 17px);
	margin-right: 20px;
	margin-top: 20px;
}
.banners .col:nth-child(6n){
	margin-right: 0;
}
.banners .banner{
	float: left;
	width: 100%;
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
}
.banners .banner .img{
	float: left;
	width: 100%;
}
.banners .banner .name{
	float: left;
    width: 100%;
    color: #1d1d1b;
    font-size: 16px;
    padding-top: 5px;
}
.banners .banner1{
	float: left;
	width: 100%;
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	margin-top: 10px;
}
.banners .banner1 .img{
	float: left;
	width: 100%;
}
.banners .banner2{
	float: left;
	width: calc(50% - 10px);
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.banners .banner2:nth-child(2n){
	margin-right: 0;
}
.banners .banner2 .img{
	float: left;
	width: 100%;
}

.banners .banner3{
	float: left;
	width: calc(100% / 3 - 14px);
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	margin-right: 20px;
	margin-bottom: 20px;
}
.banners .banner3:nth-child(3n){
	margin-right: 0;
}
.banners .banner3 .img{
	float: left;
	width: 100%;
}
.banners .mid{
	float: left;
	width: calc(50% - 10px);
	margin-right: 20px;
	margin-top: 20px;
}
.banners .mid:nth-child(2n){
	margin-right: 0;
}
.banners .mid .banner4{
	float: left;
	width: 100%;
}
.banners .mid .banner5{
	float: left;
	width: 100%;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 20px;
}
.prod .imagenGuardado{
	width: 100%;
	max-width: 20px;
}
.productos.destacados{
	background: #f4f4f4;
	padding: 40px 0 90px;
}
.productos.destacados .prod{
	margin-top: 20px;
}
.productos.padd{
	padding: 40px 0 40px;
}
.productos.padd .prod{
	margin-top: 20px;
	width: 100%;
}
.title{
	float: left;
	width: 100%;
	margin: 30px 0 20px 0;
	/* background: url('../img/icon.png') left 2px no-repeat; */
}
.adornoSuperiorTitle {
	width: 120px;
	height: 4px;
	color: #ff5b04;
	background-color: #ff5b04;
	float: left;
	border: none;
	border-radius: 10px;
	margin-bottom: 20px;
}
.title h3{
	font-family: 'nimbus_sans_l_bold';
    float: left;
    width: 100%;
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    color: #444444;
	text-transform: uppercase;
}
.title p{
	float: left;
	width: 100%;
	max-width: 580px;
	color: #999999;
	margin: 10px 0 0;
    padding: 0 0 0 18px;
    font-size: 14px;
}
.tituloExitos {
	margin: 10px 0 40px 0;
}







.lin-destacadas{
	float: left;
	width: 100%;
	padding: 40px 0 20px;
}
.lin-destacadas .banner{
	float: left;
	width: calc(50% - 10px);
	margin-top: 20px;
	margin-bottom: 20px;
}
.lin-destacadas .productos-min{
	float: left;
	width: calc(50% - 10px);
	margin-top: 20px;
	margin-left: 20px;
}
.lin-destacadas .productos-min .prd{
	float: left;
	width: calc(100% / 3 - 14px);
	background: #f4f4f4;
	margin-bottom: 20px;
	padding: 15px;
	margin-right: 20px;
}
.lin-destacadas .productos-min .prd:nth-child(3n){
	margin-right: 0;
}
.lin-destacadas .productos-min .prd .img{
	float: left;
	width: 100%;
	height: 120px;
	background: #fff;
}
.lin-destacadas .productos-min .prd .img img{
	object-fit: contain;
	-o-object-fit: contain;
	width: 100%;
	height: 100%;
}
.lin-destacadas .productos-min .prd .nombre{
	float: left;
    width: 100%;
    margin-top: 15px;
    font-weight: 600;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
}
.banners2{
	float: left;
	width: 100%;
	margin-top: 20px;
	padding: 0 0 40px;
}
.banners2 h3{
	margin-bottom: 20px;
}
.banners2 .banner{
	float: left;
	width: calc(100% / 3 - 14px);
	margin-right: 20px;
}
.banners2 .banner:nth-child(3n){
	margin-right: 0;
}
h3{
	float: left;
	width: 100%;
	color: #2c2c2b;
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 600;
}
.btn{
	float: left;                                                                                                            
	width: 100%;
	background: var(--amarillo);
	margin-top: 20px;
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	line-height: 44px;
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	cursor: pointer;
	border: 0;
}
.btn:hover{
	background: #1d1d1b;
}
.btn.disabl{
	background: #ccc;
}
.btn.disabl:hover{
	background: #ccc;
}


.productos{
	display: grid;
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
    gap: 20px;
}

.prod{float: left; width: calc(20% - 16px); position: relative; border: 1px solid #dddddd; margin-right: 20px; background: #fff; transition: 0.3s all ease; -webkit-transition: 0.3s all ease; min-height: 320px; overflow: hidden; border-radius: 10px;}

.productosHome.pr-rel .prod{
	width: calc(23% - 10px);
}
.cintaStock {
	width: 120px;
	height: 25px;
	background-color: #ed3d3b;
	position: absolute;
	top: 15px;
	left: 0px;
	font-size: 12px;
	text-align: center;
	border-radius: 5px;
	font-family: 'nimbus_sans_l_reg';
	z-index: 99;
	display: flex;
	justify-content: center;
	align-items: center;
}
.textoCintaSinStock {
	color: #fff;
}
.textoCintaConStock {
	color: #0bc307;
}
.prod:nth-child(5n){
	margin-right: 0;
}
.prod:hover{box-shadow: 0 0 10px rgba(0,0,0, 0.2);/*border: 1px solid #1d1d1b;*/}
.prod:hover .conBotonThumbs button{
    background: var(--amarillo);
	color: #fff;
	border: solid 1px var(--amarillo);
	cursor: pointer;
}
.prod .desc{
	position: absolute;
    bottom: 15px;
    left: 15px;
    background: var(--rojo);
    color: #fff;
    width: 60px;
    height: 30px;
    line-height: 32px;
    text-align: center;
	border-radius: 5px;
    font-size: 16px;
	font-family: 'nimbus_sans_l_bold';
    z-index: 99;
}

.contenedorFicha .imagen .desc{
	position: absolute; top: 15px; right: 15px; background: var(--rojo); color: #fff; width: 80px; height: 40px; line-height: 42px; text-align: center; border-radius: 5px; font-size: 16px; font-family: 'nimbus_sans_l_bold';
    z-index: 99; }

.prod .desc-cyber{
	position: absolute;
	bottom: 15px;
    left: 20px;
	color: #fff;
	width: 40px;
	height: auto;
	line-height: 50px;
	text-align: center;
	font-size: 26px;
	font-weight: 600;
	z-index: 99;
}
.prod .desc-cyber span{
	position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    line-height: 26px;
    font-size: 14px;
}
.prod .like{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #ff5b04;
	font-size: 20px;
	line-height: 18px;
	text-align: center;
	transition: 0.3s all linear;
	-webkit-transition: 0.3s all linear;
	border-radius: 100%;
	z-index: 99;
}
.prod .like:hover{
	background: rgba(223,225,230,0.3);
}
.prod .like:active{
	background: rgba(223,225,230,0.8);
}
.prod .img{
	float: left;
	width: 100%;
	height: 219px;
	position: relative;
	padding: 8px;
}
.prod .img img{
	object-fit: contain;
	-o-object-fit: contain;
	width: 100%;
	height: 100%;
}
.prod .img .ultima{
	position: absolute;
    bottom: 0;
    left: 20px;
    background: #2977ff;
    color: #fff;
    border-radius: 2px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.prod .detail{
	float: left;
	width: 100%;
	padding: 5px 20px 0 20px;
	position: relative;
}
.prod .dctoCant{
	position: absolute;
	top: -20px;
	left: 0;
	background: #4285f4;
	padding: 0 20px;
	color: #fff;
	text-transform: uppercase;
	height: 19px;
}
.prod .icon{
	position: absolute;
	width: 36px;
	height: 36px;
	top: -18px;
	background: #fff;
	border: 1px solid #dfe1e6;
	border-radius: 100%;
}
.prod .icon.envio{
	right: 20px;
	background: url('../img/envio.png') #fff center center no-repeat;
}
.prod .icon.retiro{
	right: 66px;
	background: url('../img/tienda.png') #fff center center no-repeat;
}
.prod .detail .precio{
	width: 100%;
	color: #1d1d1b;
	font-size: 16px;
	font-family: 'nimbus_sans_l_bold';
	display: flex;
	flex-flow: wrap;
	gap: 5px;
	align-items: center;
	justify-content: left;
}
.prod .detail .precio small{
	color: #888888;
	font-size: 12px;
	text-decoration: line-through;
	font-family: 'nimbus_sans_l_bold';
}
.prod .detail .precio p{
	float: left;
	width: 100%;
	color: #999999;
	font-size: 11px;
	margin: 0;
	font-family: 'nimbus_sans_l_reg';
}
.prod .detail .precio span{
	display: inline;
    font-size: 18px;
}
.prod .detail .cuotas{
	width: 100%;
	color: #1d1d1b;
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
}
.prod .detail .cuotas p{
	width: 100%;
	color: #999999;
	font-size: 12px;
	margin: 0;
	font-family: 'nimbus_sans_l_reg';
}
.conBotonThumbs{
	width: 100%;
	display: flex;
	justify-content: center;
}

.conBotonThumbs button{ width: 100%; margin: 15px 0; border-radius: 5px; background: #fff; /*transition: background 1s, color 0.5s;*/ -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #666; height: 44px; line-height: 44px; max-width: 280px; font-family: 'nimbus_sans_l_bold'; font-size: 14px; border: 1px solid #999;}
.prod .detail .marca{ width: 100%; color: var(--amarillo); font-family: 'nimbus_sans_l_bold'; font-size: 10px; text-transform: uppercase; margin-bottom: 5px; text-align: left;}
.prod .detail .nombre{width: 100%; color: #666; font-family: 'nimbus_sans_l_bold'; font-size: 12px; line-height: 14px; min-height: 32px; height: auto; overflow: hidden; text-align: left;}
.prod .detail .btn{
	float: left;
	width: 100%;
	background: #1d1d1b;
	margin-top: 20px;
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	line-height: 46px;
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
}
.prod .detail .btn:hover{
	background: #f9d46b;
}
.productos.bg{
	background: #f6f6f6;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
}
.marcas{
	float: left;
	width: 100%;
	padding: 30px 0 50px  0;
}
.marcas .col{
	float: left;
	width: calc(100% / 6);
	text-align: center;
	margin-top: 20px;
}
.contSlick{
	float: left;
	width: 100%;
}
.contSlick .slidesMarcas{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.slick-list{
	overflow: hidden;
}
.slick-arrow{
	position: absolute;
	top: calc(50% - 20px);
	right: 0;
	background: #ea4335;
	color: #fff;
	border: 0;
	font-size: 20px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	z-index: 9991;
}
.slick-arrow.slick-next{
	right: -10px;
}
.slick-arrow.slick-prev{
	left: -10px;
}
/*
FOOTER OLD
footer{
	float: left;
	width: 100%;
	margin: 0;
	background: #444444;
	padding: 15px 0 0;
}
.contFooter {
	max-width: 1180px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-areas:
	  "col1 col1 col1 col1 col1 col1"
	  "col2 col2 col3 col4 col5 col5";
	margin: 0 auto;
	gap: 20px;
	padding-top: 10px;
}
footer .line-logo{
	float: left;
	width: 100%;
}
footer .contNav{
	float: left;
	width: 100%;
}
footer .contNav .col{
	float: left;
	width: calc(22% - 15px);
	margin-right: 20px;
}
footer .contNav .col:nth-child(4n){
	margin-right: 0;
	width: calc(34% - 15px);
}
footer .contNav h4{
	color: #fff;
	font-size: 14px;
	margin: 15px 0;
	float: left;
	font-family: 'nimbus_sans_l_bold';
	width: 100%;
}
.siguenosMovil {
	display: none;
}
footer .contNav ul{
	float: left;
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
}
footer .contNav ul li{
	list-style: none;
	float: left;
	width: 100%;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
}
footer .contNav ul li span{
	font-size: 14px;
}
footer .contNav ul li a{
	color: #fff;
	font-size: 14px;
}
footer .contNav .img{
	float: left;
	width: 50%;
	height: 70px;
}
footer .colMedios{
	float: left;
    width: 25%;
}
footer .colMedios h4{
	color: #fff;
	font-size: 14px;
	margin: 25px 0;
	float: left;
	width: 100%;
}
footer .medios{
	float: left;
	display: flex;
	flex-flow: wrap;
	gap: 15px;
}
footer .colMedios .colRedes{
	float: left;
	width: 100%;
}
footer .colMedios .colRedes .social{
	float: left;
	width: 100%;
}
footer .colMedios .colRedes .social a{
	float: left;
	color: #fff;
	font-size: 16px;
	margin-right: 20px;
	margin-top: -20px;
}
footer .col .sellos{
	float: left;
	width: 100%;
	padding-top: 20px;
}
footer .col .sellos img{
	float: left;
    margin-right: 20px;
}
footer .foot{
	float: left;
	width: 100%;
	background: #444444;
	margin-top: 10px;
	border-top: 1px solid #ffffff;
}
footer .foot .copyright{
	float: left;
	font-size: 12px;
	color: #ffffff;
	line-height: 20px;
	text-transform: uppercase;
}
footer .foot .nave{
	float: left;
	width: calc(80% - 20px);
}
footer .foot .nave ul{
	display: table;
	clear: both;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
footer .foot .nave ul li{
	float: left;
	padding: 0 15px;
}
footer .foot .nave ul li a{
	color: #999999;
	text-transform: uppercase;
	line-height: 48px;
}
footer .foot .m{
	line-height: 20x;
    height: 20x;
    padding: 1px 0;
    float: right;
}
*/
.breadcrumb{
	float: left;
	width: 100%;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	min-height: 40px;
}
.breadcrumb.no-mar{
	margin: 0;
}
.breadcrumb .atras{
	float: left;
    color: #cecccc;
    line-height: 40px;
    margin-right: 20px;
    font-size: 12px;
    /* font-weight: 600; */
}
.breadcrumb .atras img{
	float: left;
	margin: 13px 10px 0 0;
}
.breadcrumb .atras i{
	font-size: 11px;
	margin-right: 10px;
}
.breadcrumb ul{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0px;
}
.breadcrumb ul li{
	float: left;
	line-height: 40px;
	font-family: 'nimbus_sans_l_reg';
}
.breadcrumb li a{
	color: #cecccc;
	font-size: 12px;
}
.breadcrumb li a::after{
	margin-right: 5px;
    content: " | ";
    margin-left: 3px;
}
.breadcrumb li.active{ color: #888888; font-weight: 600; text-transform: lowercase;}
/*FICHA*/

.ficha{
	width: 100%;
	float: left;
	padding: 40px 0;
}
.ficha-detail{
	padding: 15px 0 0 0;
}
.ficha-detail2{
	padding: 15px 0 0 0;
}
.contenedorFicha {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	padding: 5px;
}
.ficha .imagen{
	width: 100%;
	display: grid;
	grid-template-columns: 90px 1fr;
	grid-template-areas: "miniGaleria  slides-gal";
	gap: 10px; position: relative;
}
.ficha .miniGaleria{
	grid-area: miniGaleria;
	display: flex;
	flex-flow: nowrap column;
	gap: 20px;
	max-height: 500px;
    overflow-y: scroll;
	padding: 15px 10px 0 0;
}
.ficha .miniGaleria::-webkit-scrollbar {
    width: 4px;
}
.ficha .miniGaleria::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 5px;
}

.ficha .miniGaleria a{
	max-height: 80px;
}
.ficha .miniGaleria a img{
	border: 1px solid #dddddd;
	width: 100%;
	height: auto;
}
.ficha .miniGaleria a:first-child img{
	/* border: 1px solid #1d1d1b; */
}
.ficha .miniGaleria a img:hover{
	border: 1px solid #1d1d1b;
}


.ficha .imagen .slides-gal{
	width: 100%;
	position: relative;
	grid-area: slides-gal;
}
.ficha .imagen .slides-gal a{
	/* border: 1px solid #dddddd; */
}
.ficha .slides-gal .desc-cyber{
	position: absolute;
	top: 30px;
    left: 5px;
	color: #fff;
	width: 50px;
	height: auto;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	z-index: 100;
}
.ficha .slides-gal .cintaStockFicha span{
	position: absolute;
    top: 35px;
    left: 0;
    background: #ed3d3b;
    color: #fff;
    width: 130px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    font-family: 'nimbus_sans_l_reg';
    z-index: 991;
    border-radius: 5px;
}
.ficha .slides-gal .desc-cyber span{
	position: absolute;
    bottom: 7px;
    left: 0;
    width: 100%;
    line-height: 26px;
    font-size: 16px;
}
.ficha .slides-gal .img{
	float: right;
	width: 100%;
	/* border-right: 1px solid #ededed; */
	height: 510px;
	position: relative;
}
.ficha .slides-gal .img img{
	object-fit: contain;
	-o-object-fit: contain;
	width: 100%;
	height: 100%;
}
.ficha .slides-gal .desc{
    position: absolute;
    top: 35px;
    left: 0px;
    background: #ed3d3b;
    color: #fff;
    width: 100px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
	font-family: 'nimbus_sans_l_bold';
    z-index: 991;
	border-radius: 5px;
}
.ficha .slides-gal .pager-gal{
	display: table;
	clear: both;
	margin: 0 auto;
	position: relative;
    z-index: 991;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ficha .slides-gal .sl-pager{
	float: left;
    width: 100%;
    margin-top: -30px;
}
.ficha .slides-gal .pager-gal span{
	float: left;
    width: 10px;
    height: 10px;
	border: 1px solid #1d1d1b;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 100%;
    text-align: center;
    color: transparent;
    cursor: pointer;
	margin: 2px 8px;
}
.ficha .slides-gal .pager-gal span:last-child{
	margin-bottom: 0;
}
.ficha .slides-gal .pager-gal span.cycle-pager-active{
	background: #1d1d1b;
	width: 6px;
	height: 6px;
	margin: 0 8px;
}
.ficha .slides-gal .arrow{
	position: absolute;
	top: calc(50% - 20px);
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid #ff5b04;
	color: #ff5b04;
	cursor: pointer;
	text-align: center;
    line-height: 45px;
    z-index: 9991;
}
.ficha .slides-gal .arrow i{
	font-size: 16px;
}
.ficha .slides-gal #prev.arrow{
	left: 20px;
}
.ficha .slides-gal #next.arrow{
	right: 20px;
}
.ficha .slides-gal .ultima{
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 991;  
	background: #1d1d1b;
	color: #fff;
	font-size: 14px;
	line-height: 46px;
	padding: 0 20px;
	font-weight: 600;
}
.ficha .data{
	width: 100%;
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.ficha .data .sku{font-family: 'nimbus_sans_l_bold'; color: var(--blanco); font-size: 10px; width: 100%; margin-bottom: 15px; float: left;  }
.ficha .data .sku span{background-color: var(--rojo_claro); border-radius: 4px; padding: 1px 4px; float: left; letter-spacing: 1px;}

.ficha .data .marca{
    color: var(--amarillo);
    font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	width: 100%;
	text-transform: uppercase;
}

.ficha .data .tituloColor{
	width: 100%; 
	font-size: 16px; 
	color: #333; 
	font-family: 'nimbus_sans_l_bold'; 
	margin-bottom: 10px;
}

.ficha .data .nombreColor{
	width: 100%;
	margin: 15px 0;
	font-size: 14px; 
	color: #444444; 
	font-family: 'nimbus_sans_l_reg'; 
}
.currentColor{
	border: solid 3px #1d1d1b;
}
.varianteColor{
	width: 30px;
	height: 30px; 
	-webkit-transition: all .1s; 
	-moz-transition: all .1s; 
	-o-transition: all .1s; 
	transition: all .1s; 
}
.varianteTamano{
	background: #fff;
    width: 100%;
    border: 1px solid #dfe1e6;
    padding: 0 20px;
    color: #999;
    font-size: 14px;
    font-weight: 600;
    margin: -1px 0;
    background: url(../img/select-arrow.png) 96% 52% no-repeat #fff;
    -webkit-appearance: none;
    border-radius: 5px;
    height: 48px;
}
.varianteLateralidad{
	background: #fff;
    width: 100%;
    border: 1px solid #dfe1e6;
    padding: 0 20px;
    color: #999;
    font-size: 14px;
    font-weight: 600;
    margin: -1px 0;
    background: url(../img/select-arrow.png) 96% 52% no-repeat #fff;
    -webkit-appearance: none;
    border-radius: 5px;
    height: 48px;
}
.varianteColor:hover{
	border: solid 3px #1d1d1b;
}
.ficha .data .contDescrpcionCorta{
	width: 100%; 
	font-size: 14px; 
	color: #888888; 
	font-family: 'nimbus_sans_l_reg'; 
}
.ficha .data .contDescrpcionCorta h5{
	width: 100%; 
	font-size: 16px; 
	color: #888888; 
	font-family: 'nimbus_sans_l_reg'; 
	margin-bottom: 5px;
}
.ficha .data .contDescrpcionCorta p{
	width: 100%; 
	font-size: 16px; 
	color: #888888; 
	font-family: 'nimbus_sans_l_reg'; 
	margin-bottom: 5px;
}
.ficha .data .contFichaTecnica{
	width: 100%;
	display: flex;
	gap: 15px;
	font-family: 'nimbus_sans_l_bold';
	font-size: 14px;
	color: #1d1d1b;
	text-decoration: underline;
	align-items: center;
	margin-top: 15px;
}
.ficha .data .botonVideo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 160px;
	font-family: 'nimbus_sans_l_bold';
	font-size: 14px;
	color: #1d1d1b;
	background-color: transparent;
	margin-top: 15px;
	height: 45px;
	border-radius: 5px;
	border: 1px solid #1d1d1b;
}
.ficha .data .entregas{
	float: left;
	margin: 10px 0;
    color: #00a650;
    font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	width: 100%;
	text-align: justify;
}
.ficha .data .entregas p{
    color: #00a650;
    font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	width: 100%;
	line-height: 14px;
	margin: 5px 0;
}
.ficha .data .entregas p strong{
    font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
}
.ficha .data .entregas p.soloSantiago{
    width: 100%;
    font-size: 12px;
    font-family: 'nimbus_sans_l_bold';
    color: #666;
	margin-left: 25px;
}
.ficha .data .calculosEntrega{
	display: flex;
	align-items: flex-start;
	gap: 7px;
}
.ficha .data .calculosEntrega i{
	margin-top: 5px;
}
.ficha .data .calculosEntrega .despachosFicha {
	color: #666;
}
.ficha .data .stock{
	float: left;
	color: #0bc307;
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	width: 100%;
	margin-bottom: 20px;
}
.ficha .data .stock.no{
	color: #e31d1d;
}
.ficha .data .nombre{
	width: 100%;
	color: #444444;
	font-size: 20px;
	font-family: 'nimbus_sans_l_bold';
	line-height: 24px;
	margin: 5px 0;
	text-transform: uppercase;
}
.ficha .data .precio{ width: 100%; color: var(--rojo_precio); font-size: 30px; font-family: 'nimbus_sans_l_bold'; line-height: 28px; margin: 7px 0; display: flex; align-items: start; flex-flow: column; gap: 3px;}
.ficha .data .precio .antes{color: #888888; font-size: 14px; font-family: 'nimbus_sans_l_reg'; line-height: 14px; text-decoration: line-through;}
.ficha .data .precio strong{
	float: left;
}
.ficha .data .precio p{
	font-size: 20px;
	color: #666666;
	margin: 0;
	font-family: 'nimbus_sans_l_reg';


}
.ficha .data .precio span{
	font-size: 16px;
	float: left;
}
.ficha .data .precio small{
	font-size: 16px;
	font-weight: 500;
}
.ficha .data .precio .usd{
	float: left;
	width: 100%;
	color: #999999;
	font-size: 14px;
	font-weight: 700;
}
.ficha .data .precio .ultima{
	position: absolute;
    bottom: 0;
    right: 0;
    background: #2977ff;
    color: #fff;
    border-radius: 2px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
	font-size: 12px;
}
.ficha .data .cuotas{
	width: 100%;
	float: left;
	color: #1d1d1b;
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	margin: 0 0 10px 0;
}
.ficha .data .cuotas p{
	width: 100%;
	color: #999999;
	font-size: 12px;
	margin: 0;
	font-family: 'nimbus_sans_l_reg';
}
.ficha .data .cuotas img{
	width: 100%;
	height: auto;
	max-width: 370px;
}
.ficha .data .medida{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.ficha .data .medida span{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #000000;
	font-weight: 700;
	margin-bottom: 15px;
}
.ficha .data .medida select{
	background: #ffffff;
	float: left;
	width: 100%;
	max-width: 160px;
	border: 1px solid #ff5b04;
	padding: 0 20px;
	font-family: 'nimbus_sans_l_bold';
	color: #444;
	font-size: 16px;
	margin: 0;
	background: url(../img/flecha_abajo.png) calc(100% - 10px) center no-repeat #fff;
	/* background: url(../img/select-arrow.png) calc(100% - 20px) center no-repeat #fff; */
	-webkit-appearance: none;
	border-radius: 8px;
	height: 45px;
}
.ficha .data .desc{
	float: left;
	width: 100%;
	color: #666666;
	font-size: 16px;
	font-weight: 600;
}
.ficha .data .desc p{
	float: left;
	width: 100%;
	color: #999999;
	margin: 10px 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
}
.ficha .data .add-cant{
    width: 100%;
	display: flex;
	align-items: center;
	gap: 15px;
}
.ficha .data .contCantidad{
	display: flex;
	flex-flow: column wrap;
}
.ficha .data .contCantidad label{
	float: left;
    width: 100%;
    font-size: 16px;
    color: #000;
    font-weight: 700;
}
.ficha .data .cantidad{
	margin: 0 0 20px;
    width: 80px;
    text-align: center;
    height: 42px;
	line-height: 42px;
	color: #000000;
	font-size: 14px;
	font-weight: 600;
	border: 1px solid #888;
	float: left;
	border-radius: 10px;
	overflow: hidden;
}
.ficha .data .cantidad select{
	background: #ffffff;
	float: left;
	width: 100%;
	border: none;
	padding: 0 10px;
	color: #444444;
	text-align: center;
	font-size: 16px;
	font-family: 'nimbus_sans_l_bold';
	margin: 0;
	background: url(../img/flecha_abajo.png) calc(100% - 10px) center no-repeat #fff;
	-webkit-appearance: none;
	border-radius: 10px;
	height: 42px;
}
.ficha .data .input-cant{
	border: 1px solid #ff5b04;
	border-radius: 10px;
	display: none;
	background: transparent;
	float: left;
	width: 100%;
	padding: 0 10px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	height: 42px;
	line-height: 42px;
	text-align: center;
}
.ficha .data .btn{
	float: right;
	width: calc(100% - 100px);
	margin: 0;
	border-radius: 5px;
	background: #1d1d1b;
	height: 44px;
    line-height: 44px;
	max-width: 280px;
	font-family: 'nimbus_sans_l_bold';
	font-size: 14px;
	color: #ffffff;
}
.ficha .data .btn:hover{background-color: var(--amarillo);}
.ficha .data .btn.consultar{
	background: #ccc;
}
.ficha .data .favoritos{
	margin: 10px 0;
}
.ficha .data .like{font-family: 'nimbus_sans_l_reg'; font-size: 14px; color: var(--rojo); cursor: pointer; float: left; width: 100%; margin-bottom: 20px;}
.ficha .data .like img{ float: left; margin-right: 10px;}
.ficha .data .despacho{
    width: 100%;
    margin: 15px 0;
    font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
    color: #444444;
	display: flex;
	gap: 10px;
	align-items: center;
}
.ficha .data .despacho img{
	padding: 0px;
	border: 1px solid var(--green);
	border-radius: 31px;
}
.ficha .data .metodos{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.ficha .data .metodos .medios{
	float: left;
	width: 100%;
	display: flex;
	flex-flow: wrap;
	gap: 15px;
}
.ficha .data .metodos .medios img{
	width: 100%;
	height: auto;
}
.ficha .data .metodos span{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #000000;
	font-weight: 700;
	margin-bottom: 15px;
}

.est-cientificos{
	float: left;
	width: 100%;
	margin: 30px 0;
}
.est-cientificos p{
	float: left;
	width: 100%;
	margin: 20px 0;
	font-size: 14px;
	color:#666666;
	max-width: 700px;
}
.est-cientificos .downl{
	float: left;
    clear: both;
    border: 1px solid #74bc1f;
    background: #fff;
    color: #74bc1f;
    height: 50px;
    line-height: 50px;
    width: 280px;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 18px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    cursor: pointer;
}
.est-cientificos .downl:hover{
	background: #74bc1f;
	color: #fff;
}
.otras-publi{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.otras-publi .lines{
	float: left;
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}
.otras-publi .lines .line{
	float: left;
	width: 100%;
	padding: 18px 20px;
	border-bottom: 1px solid #eeeeee;
}
.otras-publi .lines .line .icon{
	float: left;
	width: 20px;
	height: 20px;
	background: url('../img/link.png') center center no-repeat;
	margin-right: 20px;
}
.otras-publi .lines .line a{
	float: left;
	width: calc(100% - 40px);
	color: #0066ff;
	font-size: 14px;
}
.ficha-detalle{
	float: left;
	width: 100%;
	padding: 50px 0;
}
.ficha-detalle .contDescripciones{
	display: table;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
    padding: 30px 80px;
	max-width: 980;
	border: 3px solid #333333;
	border-radius: 5px;
	background-color: #fff;
}
.ficha-detalle .alimentacion{
	float: left;
    width: 100%;
    background: #f9f9f9;
}
.ficha-detalle .alimentacion .line{
	float: left;
	width: 100%;
	padding: 50px 0;
}
.ficha-detalle .alimentacion .line .name{
	float: left;
    width: 25%;
    font-size: 20px;
    color: #ff5b04;
    font-weight: 700;
    margin-right: 40px;
    padding-left: 70px;
}
.ficha-detalle .alimentacion .line .desc{
	float: left;
	width: calc(75% - 100px);
	border-top: 1px solid #ededed;

}
.ficha-detalle .alimentacion .line .desc p{
	float: left;
	width: 100%;
	margin: 0;
	font-size: 14px;
	color: #999999;
	border-bottom: 1px solid #ededed;
	padding: 10px 0;
}
.ficha-detalle .alimentacion .line .desc p strong{
	float: left;
	width: 100%;
	color: #333333;
}

.ficha-detalle .especificaciones{
	float: left;
	width: 100%;
}

.titulosMenuTabs {
    width: 100%;
    height: auto;
    background-color: #fff;
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
  }
  .divisionDescripciones {
	  width: 100%;
	  /* border-bottom: 1px solid #1d1d1b; */
  }
  
  .titulosMenuTabs a {
	text-align: center;
	line-height: 42px;
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
	color: #cccccc;
	margin: 0 0px;
	min-width: 180px;
	padding: 0 10px;
	text-transform: uppercase;
	
  }
  .titulosMenuTabs a.tabActivo {
	color: #444444;
	text-decoration: underline;
  }
.tabsGenerico{
	  float: left; width: calc(100% - 40px); padding: 20px; display: none;
}
.contDescripcion{float: left; width: 100%; color: #666; max-width: 800px; line-height: 23px; font-size: 14px;}
.contDescripcion img{
	width: 100%;
	height: auto;
	max-width: fit-content;
}
.contDescripcion p{
	width: 100%; 
	line-height: 18px; 
	font-family: 'nimbus_sans_l_reg'; 
	font-size: 14px;
	color: #444444;
}

.ficha-detalle .especificaciones .line{
	float: left;
	width: 100%;
	padding: 50px 0;
}
.ficha-detalle .especificaciones .line .name{
	float: left;
    width: 25%;
    font-size: 20px;
    color: #036f40;
    font-weight: 700;
    margin-right: 40px;
    padding-left: 70px;
}
.ficha-detalle .especificaciones .line .desc{
	float: right;
	width: calc(75% - 100px);
	margin-right: 60px;
	margin-bottom: 20px;
}
.ficha-detalle .especificaciones .line .desc h4{
	float: left;
	width: 100%;
	font-size: 18px;
	color: #333333;
	margin-top: 0;
	cursor: pointer;
}
.ficha-detalle .especificaciones .line .desc h4 span{
	float: right;
    font-size: 20px;
    line-height: 27px;
}
.ficha-detalle .especificaciones .line .desc p{
	float: left;
	width: 100%;
	margin: 0;
	font-size: 14px;
	color: #999999;
	padding: 10px 0;
}
.ficha-detalle .especificaciones .line .desc p ul li{
	float: left;
	width: 100%;
	color: #999999;
}

.ficha-detalle .especificaciones .line .desc .txt{
	float: left;
	width: 100%;
	display: none;
	border-bottom: 1px solid #ededed;
}

.comparador{
	float: left;
	width: 100%;
	background: #f9f9f9;
	margin: 50px 0 0 0;
	padding: 50px 0 50px 0;
}
.comparador h3{
	text-align: left;
	margin-top: 0;
	color: #444444;
	font-size: 22px;
	font-family: 'bevanregular';
}
.comparador .col{
	float: left;
	width: 20%;
}
.comparador .col .line{
	float: left;
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	padding: 15px 20px;
	font-size: 14px;
	color: #444444;
	font-family: 'nimbus_sans_l_reg';
	background: #fff;
}
.comparador .col .line strong{
	font-size: 14px;
	font-family: 'poppins-semibold';
	color: #444444;
}
.comparador .col:last-child .line{
	border-right: 1px solid #d8d8d8;
}
.comparador .col .line:first-child{
	border: 0;
	border-bottom: 1px solid #d8d8d8;
	background: #f9f9f9;
}
.comparador .col .line.img{
	height: 200px;
	background: #fff;
}
.comparador .col .line.img > div{
	float: left;
    width: 100%;
    height: 130px;
}
.comparador .col .line.img > div img{
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%;
}
.comparador .col .line.desc{
	height: 190px;
	overflow: hidden;
}
.comparador .col:first-child .line.img{
	background: #f9f9f9;
}
.comparador .col .line.img span:first-of-type {
    margin-top: 10px;
}
.comparador .col .line.img span{
	float: left;
    width: 100%;
    color: #666666;
	font-family: 'poppins-semibold';
    text-align: center;
    font-size: 12px;
}






.complementos{
	float: left;
	width: 100%;
}
.comlementos .col{
	float: left;
	width: calc(25% - 15px);
	margin-right: 20px;
	position: relative;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	margin-top: 20px;
}
.comlementos .col .img{
	float: left;
	width: 90px;
	height: 90px;
	border-right: 1px solid #eeeeee;
}
.comlementos .col .img img{
	object-fit: contain;
	-o-object-fit: contain;
	width: 100%;
	height: 100%;
}
.comlementos .col .contain{
	float: left;
	width: calc(100% - 90px);
	padding: 0 20px;
}
.comlementos .col .nombre{
	float: left;
    font-size: 12px;
    line-height: 90px;
    font-weight: 700;
    color: #2c2c2b;
	max-width: 80px;
	overflow: hidden;
}
.comlementos .col .precio{
	float: left;
	color: #74bc1f;
	font-size: 15px;
	line-height: 90px;
	margin-left: 5px;
	font-weight: 700;
}
.comlementos .col .plus{
	position: absolute;
	width: 32px;
	height: 32px;
	background: #74bc1f;
	border-radius: 100%;
	color: #fff;
	line-height: 32px;
    text-align: center;
    font-size: 12px;
    top: 30px;
    right: -27px;
    z-index: 9;
}
.comlementos .col.btn{
	background: #74bc1f;
	border-radius: 5px;
	color: #fff;
	height: 52px;
	line-height: 52px;
	margin-top: 60px;
}
.comlementos .col:nth-child(4n){
	margin-right: 0;
}
.titulo{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.titulo .title{
	width: auto;
	margin-bottom: 20px;
}
.titulo .title h3 small{
	color: #999999;
	font-size: 16px;
	font-weight: 600;
}
.titulo .ordenarPor{
	float: right;
	width: auto;
	margin-top: 5px;
}
.titulo .ordenarPor span{
	float: left;
	color: #333333;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
}
.titulo .ordenarPor ul{
	float: right;
	width: auto;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.titulo .ordenarPor ul li{
	float: left;
	color: #333333;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
}
.titulo .ordenarPor ul li a{
	color: #999999;
	text-transform: uppercase;
	font-size: 12px;
}
.titulo .ordenarPor ul li:before{
	content: " - ";
	color: #999999;
	margin: 0 5px;
}
.titulo .ordenarPor ul li:first-child::before{
	content: "";
}


.grilla-no{
	width: 100%;
	padding: 0;
	margin: 0 0 50px;
	border: 0;
}

.grilla-no .lin-destacadas{
	margin: 0;
}
.grilla{
	width: 100%;
	padding: 25px 0;
	margin: 0;
	border: 0;
	background: #fff;
}
.grilla .aside{
	float: left;
	width: calc(20% - 20px);
	position: sticky;
	top: 20px;
	padding-bottom: 20px;
}
.grilla .cont-productos{
	float: right;
	width: 100%;
}
.grilla .banner-grilla{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.grilla .banner-grilla img{
	width: 100%;
	height: auto;
	max-width: 200px;
	border-bottom: 4px solid #f9c649;
}
.grilla .productos .prod{
	width: 100%;
	margin-bottom: 20px;
    /* display: inline-block; */
}

.grilla .productos .prod:hover{
    position: relative;
    z-index: 2;
}
.grilla .productos .prod:nth-child(3n){
	margin-right: 20px;
}
.grilla .productos .prod:nth-child(5n){
	margin-right: 20px;	
}
.grilla .productos .prod:nth-child(4n){
	margin-right: 0px;
}

.grilla .productos .prod.ban img{
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%;
}
.per_page{
	float: left;
	line-height: 36px;
	font-size: 14px;
	color: #333333;
}
.paginador{
	display: table;
	width: auto;
	margin: 0 auto 30px;
}
.paginador a{
	line-height: 40px;
	font-size: 14px;
	color: #888888;
	background: #ffffff;
	/* border: 1px solid #c2c2c4; */
	width: 40px;
	height: 40px;
	border-radius: 40px;
	margin: 0 5px;
	font-family: 'nimbus_sans_l_reg';
}
.paginador a.next, .paginador a.anterior{
	color: #ffffff;
	width: 40px;
	height: 40px;
	background: #1d1d1b;
	font-family: 'nimbus_sans_l_reg';
	font-size: 20px;
}
.paginador a.current{
	color: #ffffff;
	width: 40px;
	height: 40px;
	background: #888888;
}
.paginador span{
	display: none;
}
/*.paginador a.next{
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;

}*/
/*.paginador a.anterior{
	border: 1px solid #77be24;
    width: 36px;
    height: 36px;
    padding: 9px 13px;
    text-align: center;
    border-radius: 100%;
    margin-right: 20px;
    margin-bottom: -14px;
}*/
.aside .filtro{
	float: left;
	width: 100%;
	margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
    padding: 0 0 15px;
}
.aside .filtro h3{
	float: left;
	width: 100%;
	color: #333333;
	margin: 0;
    font-weight: 600;
    font-size: 16px;
    padding: 0 0 10px;
}
.aside .filtro h3 img{
	float: left;
    margin-right: 10px;
    margin-top: 6px;
}
.aside .filtro h4{
	float: left;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	font-size: 16px;
	color: #039;
}	
.aside .filtro ul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: 200px;
	overflow: auto;
}
.aside .filtro ul li {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
.aside .filtro ul li label{
	width: calc(100% - 40px);
	margin-top: 12px;
}
.aside .filtro .checkbtn{
	width: 20px;
    height: 20px;
    padding: 0;
}
.aside .filtro .checkmark{
	width: 20px;
	height: 20px;
	border-radius: 5px;
	border: 1px solid #cccccc;
	top: 0;
	left: 0;
}
.aside .filtro .checkbtn input{
	width: 20px !important;
	height: 20px !important;
	top: 0;
	left: 0;
	margin: 0;
}
.aside .filtro .checkbtn .checkmark:after{
	left: 6px;
    top: 3px;
}
.aside .filtro ul li label{
	width: calc(100% - 20px);
    height: 20px;
    margin: 0;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.aside .filtro ul li{
	margin: 0 0 5px;
}
.aside .filtro ul li a{
	float: left;
	width: 100%;
	color: #666666;
	font-size: 14px;
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
}
.aside .filtro ul li a:hover{
	color: #0066ff;
}
.aside .filtro ul li.active{
	padding-left: 25px;
	background: url(../img/check.png) left center no-repeat;
}
.aside .filtro ul li.active a{
	color: #0066ff;
}
.btn.ofertas{
	background: #fff;
	border: 1px solid #044fe6;
	color: #044fe6;
}
.btn.ofertas img{
	display: inline;
}
.contPop{
	position: absolute;
	width: 100%;
	height: 230px;
	background-color: #fff;
	top: 0;
	margin-top: 0px;
	left: auto;
	margin-left: 0;
	padding: 50px 0;
	max-height: 100%;
	border: 0;
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
}
.contPop h3{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #333333;
    font-weight: 700;
    margin-bottom: 20px;
}
.contPop h3 span{
	float: left;
    margin-right: 10px;
    font-size: 20px;
    margin-top: 2px;
}
.contPop .left{
	float: left;
	width: 70%;
}
.contPop .left .img{
	float: left;
    width: 80px;
    height: 80px;
    border: 1px solid #f8f8f8;
}
.contPop .left .name{
	float: left;
    width: calc(100% - 80px);
    padding-left: 20px;
    color: #036f40;
    font-size: 14px;
	margin-bottom: 30px;
}
.contPop .left .cant{
	float: left;
	width: calc(100% - 80px);
	padding-left: 20px;
    color: #666666;
    font-size: 14px;
}
.contPop .left .cant span{
	color: #1d1d1b;
}
.contPop .right{
	float: left;
	width: 30%;
}
.contPop .right p{
	float: left;
	width: 100%;
	margin: 0 0 20px;
	font-size: 16px;
    line-height: 20px;
	font-weight: 500;
}
.contPop .right p span{
	color: #1d1d1b;
	font-weight: 600;
}
.contPop .right p button{
	float: right;
	border: 0;
	background: transparent;
	padding: 0;
	color: #414141;
	line-height: 20px;
    font-size: 16px;
}
.contPop .right .btns{
	float: left;
	width: 100%;
}
.contPop .right .btns a{
	float: left;
    width: calc(50% - 10px);
    right: 20px;
    margin-right: 20px;
    border: 1px solid #2ea853;
    line-height: 46px;
    border-radius: 5px;
    text-align: center;
    color: #2ea853;
    font-size: 14px;
    font-weight: 600;
	margin-top: 20px;
}
.contPop .right .btns a:nth-child(2n){
	margin-right: 0;
}
.contPop .right .btns a.btn{
	color: #fff;
	background: #2ea853;
}


.envio-pago{
	float: left;
	width: 100%;
	min-height: 100vh;
	border-top: 4px solid #1d1d1b;
}
.header-cart{
	width: 100%;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid rgb(221, 220, 220);
	align-items: center;
	background-color: #1d1d1b;
}
.envio-pago .bg1{
	position: fixed;
	top: 0;
	right: 0;
	width: 50%;
	background: #f8f8f8;
	height: 100%;
	z-index: -1;
}
.header-cart .logo{
	display: table;
    max-width: 140px;
    margin: 0 auto;
    clear: both;
	padding: 10px;
}
.header-cart .mid{
	float: left; 
	width: 50%;
}
.header-cart h2{
	float: left;
	width: calc(100% - 110px);
	padding-left: 30px;
	font-size: 24px;
	margin: 0;
	color: #2c2c2b;
	font-weight: 600;
	line-height: 32px;
}
.resumen-compra{
	float: right;
	width: 40%;
	padding: 20px;
	margin: 30px 0 10px 40px;
	position: sticky;
	top: 0;
	border: 1px solid #dedde0;
	border-radius: 10px;
	height: auto;
}
.cartResumen .title {
	margin: 0;
}
.resumen-compra .productos{
	float: left;
	width: 100%;
	border-bottom: 1px solid #dedde0;
	max-height: 300px;
	overflow-y: scroll;
	padding: 10px 0 0;
	display: block;
}
.resumen-compra .productos::-webkit-scrollbar {
    width: 7px;
}
.resumen-compra .productos::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 5px;
}
.resumen-compra .productos .line{
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	position: relative;
	display: flex;
	align-items: center;
	gap: 20px;
}
.resumen-compra .productos .line .delete{
	position: absolute;
	top: -8px;
	right: 8px;
	font-size: 16px;
	cursor: pointer;
	color: #d6d6d6;
}
.resumen-compra .productos .line .img{
	float: left;
	width: 80px;
	height: 80px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	background: #fff;
	position: relative;
}
.resumen-compra .productos .line .img img{
	object-fit: contain;
	-o-object-fit: contain;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.resumen-compra .productos .line .img .cant{
	position: absolute;
	top: -5px;
	right: -5px;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	background: #666;
	border-radius: 100%;
	color: #fff;
}
.resumen-compra .productos .line .detail{
	float: left;
	width: calc(100% - 110px);
	display: grid;
	grid-template-columns: 2fr 1fr;
}
.resumen-compra .productos .line .detail .contDetalle1{
}
.resumen-compra .productos .contDetalle1 .precio{
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
	color:  #1d1d1b;
}
.resumen-compra .productos .line .precio span{
	float: left;
	width: 100%;
	font-size: 12px;
	color: #cccccc;
	text-decoration: line-through;
}
.resumen-compra .productos .line .precio small{
	font-size: 12px;
    font-weight: 600;
}
.resumen-compra .productos .line .detail .nombre{
	float: left;
	width: 100%;
	color: #444444;
	font-family: 'nimbus_sans_l_bold';
	font-size: 14px;
	padding-right: 20px;
	overflow: hidden;
	line-height: 16px;
	text-transform: uppercase;
}
.resumen-compra .productos .line .detail .nombreMarca{
	float: left;
	width: 100%;
	color: #888888;
	font-size: 12px;
	font-family: 'nimbus_sans_l_bold';
	padding-right: 10px;
	overflow: hidden;
	line-height: 16px;
}
.resumen-compra .productos .line .edit{
	float: right;
    margin-right: 20px;
    margin-top: -5px;
	color: #999999;
	text-decoration: underline;
	display: none;
}
.resumen-compra .productos .detail .cantPrecio {
	display: flex;
	justify-content: end;
	align-items: flex-end;
	width: 100%;
}
.resumen-compra .productos .cantidad {
    width: 70px;
    position: relative;
}
.resumen-compra .productos .cantidad label{
	position: absolute;
    top: -8px;
    left: 10px;
    color: #2ea853;
    font-size: 10px;
    font-weight: 700;
    background: #fff;
    padding: 0 5px;
    width: auto;
}
.resumen-compra .productos .cantidad select{
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #888888;
	padding: 0 10px;
	color: #000000;
	font-size: 12px;
	font-weight: 600;
	margin: -1px 0;
	background: url(../img/select-arrow.png) 90% 52% no-repeat #fff;
	-webkit-appearance: none;
	border-radius: 5px;
	height: 40px;
	text-align: center;
}
.resumen-compra .productos .cantidad input{
	display: none;
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #d0a5d2;
	padding: 0 10px;
	color: #000000;
	font-size: 12px;
	font-weight: 600;
	margin: -1px 0;
	border-radius: 5px;
	height: 33px;
}
.resumen-compra .codigo-descuento{
	float: left;
	width: 100%;
	padding: 0 0 20px;
	border-bottom: 1px solid #dedde0;
}
.resumen-compra .codigo-descuento .btn{
	float: right;
	max-width: 130px;
	background: var(--amarillo);
	color: #ffffff;
	transition: 0.3s all ease;
	line-height: 35px;
	-webkit-transition: 0.3s all ease;
	height: 35px;
	border-radius: 5px;
}
.resumen-compra .codigo-descuento .btn:hover{
	background: #f7d36e;
	color: #fff;
}
.resumen-compra .codigo-descuento input{
	float: left;
	width: calc(100% - 150px);
	border: 1px solid #dedde0;
	margin-top: 20px;
	height: 36px;
	/* border-radius: 3px; */
	background: #e6edef;
	padding: 0 20px;
	font-size: 12px;
	font-family: 'nimbus_sans_l_reg';
	color: #444444;
}
.resumen-compra .codigo-descuento p{
	font-family: 'nimbus_sans_l_reg';
	font-size: 12px;
	color: #888888;
}
.resumen-compra .totales{
	float: left;
	width: 100%;
	padding: 20px 0 10px;
	border-bottom: 1px solid #dedde0;
}
.resumen-compra .totales .valor{
	width: 100%;
	color: #444444;
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	line-height: 26px;
	text-transform: uppercase;
}
.resumen-compra .totales .valor span{
	float: right;
	font-family: 'nimbus_sans_l_bold';
	color: #1d1d1b;
}
.resumen-compra .totales .valor span b, .finalizar-compra .totales .valor span b{
	color: rgb(247, 48, 48);
	cursor: pointer;
}
.resumen-compra .totales .valor.total{
	border-top: 1px solid #dedde0;
	padding: 20px 0 0;
	margin-top: 10px;
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	color: #444444;
}
.resumen-compra .totales .valor.total span{
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	color: #1d1d1b;
}
.entregasDia{
	float: left;
    margin: 10px 0;
    color: #1d1d1b;
    font-size: 16px;
    font-family: 'nimbus_sans_l_reg';
    width: 100%;
    text-align: justify;
	padding: 15px;
}
.entregasDia .calculosEntrega{
	display: flex;
    align-items: flex-start;
    gap: 7px;
}
.entregasDia .calculosEntrega i {
	margin-top: 5px;
}
.entregasDia .calculosEntrega p{
	color: #1d1d1b;
    font-size: 16px;
    font-family: 'nimbus_sans_l_reg';
    width: 100%;
    line-height: 14px;
    margin: 5px 0;
}
.entregasDia p.soloSantiago{
	width: 100%;
    font-size: 12px;
    font-family: 'nimbus_sans_l_bold';
    color: #666;
    margin-left: 25px;
}
.resumen-compra .ir-al-pago{
	margin-bottom: 50px;
}
.datos-compra{
	float: left;
	width: 50%;
	position: relative;
}
.datos-compra .disabled{
	position: absolute;
	width: calc(100%);
	height: calc(100% - 190px);
	top: 120px;
	left: 0;
	background: rgba(255,255,255,0.8);
	z-index: 9;
}
.datos-compra .title{
	margin: 20px 0 20px 0;
}
.tituloJuntoDatosCompra {
	display: flex;
	justify-content: space-between;
}
.datos-compra .title h3.tituloCarroCompra{
	font-size: 16px;
	font-family: 'nimbus_sans_l_bold';
	color: #444444;
	text-transform: unset;
}
.title h3.tituloCarroCompra{
	font-size: 16px;
	font-family: 'nimbus_sans_l_bold';
	color: #444444;
	text-transform: unset;
}
.datos-compra .title span{
	float: left;
    width: 100%;
    color: #444444;
    font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
    margin: 5px 0 0;
}
.datos-compra .title span a{
	color: var(--amarillo);
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	text-decoration: underline;
}
.datos-compra h4{
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	color: #14235c;
}
.datos-compra h4 span{
	color: #666;
	font-size: 14px;
	font-weight: 500;
	margin-left: 20px;
}
.datos-compra h4 span a{
	color: #0066cc;
	text-decoration: underline;
}
.datos-compra h4 > a{
	float: right;
	width: 125px;
	font-size: 14px;
	line-height: 30px;
	margin: 0px 70px 0 0;
	text-transform: none;
	font-weight: 500;
}
.datos-compra form{
	float: left;
	width: 100%;
	padding-right: 20px;
	margin-bottom: 50px;
}
.datos-compra form .campo{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.datos-compra form .campo label{
	float: left;
	width: auto;
	margin-right: 30px;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	font-weight: 600;
}
.datos-compra form .campo .campo-m{
	float: left;
	width: calc(50% - 10px);
	margin-right: 20px;
}
.datos-compra form .campo .campo-m:nth-child(2n){
	margin-right: 0;
}
.datos-compra form .campo .campo-n{
	float: left;
	width: 80px;
	margin-right: 20px;
}
.datos-compra form .campo .campo-d{
	float: left;
	width: calc(100% - 100px);
}
.datos-compra form input{
	float: left;
	width: 100%;
	height: 44px;
	line-height: 44px;
	border: 1px solid #dfe1e6;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 600;
	color: #999999;
	border-radius: 5px;
}
.datos-compra form input::-webkit-input-placeholder{ color: #999999; font-weight: 600; opacity: 1; }
.datos-compra form input:-ms-input-placeholder{ color: #999999; font-weight: 600; opacity: 1;}
.datos-compra form input::placeholder{ color: #999999; font-weight: 600; opacity: 1;}

.datos-compra form textarea{
	float: left;
	width: 100%;
	height: 120px;
	border: 1px solid #dfe1e6;
	border-radius: 5px;
	padding: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #999999;
}
.datos-compra form textarea::-webkit-input-placeholder{ color: #999999; font-weight: 500; opacity: 1; }
.datos-compra form textarea:-ms-input-placeholder{ color: #999999; font-weight: 500; opacity: 1;}
.datos-compra form textarea::placeholder{ color: #999999; font-weight: 500; opacity: 1;}

.datos-compra form .campo.mail input{
	width: calc(100% - 200px);
}
.datos-compra form .campo.mail .btn{
	float: right;
	width: 180px;
	margin: 0;
	background: #1d1d1b;
	border-radius: 5px;
	height: 44px;
}

.datos-compra form select{
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #dfe1e6;
	padding: 0 20px;
	color: #999999;
	font-size: 14px;
	font-weight: 600;
	margin: -1px 0;
	background: url(../img/select-arrow.png) 96% 52% no-repeat #fff;
	-webkit-appearance: none;
	border-radius: 5px;
	height: 48px;
}
.datos-compra form .ver-carro{
	color: #1d1d1b;
	font-family: 'nimbus_sans_l_bold';
	font-size: 14px;
	text-decoration: underline;
	margin-top: 9px;
}
.datos-compra form .ver-carro::before{
	content: '\1449';
	margin-right: 10px;
	display:inline-block;
    text-decoration:none;
	vertical-align: middle;
}
.btnSiguienteCarro {
	max-width: 180px;
	float: right;
	background-color: #1d1d1b;
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
}
.siguienteMovil{
	display: none;
}
.datos-compra .opt-desp{

}
.datos-compra .opt-desp .radiobtn{
	display: none;
}
.datos-compra form .opt-desp label{
	width: 50%;
    margin: 0;
    border-bottom: 1px solid #cccccc;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
	font-family: 'nimbus_sans_l_bold';
    color: #cccccc;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}
.datos-compra form .opt-desp label img{
	width: 100%;
	height: auto;
	max-width: 30px;
}
.datos-compra form .opt-desp label:nth-child(2){
	border-right: 1px solid #74bc1f;
}
.datos-compra form .opt-desp label.active{
	background: #fff;
	border: 1px solid #1d1d1b;
	color: #444444;
	border-radius: 5px;
}
.datos-compra form .quien_retira{
	float: left;
	width: 100%;
	display: none;
}
.datos-compra form .campo.qretiro{
	margin-top: 10px;
}

.opciones-retiro{
	float: left;
	width: 100%;
	border: 1px solid #dfe1e6;
	border-radius: 3px;
}
.opciones-retiro .opc{
	border-bottom: 1px solid #dfe1e6;	
	float: left;
	width: 100%;
	padding: 15px 20px;
}
.opciones-retiro .opc:last-child{
	border: 0;
}
.opciones-retiro label{
	float: left;
	width: calc(100% - 30px);
	font-size: 12px;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	font-weight: 600;
	margin-bottom: 0;
}



.radiobtn{
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	margin-top: -11px;
	margin-left: -11px;
	margin-bottom: -11px;
	transition:	0.2s all linear;
    -webkit-transition:	0.2s all linear;
    border-radius: 100%;
}
.radiobtn:hover{
	background: rgba(223,225,230,0.2);
}
.radiobtn:active{
	background: rgba(223,225,230,0.8);
}
.radiobtn input[type=radio]{
	position: absolute;
	height: 40px;
	width: 40px;
	margin: 0;
	padding: 0;
	z-index: 9;
	opacity: 0;
}
.radiobtn .check{
	display: block;
	position: absolute;
	border: 1px solid #1d1d1b;
	border-radius: 100%;
	height: 18px;
    width: 18px;
    top: 11px;
    left: 11px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
.radiobtn .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 10px;
	width: 10px;
	top: 3px;
	left: 3px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
.radiobtn input[type=radio]:checked ~ .check {
	border: 1px solid #1d1d1b;
}
.radiobtn input[type=radio]:checked ~ .check::before{
  	background: #1d1d1b;
}
.radiobtn input[type=radio]:checked ~ label{
  	
}
.checkbox{
	float: left;
	margin-top: -11px;
	margin-left: -11px;
}
.checkbox label{
	float: left;
	width: auto;
	line-height: 40px !important;
}
.checkbtn{
	float: left;
    width: 40px;
    height: 40px;
    position: relative;
    padding: 11px;
    border-radius: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;   
    transition:	0.2s all linear;
    -webkit-transition:	0.2s all linear;
}
.checkbtn:hover{
	background: rgba(223,225,230,0.2);
}
.checkbtn:active{
	background: rgba(223,225,230,0.8);
}
.checkbtn input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 18px !important;
    height: 18px !important;
    top: 7px;
	left: 7px;
	z-index: 1;
}
.checkmark {
    position: absolute;
    top: 11px;
    left: 11px;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 2px solid var(--amarillo);
}
.checkbtn:hover input ~ .checkmark {
    /* border: 2px solid #044fe6; */
}
.checkbtn:active input ~ .checkmark {
    border: 2px solid var(--amarillo);
}
.checkbtn input:checked ~ .checkmark {
    background-color: var(--amarillo);
    border: 1px solid var(--amarillo);
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkbtn input:checked ~ .checkmark:after {
    display: block;
}
.checkbtn .checkmark:after {
    left: 5px;
	top: 2px;
	width: 4px;
	height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkbtn small{
	color: #999999;
	font-size: 10px;
}
.datos-compra .boleta-factura{
	float: right;
	width: auto;
	margin-bottom: -11px;
	padding-top: 5px;
}
.datos-compra .boleta-factura label{
	float: left;
	width: auto;
	font-size: 12px;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	font-weight: 600;
	margin-right: 20px;
}
.datos-compra .boleta-factura label:last-child{
	margin-right: 0;
}
.datos-envio{
	float: left;
	width: 100%;
}
.datos-retiro{
	float: left;
	width: 100%;
	display: none;
}
.datos-factura{
	float: left;
	width: 100%;
	display: none;
}
.fancybox-content.modal{
	max-width: 450px;
	border-radius: 3px;
	padding: 20px;
}
.modalValidar .logo{
	display: table;
    width: 100%;
    margin: 0 auto;
    color: #444444;
    text-align: center;
    font-size: 25px;
	font-family: 'nimbus_sans_l_bold';
}
.modalValidar li{
    margin-bottom: 10px;
    font-size: 20px;
	font-family: 'nimbus_sans_l_reg';
}
.modal .logo{
	display: table;
    width: 100%;
    margin: 0 auto;
    color: #444444;
    text-align: center;
    font-size: 18px;
	font-family: 'nimbus_sans_l_bold';
}
.textoModalRestablece {
	text-align: center;
	margin: 10px 0;
	font-family: 'nimbus_sans_l_reg';
	font-size: 14px;
	color: #888888;
}
.modal .larg span, .modal .larg input {
	margin: 20px 0;
}
.modal input{
	float: left;
	width: 100%;
	height: 45px;
	line-height: 45px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: 0 20px;
	font-size: 14px;
	color: #888888;
	font-family: 'nimbus_sans_l_reg';	
}
.modal .campo{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.modal .campo .col{
	float: left;
	width: calc(100% / 3 - 14px);
	margin-right: 20px;
}
.modal .campo .col:nth-child(3n){
	margin-right: 0;
}
.modal .campo .radio-box{
	float: left;
	width: 50%;
}
.modal .campo .radio-box label{
	width: calc(100% - 40px);
    float: left;
	color: #666666;
    font-weight: 600;
    font-size: 14px;
}
.modal h5{
	color: #333333;
    float: left;
    width: 100%;
    font-size: 18px;
    margin: 0 0 10px;
}
.modal h4{
    float: left;
    width: 100%;
	font-family: 'nimbus_sans_l_reg';
    font-size: 14px;
    color: #888888;
    text-align: center;
}
.modal h4 a{
    color: #ff5b04;
}
.modal h1{
    width: 100%;
	font-family: 'nimbus_sans_l_bold';
    font-size: 18px;
    color: #444444;
    text-align: center;
}
.linksPaginasPlanas {
	font-size: 14px;
	font-family: 'poppins-semibold';
	color: #1d1d1b;
	text-decoration: underline;
}
.modal .btn-olvidaste{
	float: right;
    margin-top: -12px;
    font-size: 14px;
    text-align: center;
    width: 100%;
    text-decoration: underline;
    color: #1d1d1b;
    margin-top: 10px;
	font-family: 'poppins-semibold';
}
.modal .campo small{
	text-align: center;
	float: left;
	width: 100%;
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	color: #888888;
}
.modal .campo input::-webkit-input-placeholder{ color: #999999; font-weight: 600; opacity: 1; }
.modal .campo input:-ms-input-placeholder{ color: #999999; font-weight: 600; opacity: 1;}
.modal .campo input::placeholder{ color: #999999; font-weight: 600; opacity: 1;}
.modal .btn-inicio-sesion{
	margin-top: 0;
	border: 0;
}
.modal .campo select{
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #dfe1e6;
	padding: 0 10px;
	color: #000000;
	font-size: 12px;
	font-weight: 600;
	margin: -1px 0;
	background: url(../img/select-arrow.png) calc(100% - 10px) 52% no-repeat #fff;
	-webkit-appearance: none;
	border-radius: 0;
	height: 48px;	
}
.contBotonModal {
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
}
.modal .btn{ margin: 0;background: var(--amarillo); margin-bottom: 10px; max-width: 220px; height: 43px; line-height: 43px; border-radius: 5px; margin: 0 auto; font-family: 'nimbus_sans_l_bold'; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.modal .btn:hover{background-color: var(--amarillo_hover);}
#abrirIniciaSesion {
	cursor: pointer;
}
.modal .btn.inverted{border: 1px solid var(--amarillo); background: #fff; color: var(--amarillo); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.modal .btn.inverted:hover{color: var(--amarilo_hover); border: 1px solid var(--amarillo_hover); }

.modal .btn.btn-registro{
	margin-bottom: 20px;
}
.modal .recuperar{
	display: none;
}
.modal .formRegistro{
	display: none;
}
.formRegistro{
	float: left;
	width: 100%;
}
.formRegistro .tiposRegistro{
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 15px;
}

.formRegistro label{
	margin-top: 5px;
	max-width: 90px;
}

.registrate{
	text-align: center;
	float: left;
	width: 100%;
	font-size: 12px;
	font-weight: 500;
	color: #333;	
	margin-top: 10px;
}
.contBotonModal .btn-registrate {
	margin-bottom: 15px;
}
.registrate a{
	color: #06c;
	text-decoration: underline;
}
.datos-cargados{
	float: left;
	width: 50%;
	padding-right: 50px;
	margin-bottom: 50px;
	display: none;
}
.datos-cargados .title{
	margin: 20px 0 10px;
}
.datos-cargados .title h3{
	font-size: 20px;
}
.datos-cargados .title span{
	float: left;
    width: 100%;
    color: #666666;
    font-size: 14px;
    margin: 5px 0 0;
}
.datos-cargados h4{
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	color: #14235c;	
}
.datos-cargados .datos-line{
    float: left;
    width: 100%;
    border: 1px solid #dfe1e6;
    border-radius: 3px;
}
.datos-cargados .datos-line .line{
	width: 100%;
	color: #888888;
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	border-bottom: 1px solid #dfe1e6;
	padding: 20px;
	display: grid;
	grid-template-columns: 1fr 8fr 2fr;
	align-items: center;
}
.datos-cargados .datos-line .line:last-child{
	border: 0;
}
.datos-cargados .datos-line .line i{
	color: #444444;
	font-size: 24px;
	margin-right: 10px;
}
.datos-cargados .datos-line .line p{
	margin: 0;
	color: #444444;
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
}
.datos-cargados .datos-line .line span{
	color: #999999;
}
.datos-cargados .datos-line .line a{
	color: var(--amarillo);
	text-decoration: underline;
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	text-align: end;
}
.datos-cargados .ver-carro{
	float: right;
	color: #0066ff;
	font-weight: 600;
	font-size: 14px;
	text-decoration: underline;
	margin-top: 9px;
}
.finalizar-compra{
	float: right;
	width: 50%;
	padding-left: 50px;
	display: none;
	border: 1px solid #dfe1e6;
	padding: 15px;
	border-radius: 10px;
	margin-top: 20px;
}
.finalizar-compra .totales{
	float: left;
	width: 100%;
	padding: 20px 0 10px;
	border-bottom: 1px solid #dedde0;
}
.finalizar-compra .totales .valor{
	width: 100%;
	color: #444444;
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	line-height: 26px;
	text-transform: uppercase;
}
.finalizar-compra .totales .valor span{
	float: right;
	color: #1d1d1b;
}
.finalizar-compra .totales .valor.total{
	border-top: 1px solid #dedde0;
	padding: 20px 0 0;
	margin-top: 10px;
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	color: #444444;
}
.finalizar-compra .totales .valor.total span{
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	color: #1d1d1b;
	line-height: 24px;
}
.finalizar-compra .pagar{
	margin-bottom: 50px;
	background-color: var(--amarillo);
}
.finalizar-compra h4{
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	color: #666666;	
}
.finalizar-compra .medios{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.finalizar-compra .medios label{
	float: left;
	width: auto;
	margin-right: 20px;
	cursor: pointer;
}
.imgMercadoPago{
	max-width: 100px;
}
.finalizar-compra .medios .radiobtn .check{
	background: #fff;
}
.finalizar-compra .terminos{
	float: left;
	width: 100%;
}
.finalizar-compra .terminos .checkbtn .checkmark{
	background-color: #fff;
}
.finalizar-compra .terminos .checkbtn input:checked ~ .checkmark{
	background-color: #1d1d1b;
}
.cart-resumen{
	float: left;
	width: 100%;
	padding-top: 20px;
}
.contenedor-cart{
	display: table;
	width: 100%;
	max-width: 780px;
	margin: 0 auto 50px;
}
.cart-resumen .cart{
	float: left;
	width: 100%;
}
.cart-resumen h4{
	float: left;
	width: 50%;
	font-family: 'nimbus_sans_l_bold';
	font-size: 24px;
	color: #444444;	
}
.cart-resumen .subtotal-title{
	float: right;
	width: 50%;
	margin-top: 28px;
}
.cart-resumen .subtotal-title .btn{
	float: right;
	max-width: 180px;
    font-size: 12px;
    background: #1d1d1b;
    margin: 0;
}
.cart-resumen .subtotal-title .subtotal{
	float: right;
	color: #333333;
	font-size: 14px;
	text-align: right;
	padding-right: 20px;
	font-weight: 600;
}
.cart-resumen .subtotal-title .subtotal span{
    float: left;
    width: 100%;
    text-align: right;
    color: #1d1d1b;
    font-weight: 700;
}
.cart-resumen .filaProductos{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #e0e1e7;
}
.cart-resumen .filaProductos .img{
	float: left;
	width: 80px;
	height: 80px;
	border: 1px solid #e0e1e7;
	border-radius: 5px;
	overflow: hidden;
}
.cart-resumen .filaProductos .img img{
	object-fit: contain;
	-o-object-fit: contain;
	width: 100%;
	height: 100%;
}
.cart-resumen .filaProductos .detail{
	float: left;
	width: calc(100% - 80px);
	padding-left: 20px;
	position: relative;
	height: 80px;
}
.cart-resumen .filaProductos .detail .stock_no_disponible{
	position: absolute;
    background: #f00;
    padding: 0 5px;
    top: 0;
    left: 20px;
    color: #fff;
}
.cart-resumen .filaProductos .marca{
	float: left;
	width: 100%;
	color: #3366cc;
}
.cart-resumen .filaProductos .nombre{
	float: left;
	width: 100%;
	max-width: 250px;
	padding-right: 30px;
	font-size: 14px;
	font-weight: 600;
	color: #666666;
}
.cart-resumen .filaProductos .precio_u{
	float: left;
	width: 150px;
	padding-right: 30px;
	font-size: 16px;
	color: #1d1d1b;
	font-weight: 700;
	height: 48px;
	margin-top: 35px;
	text-align: right;
}
.cart-resumen .filaProductos .precio_u span{
	float: left;
	width: 100%;
	color: #999999;
	font-size: 12px;
	font-weight: 600;
}
.cart-resumen .filaProductos .precio_t{
	float: left;
	width: 120px;
	font-size: 16px;
	color: #74bc1f;
	font-weight: 700;
	height: 48px;
}
.cart-resumen .filaProductos .precio_t span{
	float: left;
	width: 100%;
	color: #666666;
	font-size: 12px;
	font-weight: 600;
}
.cart-resumen .filaProductos .cantidad{
	float: left;
	width: 180px;
	margin: 32px 80px 0 0;
	position: relative;
}
.cart-resumen .filaProductos .cantidad label{
	position: absolute;
    top: -8px;
    left: 10px;
    color: #1d1d1b;
    font-size: 10px;
    font-weight: 700;
    background: #fff;
    padding: 0 5px;
    width: auto;
}
.cart-resumen .filaProductos .cantidad select{
	background: #ffffff;
	float: left;
	width: 100%;
	border: 2px solid #888888;
	padding: 0 10px;
	color: #000000;
	font-size: 12px;
	font-weight: 600;
	margin: -1px 0;
	background: url(../img/select-arrow.png) 90% 52% no-repeat #fff;
	-webkit-appearance: none;
	border-radius: 4px;
	height: 48px;	
}
.cart-resumen .filaProductos .cantidad input{
	display: none;
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #dfe1e6;
	padding: 0 10px;
	color: #000000;
	font-size: 12px;
	font-weight: 600;
	margin: -1px 0;
	border-radius: 0;
	height: 48px;
}
.cart-resumen .filaProductos .botoneraShowCart{
	float: right;
	width: auto;
	position: absolute;
	bottom: 0;
	right: 0;
}
.cart-resumen .filaProductos .botoneraShowCart i{
	font-size: 20px;
}
.cart-resumen .row-subtotal{
	float: left;
	width: 100%;
}
.cart-resumen .row-subtotal .line{
	float: left;
	width: 100%;
	font-size: 20px;
	color: #333333;	
	font-weight: 600;
}
.cart-resumen .row-subtotal .line span{
	float: right;
	color: #1d1d1b;
	font-weight: 700;
}
.cart-resumen .row-subtotal a{
	display: flex;
	justify-content: center;
}
.cart-resumen .row-subtotal .btn{
	max-width: 400px;
}






.cart-resumen .resumen{
	float: right;
	width: 100%;
	border: 1px solid #dfe1e6;
	border-radius: 2px;
	margin-top: 67px;
}
.cart-resumen .resumen h3{
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 18px;
	color: #14235c;	
	padding: 15px 20px;
	border-bottom: 1px solid #dfe1e6;
	margin: 0;
}
.cart-resumen .resumen .total{
	float: left;
	width: 100%;
	padding: 20px;
	font-size: 20px;
	color: #039;
    font-weight: 600;
}
.cart-resumen .resumen .total span{
	float: left;
	width: 100%;
	font-size: 12px;
	color: #666;
	font-weight: 500;
}
.cart-resumen .resumen .total p{
	float: left;
	width: 100%;
	margin: 15px 0 0;
	color: #999;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
}
.cart-resumen .vistos{
	float: right;
	width: 100%;
	border: 1px solid #dfe1e6;
	border-radius: 2px;
	margin-top: 20px;
}
.cart-resumen .vistos h3{
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 18px;
	color: #14235c;	
	padding: 15px 20px;
	border-bottom: 1px solid #dfe1e6;
	margin: 0;
}
.cart-resumen .vistos .img{
	float: left;
	width: 60px;
	height: 60px;
	border: 1px solid #e0e1e7;
	border-radius: 5px;
	overflow: hidden;
}
.cart-resumen .vistos .img img{
	object-fit: contain;
	-o-object-fit: contain;
	width: 100%;
	height: 100%;
}
.cart-resumen .vistos .filaProductosVistos{
	margin: 0;
	padding: 20px;
	border-bottom: solid 1px #dfe1e6;
}
.cart-resumen .vistos .filaProductosVistos:last-child{
	border: 0;
}
.cart-resumen .vistos .filaProductosVistos .detail{
	float: left;
	width: calc(100% - 60px);
	padding-left: 10px;
}
.cart-resumen .vistos .filaProductosVistos .marca{
	float: left;
	width: 100%;
	color: #3366cc;
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
}
.cart-resumen .vistos .filaProductosVistos .nombre{
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	color: #666;
	line-height: 16px;
	height: 32px;
	overflow: hidden;
}
.cart-resumen .vistos .filaProductosVistos .ver-ficha{
	float: left;
	width: 100%;
	color: #3366cc;
	font-size: 12px;
	font-weight: 100;
	line-height: 14px;
	text-decoration: underline;
}
.pr-guardados{
	float: left;
	width: 70%;
}
.cart-resumen .pr-guardados .filaProductos .nombre{
	max-width: 300px;
}
.cart-resumen .pr-guardados .filaProductos .precio_t{
	float: right;
	padding: 0;
	text-align: right;
}
.cart-resumen .pr-guardados .filaProductos .botonesFilaGuardado{
	float: right;
	width: auto;
}
.cart-resumen .pr-guardados .filaProductos .botonesFilaGuardado a{
	font-size: 14px;
}
.cart-resumen .pr-guardados .filaProductos .botonesFilaGuardado .borrar{
	color: #cccccc;
	text-decoration: underline;
}
.cart-resumen .pr-guardados .filaProductos .botonesFilaGuardado .mover{
	color: #0066ff;
	text-decoration: underline;
	font-weight: 600;
}
.somos{
	float: left;
	width: 100%;
	background: #fff;
}
.somos p{
	float: left;
	width: 100%;
	color: #999999;
	font-size: 16px;
	margin: 20px 0 50px;
}
.somos .ul p{
	float: left;
	width: 100%;
	font-size: 16px;
    color: #999999;
    font-weight: 500;
}
.somos .ul span{
	float: left;
	color: #74bc1f;
    font-size: 30px;
    line-height: 22px;
    margin-right: 7px;
    font-weight: 900;
}
.somos .p{
	float: left;
	width: 100%;
	color: #999999;
	font-size: 16px;
	margin: 20px 0 50px;
}
.somos .p p{
	margin: 0 0 10px;
}
.page{
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
.contenedorPaginasPlanas {
	display: table;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    padding: 0 50px;
}
.page h3{
	margin: 30px 0 20px;
	color: #2c2c2b
}
.page .title{
	margin: 30px 0 20px;	
}
.page .title h3{
	margin: 0;
}
.page h4{
	float: left;
	width: 100%;
	color: #ff5b04;
	margin: 10px 0;
	font-size: 16px;
}
.page p{
	float: left;
	width: 100%;
	margin: 10px 0;
	font-size: 16px;
	max-width: 670px;
	color: #999999;
	font-family: 'nimbus_sans_l_reg';
	text-align: justify;
}
.page ul{
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
    padding: 0;
}
.page ul li{
	float: left;
	width: 100%;
}
.page ul li a{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #ff5b04;
	font-family: 'poppins-semibold';
	line-height: 18px;
}
.content > ul{
	float: left;
	width: 90%;
	list-style: none;
	margin: 10px;
    padding: 10px 20px;
}
.content > ul > li{
	float: left;
	width: 90%;
	text-align: justify;
	line-height: 18px;
	font-family: 'nimbus_sans_l_reg';
	font-size: 16px;
	color: #999999;
}
.content > ul > li > a{
	float: left;
	width: 100%;
	font-size: 18px;
	color: #ff5b04;
	font-family: 'poppins-semibold';
	line-height: 22px;
}
.contenedorTerminos {
	float: left;
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 20px;
}
.page .subir{
	float: left;
	width: 100%;
	color: #ff5b04;
	text-decoration: underline;
	font-size: 14px;
	font-family: 'poppins-semibold';
	padding-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 20px;
}
.page .indice{
	float: left;
}
.page .indice ul li{
	margin-bottom: 5px;
}
.page .content{
	float: left;
}

.inicio-sesion{
	display: table;
	clear: both;
	width: 100%;
	max-width: 420px;
	margin: 50px auto;
}

.mi-cuenta{
	float: left;
	width: 100%;
	padding: 30px 0;
	background-color: #f3f3f3;
}
.mi-cuenta h2{
	color: #1d3c73;
    font-size: 20px;
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 0;
}
.mi-cuenta .box{
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 3px;
	padding: 20px;
	margin-bottom: 5px;
}
.mi-cuenta .box.hola{
	font-size: 14px;
	color: #444444;
	margin-bottom: 0;
	font-family: 'nimbus_sans_l_bold';
}
.mi-cuenta .box.hola hr{
	height: 1px;
	color: #1d1d1b;
	background-color: #1d1d1b;
	border: unset;
	margin-top: 20px;
	border: #1d1d1b;
}
h3.titulosMiCuenta {
	font-size: 18px;
	font-family: 'nimbus_sans_l_bold';
	color: #444444;
}
.mi-cuenta .menuMiCuenta{
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 3px;
	margin-bottom: 20px;
	border: 0;
	cursor: pointer;
}
.mi-cuenta .menuMiCuenta a{
	float: left;
	width: 100%;
	transition: none;
	-webkit-transition: none;
	color: #444444;
    font-size: 14px;
    padding: 10px 20px;
    background: transparent;
    border: 0;
	font-family: 'nimbus_sans_l_reg';
	display: flex;
	align-items: center;
	gap: 15px;
}
.mi-cuenta .menuMiCuenta a.current{
	background: #1d1d1b;
	border: 0;
	color: #fff;
}
.mi-cuenta .menuMiCuenta a:hover{
	background: var(--amarillo);
	border: 0;
	color: #1d1d1b;
}
#cerrarSesionMicuenta{
	font-size: 14px;
	font-family: 'nimbus_sans_l_bold';
	color: #1d1d1b;
	text-decoration: underline;
}
.mi-cuenta .asideMiCuenta{
	float: left;
	width: 25%;
	border: 1px solid #1d1d1b;
	background: #fafafa;
}
.mi-cuenta .content{
	float: left;
	width: calc(75% - 20px);
	background: #fff;
	border-radius: 3px;
	padding: 0 20px 0 0;
	max-width: 585px;
	margin-left: 20px;
	padding: 10px;
}
.mi-cuenta .title{
	margin: 0;
}
.mi-cuenta .productos .prod{
	min-height: unset;
}
.mi-cuenta .content-l{
	float: left;
	width: calc(75% - 20px);
	background: #fff;
	border-radius: 3px;
	max-width: 585px;
	margin-left: 20px;
}
.mi-cuenta .productos-cuenta{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.mi-cuenta .title h3{
	font-size: 20px;
}
.mi-cuenta .content p.subtituloDirecciones {
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	color: #888888;
	font-weight: normal;
}
.mi-cuenta .title.mar h3{
	margin-bottom: 10px;
}
.mi-cuenta .content p{
	float: left;
	width: 100%;
	color: #999;
	font-size: 14px;
	font-weight: 600;
	margin: 10px 0;
}
.mi-cuenta .content.pref p{
	color: #2c2c2b;
}
.mi-cuenta .content .left{
	float: left;
	width: 100%;
	color: #2c2c2b;
	margin-bottom: 20px;
	margin-top: 20px;
}
.mi-cuenta .content .left p{
    float: left;
    width: 100%;
    margin: 0 0 10px;
    font-size: 14px;
    color: #999999;
    font-weight: 500;
}
.mi-cuenta .content .left p span{
	float: left;
	color: #1d1d1b;
    font-size: 30px;
    line-height: 22px;
    margin-right: 7px;
    font-weight: 900;
}
.mi-cuenta .whatsapp{
	float: right;
	width: 100%;
	max-width: 260px;
    background: #f3f3f3;
    margin-top: 20px;
    padding: 20px;
    border-radius: 5px;
	font-size: 12px;
	border: 2px solid #1d1d1b;
	color: #666666;
}
.mi-cuenta .whatsapp h3{
	color: #1d1d1b;
	margin-bottom: 10px;
}
.mi-cuenta .whatsapp a{
	float: left;
	width: 100%;
	color: #1d1d1b;
	font-weight: 700;
	font-size: 16px;
    margin: 20px 0;
    line-height: 40px;
}
.mi-cuenta .whatsapp a span{
	background: #fff;
    float: left;
    line-height: 40px;
    width: 40px;
    border-radius: 100%;
    text-align: center;
    margin-right: 10px;
}
.mi-cuenta .content .campo{
	float: left;
	width: 100%;
}
.mi-cuenta .content .campo.checkbox{
	margin: 10px 0;
}
.mi-cuenta .content .campo.checkbox label{
    margin: 2px 0 10px 0;
    color: #2c2c2b;
    width: calc(100% - 40px);
    top: 0;
    font-size: 14px;
    line-height: 20px !important;
}
.mi-cuenta .content .campo .campo-m{
	float: left;
	width: calc(50% - 10px);
	margin-right: 20px;
}
.mi-cuenta .content .campo .campo-m:last-child{
	margin-right: 0;
}
.mi-cuenta .content .campo .campo-m .campo-n{
	float: left;
    width: 80px;
    margin-right: 20px;
}
.mi-cuenta .content .campo .campo-m .campo-d{
	float: left;
    width: calc(100% - 100px);
}
.mi-cuenta .content .campo .col{
	float: left;
	width: calc(100% / 3 - 14px);
	margin-right: 20px;
}
.mi-cuenta .content .campo .col:nth-child(3n){
	margin-right: 0;
}
.mi-cuenta .content .campo .radio-box{
	float: left;
	width: calc(100% / 3 - 14px);
	margin: 20px 20px 30px 0;
}
.mi-cuenta .content .campo .radio-box:nth-child(3n){
	margin-right: 0;
}
.mi-cuenta .content .campo .radio-box label{
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	top: 0;
	color: #666666;
	font-size: 14px;
}
.mi-cuenta .content input{
	border: 1px solid #ccc;
    border-radius: 2px;
    width: 100%;
    height: 44px;
    line-height: 12px;
    padding: 5px 20px 0;
    font-size: 12px;
    font-weight: 600;
    color: #444444;
    margin-bottom: 20px;
    background: transparent;
	border-radius: 5px;
}
.mi-cuenta .content label{
	margin: 3px 0 -20px 20px;
    color: #444444;
    font-weight: 600;
    width: auto;
    position: relative;
    top: -8px;
	background-color: #fff;
	font-size: 11px;
}
.mi-cuenta .content label[for="file"]{
	width: 100%;
	margin: 0;
	top: 0;
}
.mi-cuenta .content .btn{
	max-width: 240px;
	float: right;
	background-color: #1d1d1b;
}
.mi-cuenta .content .btn{
	height: auto;
	padding: 0;
}
.mi-cuenta .content .btn.cancel{
	background: #ccc;
	margin-right: 20px;
}
.mi-cuenta .content .btn.cancel:hover{
	background: #ccc;	
}
.mi-cuenta .content select{
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	padding: 0 10px;
	color: #888;
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	margin: -1px 0;
	background: url(../img/flecha_abajo.png) 96% 52% no-repeat #fff;
	-webkit-appearance: none;
	border-radius: 10px;
	height: 48px;
	margin-bottom: 10px;
}
.mi-cuenta .content-l .boxs{
	width: 100%;
    margin-top: 30px;
    display: flex;
    flex-flow: wrap;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.mi-cuenta .content-l .boxs .box{
	float: left;
    width: 100%;
    border: 1px solid #1d1d1b;
    max-width: 180px;
}
.mi-cuenta .content-l .boxs .box:nth-child(3n){
	margin-right: 0;
}
.mi-cuenta .content-l .boxs .box .img{
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
}
.mi-cuenta .content-l .boxs .box .img img{
	width: 100%;
	height: auto;
	max-width: 80px;
}
.mi-cuenta .content-l .boxs .box .name{
	float: left;
	width: 100%;
	color: #444444;
	font-family: 'nimbus_sans_l_reg';
	font-size: 15px;
	text-align: center;
	padding: 0 5px;
}


.add-direccion{
	float: left;
	width: 100%;
	margin-top: 20px;
	display: none;
}
.mi-cuenta .content .add-direccion input{
	line-height: 50px;
	padding: 0 10px;
    font-size: 14px;
	border-color: #ccc;
	font-weight: normal;
}
.mi-cuenta .content .add-direccion select{
	margin-bottom: 20px;
}
.mi-cuenta .content .btn-volver{
	float: right;
	background: #ccc;
	color: #fff;
}
.mi-cuenta .content .direccion{
	width: 100%;
	border: 1px solid #444444;
	border-radius: 3px;
	background: #fdfdfd;
	padding: 20px;
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
}
.mi-cuenta .content .direccion .nombre{
	float: left;
	color: #444444;
	width: 100%;
	font-size: 14px;
	font-family: 'poppins-semibold';
}
.mi-cuenta .content .direccion p{
	margin: 0;
	font-family: 'nimbus_sans_l_reg';
	font-size: 14px;
	color: #888888;
	font-weight: normal;
}

.direccion .opc{
	float: left;
	text-decoration: underline;
	color: #1d1d1b;
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	border: 0;
	background: transparent;
}
.edit-direccion{
	float: left;
	width: 100%;
	margin-top: 20px;
	display: none;
}
.mi-cuenta .productos{
	margin-top: 20px;
	display: block;
}
.mi-cuenta .prod{
	width: 100%;
	margin: 0 0 20px;
	padding: 20px;
	height: auto;
}
.mi-cuenta .prod .img{
	width: 60px;
	height: 60px;
	border: 1px solid #dfe1e6;
	border-radius: 3px;
}
.mi-cuenta .prod .detail{
	width: calc(100% - 60px);
	padding: 0 0 0 20px;
	border: 0;
}
.mi-cuenta .prod .detail .col{
	float: left;
	width: calc(100% / 1);
}
.mi-cuenta .prod .detail .col:nth-child(1){
	margin-top: 10px;
}
.mi-cuenta .prod .detail .nombre{
	height: auto;
	padding-right: 20px;
}
.mi-cuenta .prod .detail .sku{
	float: left;
	width: 100%;
	color: #999999;
	font-size: 12px;
	font-weight: 600;
}
.mi-cuenta .prod .detail .stock{
	float: left;
	width: 100%;
	color: #66cc00;
	font-size: 12px;
	font-weight: 600;
}
.mi-cuenta .prod .like{
	top: -15px;
	right: -15px;
}
.mi-cuenta .prod .detail .btn{
	margin-top: 12px;
}
.nav{
	width: 100%;
	position: absolute;
	top: 144px;
	left: 0;
	z-index: 9991;
	display: none;
}
.nav .lin{
	list-style: none;
	margin:  0;
	padding: 0;
	width: 50%;
	float: left;
	background: #f8f8f8;
	height: 360px;
	overflow: auto;
}
.nav .lin > li{
	float: left;
	width: 100%;
}
.nav .lin > li > a{
	float: left;
	width: 100%;
	padding: 15px 20px 15px 50px;
	font-size: 12px;
	color: #666666;
}
.nav .lin > li > a:hover{
	background: #efefef;
}
.nav .lin > li > a.active{
	background: #efefef;
}
.nav .lin > li > a i{
	float: right;
    margin-top: 1px;
}
.nav .cat{
	list-style: none;
	margin:  0;
	padding: 10px 0;
	width: 50%;
	float: left;
	background: #e5e3e3;
	height: 360px;
	overflow: auto;
}
.nav .cat > li{
	float: left;
	width: 100%;
	display: none;
}
.nav .cat > li > a{
	width: 100%;
	padding: 10px 20px 10px 20px;
	font-size: 12px;
	color: #999999;
}
.nav .cat > li > a:hover{
	color: #333;
}
.nav .cat > li > a.active{
	color: #333;
}
.nav .cat > li > a i{
	float: right;
    margin-top: 1px;
}
.nav .sub{
	list-style: none;
	margin:  0;
	padding: 10px 0;
	width: calc(100% / 4);
	float: left;
	background: #dedcdc;
	height: 245px;
	overflow: auto;
}
.nav .sub > li{
	float: left;
	width: 100%;
	display: none;
}
.nav .sub > li > a{
	float: left;
	width: 100%;
	padding: 10px 20px 10px 20px;
	font-size: 12px;
	color: #999999;
}
.nav .sub > li > a i{
	float: right;
	margin-top: 1px;
}
.nav .sub > li > a:hover{
	color: #333;
}
.nav .sub > li > a.active{
	color: #333;
}
.marginBotom50{margin-bottom: 50px;}
.contenedorMarcas {
	display: grid;
    margin: 0 auto;
    width: 100%;
    max-width: 1180px;
    padding: 0 50px;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 20px;
}
.contenedorMarcas a.marcaCont{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #ff5b04; 
	height: auto; 
	min-height: 180px; 
	width: 100%;
	border-radius: 8px;
}
.contenedorMarcas a.marcaCont .img {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
}
.contenedorMarcas a.marcaCont img{
	width: 80%;
	height: auto;
}
.contenedorMarcas a.marcaCont img.imagenMarcaAbajo{
	max-width: 80px;
	max-height: 70px;
}
.fracasoBottom{margin-bottom: 50px;}
.activarFiltros{display: none;}
.pedido{
	float: left;
	width: 100%;
	border: solid 1px #ccc;
	margin-bottom: 20px;
}
.pedido .head{
	float: left;
	width: 100%;
	padding: 15px;
	border-bottom: solid 1px #ccc;
}
.mi-cuenta .pedido .prod{
	border: 0;
	margin: 0;
	padding-bottom: 0;
	min-height: unset;
}
.mi-cuenta .pedido .prod:last-child{
	padding-bottom: 20px;
}
.mi-cuenta .pedido .prod:hover{
	box-shadow: none;
}
.mi-cuenta .pedido .prod .detail .precio{
	text-align: right;
	font-size: 18px;
}
.mi-cuenta .pedido .prod .detail .precio span{
	font-size: 12px;
}
.mi-cuenta .pedido h3{
	float: left;
	width: 100%;
	padding: 20px 20px 0;
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}
.pedido .col{float: left; width: 33%; font-size: 14px;}
.pedido .columnaBotonDetalle, .detallePedido .columnaBotonDetalle{
	width: 100%;
	display: flex;
	justify-content: end;
}
.verDetallePedidos {
	border: unset;
	background-color: unset;
	color: #1d1d1b;
	text-decoration: underline;
	font-family: 'poppins-semibold';
	font-size: 14px;
	text-underline-position: under;
}
.pedido .col span{ font-family: 'nimbus_sans_l_reg'; font-size: 12px; display: flex; flex-flow: wrap; float:left; width: 100%; color: #888888;}
.pedido .col span strong{ 
	font-family: 'nimbus_sans_l_reg'; 
	font-size: 14px;
	color: #444444;
}

.pedido .cont{
	display: flex;
	justify-content: space-between;
	float: left;
	width: 100%;
}
.pedido .cont .botonesMisPedidos {
	display: flex;
	align-items: flex-end;
	justify-content: end;
	flex-flow: column wrap;
	padding: 10px;
}
.pedido .cont .botonesMisPedidos .volverAPedir {
	width: 100%;
	padding: 10px;
	line-height: 16px;
	max-width: 210px;
	min-width: 200px;
}
.pedido .cont .botonesMisPedidos .estadoMisPedidos {
	width: 100%;
	padding: 10px;
	line-height: 16px;
	max-width: 210px;
	min-width: 200px;
	color: #1d1d1b;
	background-color: #fff;
	border: 1px solid #1d1d1b;
}
.verMasPedido{color: #044fe6;}
.verMasPedido:hover{color: #039;}
.verMasCategorias{display: none;}
.visibleMovil{display: none;}
.li-cat.volverMenu{display: none;}
.verMasLineas{display: none;}
.botonRespCarro{display: none;}
.btnMostrarResumen{float: left; width: 100%; display: none; background-color: #f9f9f9; padding: 15px 0; border-top: solid 1px #dfe1e6; border-bottom: solid 1px #dfe1e6; cursor: pointer;}
.btnMostrarResumen span{float: left; margin-right: 5px; color:#2b2b2b; font-size: 14px;}
.btnMostrarResumen .totalCart2{float: right; font-size: 20px; color: #2b2b2b; font-weight: 700; line-height: 24px;}

.aside .filtro ul li.filtroCurrent a{color: #044fe6; font-weight: 700;}


.aside .filtro .quitar-filtros{
	float: left;
	width: 100%;
	color: #666;
	font-size: 16px;
	transition: .3s all ease;
	-webkit-transition: .3s all ease;
}
.aside .filtro .quitar-filtros:hover{
	color: #06f;
}

.cart-final{
	float: left;
	width: 100%;
}
.cart-final h4{
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	color: #14235c;	
}
.cart-final .pr-guardados{
	width: 100%;
}
.cart-final .filaProductos{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #e0e1e7;
}
.cart-final .filaProductos .img{
	float: left;
	width: 80px;
	height: 80px;
	border: 1px solid #e0e1e7;
	border-radius: 5px;
	overflow: hidden;
}
.cart-final .filaProductos .img img{
	object-fit: contain;
	-o-object-fit: contain;
	width: 100%;
	height: 100%;
}
.cart-final .filaProductos .detail{
	float: left;
	width: calc(100% - 80px);
	padding-left: 20px;
}
.cart-final .filaProductos .marca{
	float: left;
	width: 100%;
	color: #3366cc;
}
.cart-final .filaProductos .nombre{
	float: left;
	width: 100%;
	max-width: 250px;
	padding-right: 50px;
	font-size: 14px;
	font-weight: 600;
	color: #666666;
}
.cart-final .filaProductos .precio_u{
	float: left;
	width: 150px;
	padding-right: 30px;
	font-size: 16px;
	color: #999999;
	font-weight: 700;
	height: 48px;
}
.cart-final .filaProductos .precio_u span{
	float: left;
	width: 100%;
	color: #666666;
	font-size: 12px;
	font-weight: 600;
}
.cart-final .filaProductos .precio_t{
	float: left;
	width: 120px;
	font-size: 16px;
	color: #74bc1f;
	font-weight: 700;
	height: 48px;
}
.cart-final .filaProductos .precio_t span{
	float: left;
	width: 100%;
	color: #666666;
	font-size: 12px;
	font-weight: 600;
}
.cart-final .filaProductos .cantidad{
	float: right;
	width: 80px;
	margin: 0;
}
.cart-final .filaProductos .cantidad select{
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #dfe1e6;
	padding: 0 10px;
	color: #000000;
	font-size: 12px;
	font-weight: 600;
	margin: -1px 0;
	background: url(../img/select-arrow.png) 90% 52% no-repeat #fff;
	-webkit-appearance: none;
	border-radius: 0;
	height: 48px;	
}
.cart-final .filaProductos .cantidad input{
	display: none;
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #dfe1e6;
	padding: 0 10px;
	color: #000000;
	font-size: 12px;
	font-weight: 600;
	margin: -1px 0;
	border-radius: 0;
	height: 48px;
}
.cart-final .pr-guardados .filaProductos .nombre{
	max-width: 300px;
}
.cart-final .pr-guardados .filaProductos .precio_t{
	float: right;
	padding: 0;
	text-align: right;
}
.cart-final .pr-guardados .filaProductos .botonesFilaGuardado{
	float: right;
	width: auto;
}
.cart-final .pr-guardados .filaProductos .botonesFilaGuardado a{
	font-size: 14px;
}
.cart-final .pr-guardados .filaProductos .botonesFilaGuardado .borrar{
	color: #cccccc;
	text-decoration: underline;
}
.cart-final .pr-guardados .filaProductos .botonesFilaGuardado .mover{
	color: #0066ff;
	text-decoration: underline;
	font-weight: 600;
}
.como-comprar{
	float: left;
	width: 100%;
	background: #fbfbfb;
	padding: 50px 0;
}
.como-comprar .cols{
	float: left;
	width: 100%;
}
.como-comprar .cols .col{
	float: left;
	width: calc(100% / 3 - 14px);
	margin-right: 20px;
}
.como-comprar .cols .col:last-child{
	margin-right: 0;
}
.como-comprar .cols .col img{
	box-shadow: 0 2px 10px 4px #f1f1f1;
	margin: 0 0 20px;
}
.como-comprar .cols .col p{
	color: #999999;
	float: left;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	font-size: 14px;
}

/*Informacion fullper */

.conPaginasFijas{
	width: 100%;
}
.conPaginasFijas p{
	font-size: 16px;
	font-family: "nimbus_sans_l_reg";
	color: #888888;
	text-align: justify;
}
.conPaginasFijas p.linksFijas{
	color: #1d1d1b;
}


.conPaginasFijas h4{
	font-size: 16px;
	font-family: "nimbus_sans_l_bold";
	color: #888888;
	text-align: justify;
}

.conPaginasFijas ul li{
	font-size: 14px;
	font-family: "InterSemiBold";
	color: #888888;
	text-align: justify;
}
.contenedorInfofullper{
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
	grid-template-rows: repeat(auto, 1fr);
	gap: 10px;
	justify-content: center;
	padding: 10px;
}
.contenedorInfofullper img{
	width: 100%;
	height: auto;
}

/*Terminos y condidicones fijos */

.contTerminosCondiciones{
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
	justify-content: center;
	padding: 10px;
}
.contTerminosCondiciones a{
	color: var(--amarillo);
	font-size: 15px;
	text-decoration: underline;
}
.contTerminosCondiciones ul li{
	font-size: 15px;
}

.contacto{
	float: left;
	width: 100%;
	padding: 40px 0 60px 0;
}
.contacto .title, .como-comprar .title, .contEncuentranosTitle .title, .politicas .title, .conPaginasFijas .title{
	text-align: center;
	width: 100%;
	margin: 0;
	color: #444444;
	padding: 20px 0 40px;
}
.contBannerContacto {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 2fr;
	gap: 30px;
	padding-bottom: 80px;
}
.contactanos{
	width: 100%;
}
.contactanos .contRedesSociales{
	justify-content: center;
	padding: 10px;
}
.contactanos h3{
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
	text-align: left;
	color: #444444;
	margin: 5px 0 5px 0;
}
.contactanos .linkContacto{
	display: block;
	font-family: 'nimbus_sans_l_reg';
	font-size: 14px;
	text-align: left;
	color: #666666;
	width: 100%;
}

.contactanos .linkContacto:hover {
	color: #1d1d1b;
}
.contactanos p{
	font-family: 'nimbus_sans_l_reg';
	font-size: 14px;
	text-align: center;
	color: #888888;
}
.contactanos a{
	font-family: 'nimbus_sans_l_reg';
	font-size: 14px;
	text-align: center;
	color: #1d1d1b;
}
.imgContactanos{
	width: 100%;
}
.imgContactanos img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.contBotonContacto {
	display: flex;
	justify-content: center;
}
.contacto .title .adornoSuperiorTitle, .como-comprar .title .adornoSuperiorTitle, .politicas .title .adornoSuperiorTitle, .login .adornoSuperiorTitle, .seccion1Exito .adornoSuperiorTitle{
	float: none;
	text-align: center;
}
.contacto .title .icon{
	float: left;
	width: 60px;
}
.contacto .title .tx{
	float: left;
	width: calc(100% - 60px);
	padding-left: 50px;
}
.contacto .title h3{
	float: left;
	color: #444444;
}
.contacto .title p{
	float: left;
	width: 100%;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	max-width: none;
	line-height: 26px;
}
.contacto .form{
	display: table;
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
	padding: 60px 110px;
	background-color: #fff;
}
.contacto .form h3{
    width: 100%;
    margin: 0 0 40px 0;
    font-size: 19px;
    line-height: 19px;
    color: #444444;
	text-align: center;
	font-family: 'nimbus_sans_l_bold';
}
.contacto .form .campo{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.contacto .form .campo input{
	float: left;
	width: 100%;
	border: 1px solid #d4d4d4;
	border-radius: 8px;
	line-height: 44px;
	color: #333;
	padding: 0 20px;
}
.contacto .form .campo textarea{
	float: left;
	width: 100%;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	height: 120px;
	color: #333;
	padding: 20px;
}
.contacto .form .campo .btn{
	float: right;
	max-width: 180px;
}
.contacto .contExitoBannerContacto {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
  }
.contacto .contExitoBannerContacto a img {
	width: 100%;
	max-width: 500px;
}
.botonExitoContacto {
	padding: 0 50px;
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
	background: #1d1d1b;
}
.contacto .contExitoBannerContacto a img {
width: 100%;
height: auto;
max-width: 500px;
/* border: 2px solid #009026; */
cursor: pointer;
}

.sucursales{
	float: left;
	width: 100%;
	padding: 0 0 60px;
}
.sucursales .title{
	float: left;
	width: 100%;
	background: #2ea853;
	color: #fff;
	padding: 30px 0 40px;
	margin-bottom: 30px;
}
.sucursales .title .icon{
	float: left;
	width: 60px;
}
.sucursales .title .tx{
	float: left;
	width: calc(100% - 60px);
	padding-left: 50px;
}
.sucursales .title h3{
	float: left;
	color: #fff;
}
.sucursales .title p{
	float: left;
	width: 100%;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	max-width: none;
	line-height: 26px;
}

.sucursales .sucursal{
	float: left;
	width: calc(100% / 3 - 14px);
	border: 1px solid #eaebee;
	border-radius: 4px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 15px;
}
.sucursales .sucursal:nth-child(3n){
	margin-right: 0;
}
.sucursales .sucursal .datos{
	float: left;
	width: calc(100% - 80px);
	text-align: left;
}
.sucursales .sucursal .datos .name{
	float: left;
	width: 100%;
	color: #000000;
	font-size: 14px;
	font-weight: 700;
}
.sucursales .sucursal .datos p{
	float: left;
	width: 100%;
	margin: 10px 0 15px;
	font-size: 12px;
	color: #666666;
}
.sucursales .sucursal .datos .btns{
	float: left;
	width: 100%;
}
.sucursales .sucursal .datos .btns a{
	float: left;
	color: #2ea853;
	font-weight: 700;
	font-size: 14px;
}
.sucursales .sucursal .datos .btns a:first-child{
	margin-right: 40px;
}
.sucursales .sucursal .img{
	float: right;
	width: 80px;
}

.revistas{
	float: left;
	width: 100%;
	padding: 0 0 60px;
}
.revistas .title{
	float: left;
	width: 100%;
	background: #2ea853;
	color: #fff;
	padding: 30px 0 40px;
	margin-bottom: 30px;
}
.revistas .title .icon{
	float: left;
	width: 60px;
}
.revistas .title .tx{
	float: left;
	width: calc(100% - 60px);
	padding-left: 50px;
}
.revistas .title h3{
	float: left;
	color: #fff;
}
.revistas .title p{
	float: left;
	width: 100%;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	max-width: none;
	line-height: 26px;
}
.revistas .anno{
	float: left;
	width: 100%;
	color: #036f40;
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 10px;
}
.revistas .revista{
	float: left;
	width: calc(100% / 6 - 17px);
	margin-right: 20px;
	margin-bottom: 20px;
}
.revistas .revista:nth-child(6n){
	margin-right: 0;
}
.revistas .revista .datos{
	float: left;
	width: calc(100% - 80px);
	text-align: left;
}
.revistas .revista .img{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.revistas .revista a{
	display: table;
	clear: both;
	margin: 0 auto;
	color: #2ea853;
	font-size: 14px;
	font-weight: 700;
}
.whatsapp-fix{
	position: fixed;
    bottom: 20px;
    right: 20px;
    background: #00da52;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 43px;
    border-radius: 50%;
    font-size: 31px;
    color: #fff;
    box-shadow: 0 0 1px 0 #dfe1e6;
	z-index: 10;
}
.bubble-whats{
	position: fixed;
	bottom: 80px;
	bottom: 16px;
	right: 85px;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 1px 0px #dfe1e6;
	border-radius: 10px;
	z-index: 10;
}
.bubble-whats .close{
	position: absolute;
	top: -5px;
	left: -5px;
	background: #fff;
	box-shadow: 0 0 1px 0 #dfe1e6;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 18px;
	border-radius: 100%;
	border: 1px solid #dfe1e6;
	cursor: pointer;
}
.datos-compra form .campo.campo-f{
	margin-bottom: 0;
}
.datos-compra form .campo.campo-f label{
	font-weight: 600;
	font-size: 16px;
	color: #2c2c2b;
	margin: 0;
}
.newsletter{
	float: left;
	width: 100%;
	background: url(../img/newsletter.jpg) center center no-repeat;
	background-size: cover;
	padding: 50px 0 100px;
}

#formNewsletter{
	float: none;
	display: table;
	margin: 0 auto;
	max-width: 580px;
	width: 100%;
	position: relative;
}
.newsletter form input{
	float: left;
	width: 100%;
	height: 52px;
	border: 0;
	padding: 0 20px;
	font-size: 14px;
	border: 1px solid #e2e2e2;
	border-radius: 8px;
}
.newsletter h4{
	display: table;
	clear: both;
	margin: 0 auto;
	color: #036f40;
	font-size: 24px;
	font-weight: 400;
	max-width: 540px;
	text-align: center;
}
.newsletter h4 span{
	float: left;
	width: 100%;
	text-align: center;
}
.newsletter h4 span img{
	display: block;
	margin: 20px auto;
}
#btnNewsletter{
	position: absolute;
    cursor: pointer;
    text-align: center;
    top: 0;
    right: 0;
    width: 110px;
    height:44px;
    line-height:44px;
    background: #1d1d1b;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-family: 'nimbus_sans_l_bold';
}
#btnNewsletter:hover{
	background: #1d1d1b;	
}
.btnTerminos{
	float: left;
    width: 100%;
    background: #2ea853;
    margin-top: 20px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 46px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    cursor: pointer;
    border: 0;
	max-width: 240px;
}
.btnTerminos:hover{
	background: #74bc1f;
}
.contBtnFracaso{
	margin-bottom: 50px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;
	gap: 10px;
}
.contBtnFracaso a{
	background: #1d1d1b;
	max-width: 240px;
	float: left;
	border-radius: 5px;
	margin: 0;
}
.contBtnFracaso a:hover{
	background: #f8d77b;
}
.top-identificacion{
	text-align: left;
    color: #2c2c2b;
    font-size: 16px;
}
.top-identificacion h4{
	float: left;
	width: 100%;
	color: #2c2c2b;
    font-weight: 600;
    font-size: 16px;
}
.top-identificacion h4 span{
	color: #74bc1f;
	font-weight: 700;
}
.productos-cuenta{
	float: left;
	width: 100%;

}
.mi-cuenta .productos-cuenta .prod{
	float: left;
	width: calc(100% / 3 - 14px);
	margin-right: 20px;
	padding: 0;
	height: 345px;
}
.mi-cuenta .productos-cuenta .prod:nth-child(3n){
	margin-right: 0;
}
.mi-cuenta .productos-cuenta .prod:hover{
	height: 420px;
    margin-bottom: -71px;
}
.mi-cuenta .productos-cuenta .prod .img{
	float: left;
    width: 100%;
    height: 230px;
    border: 0;
}
.mi-cuenta .productos-cuenta .prod .detail{
	width: 100%;
	padding: 20px;
}
.mi-cuenta .productos-cuenta .prod .detail .nombre{
	height: 32px;
	padding: 0;
}
.mi-cuenta .productos-cuenta .prod .like{
	right: 20px;
	top: 200px;
	line-height: 45px;
}
.verificar{
	font-size: 20px;
}
.contMiCarro .userlog{
	float: left;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: var(--amarillo);
    border-radius: 100%;
    color: #fff;
    font-size: 16px;
}
.tituloPopup {
	font-size: 16px;
	font-family: 'nimbus_sans_l_bold';
	color: #444444;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebebeb;
	text-transform: uppercase;
}
.menuPopup{
	position: absolute;
    top: 60px;
    right: -20px;
    width: 380px;
    background: #fff;
    z-index: 9999;
    border-radius: 10px;
    padding: 10px 0;
    box-shadow: 0 0 10px 1px #eeeeee;
    display: none;
    border: 1px solid #eeeeee;
	min-height: 520px;
}

.fondoPopUp2 {
	position: fixed;
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0,0,0,.1); z-index: 9999;display: none;
}
.menuPopup .tri{
    position: absolute;
    top: -20px;
    right: 20px;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
}
.menuPopup .contProdVistosPopUp .filaProductosVistos {
	display: grid;
	grid-template-columns: 1fr 2fr;
	border: none;
}
.menuPopup .contProdVistosPopUp > h3{
	padding: 0 15px;
}
.menuPopup .contProdVistosPopUp .filaProductosVistos img{
	border: 1px solid #ebebeb;
	width: 80px;
}
.menuPopup .contProdVistosPopUp .filaProductosVistos .ver-ficha{
	color: #1d1d1b;
	font-family: 'nimbus_sans_l_bold';
	font-size: 14px;
	text-decoration: underline;
}
.menuPopup .contProdVistosPopUp .filaProductosVistos .detail .marca{
	font-family: 'poppins-semibold';
    font-size: 12px;
    color: #666;
}
.contFilasProductos {
	max-height: 370px;
	overflow-y: scroll;
	padding: 0 15px;
}
.contFilasProductos::-webkit-scrollbar {
    width: 4px;
}
.contFilasProductos::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 5px;
}
.menuPopup .filaProductos{
	display: grid;
	grid-template-columns: 1fr 2fr;
	padding: 0;
	margin-bottom: 5px;
	position: relative;
}
.menuPopup .detail{
	padding: 5px;
	display: grid;
	grid-template-columns: 2fr 1fr;
}
.menuPopup .detail .conDetalle1{
	display: flex;
	flex-flow: column wrap;
	justify-content: start;
	text-align: left;
}
.menuPopup .detail .nombreMarcaPopup{
	font-family: 'nimbus_sans_l_bold';
	font-size: 10px;
	color: #888888;
	line-height: 12px;
}
.menuPopup .detail .nombre, .menuPopup .detail .nombre a{
	font-family: 'nimbus_sans_l_bold';
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #444444;
	margin-bottom: 10px;
}
.menuPopup .filaProductos .img{
	/* padding: 10px; */
}
.menuPopup .filaProductos .img img{
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	width: 80px;
}
.menuPopup .cantPrecio {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.menuPopup .filaProductos .cantidad{
	float: left;
	width: 70px;
	position: relative;
}
.menuPopup .filaProductos .cantidad label{
	position: absolute;
    top: -8px;
    left: 10px;
    color: #2ea853;
    font-size: 10px;
    font-weight: 700;
    background: #fff;
    padding: 0 5px;
    width: auto;
}
.menuPopup .filaProductos .cantidad select{
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #888888;
	padding: 0 10px;
	color: #444444;
	font-size: 14px;
	text-align: center;
	font-family: 'nimbus_sans_l_bold';
	margin: -1px 0;
	background: url(../img/flecha_abajo.png) 90% 52% no-repeat #fff;
	-webkit-appearance: none;
	border-radius: 5px;
	height: 40px;	
}
.menuPopup .filaProductos .cantidad input{
	display: none;
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #1d1d1b;
	padding: 0 10px;
	color: #000000;
	font-size: 12px;
	font-weight: 600;
	margin: -1px 0;
	border-radius: 5px;
	height: 33px;
}
.menuPopup .detail .conDetalle1 .precio_u{
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
	line-height: 18px;
	color:  #1d1d1b;
}
.menuPopup .detail .conDetalle1 .precio_u span{
	font-family: 'nimbus_sans_l_reg';
	font-size: 12px;
	color:  #cccccc;
	position: unset;
	background: unset;
	width: 100%;
	height: unset;
	border-radius: unset;
	line-height: 10px;
	text-decoration: line-through;
}
.menuPopup .filaProductos .botoneraShowCart {
	float: right;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
}
.menuPopup .filaProductos .botoneraShowCart i{
	color: #d6d6d6;
}
.menuPopup .row-subtotal{
	float: left;
	background: #fff;
	width: 100%;
	border-top: 1px solid #ebebeb;
	padding: 10px 15px 0 15px;
	position: absolute;
	bottom: 15px;
}
.menuPopup .row-subtotal .contSubcantPopup {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.menuPopup .row-subtotal .contSubcantPopup .subCarroPopup{
	float: left;
	font-size: 16px;
	font-family: 'nimbus_sans_l_reg';
	color: #444444;	
}
.menuPopup .row-subtotal .contSubcantPopup .cantCarroPopup{
	color: #1d1d1b;
	font-size: 16px;
	font-family: 'nimbus_sans_l_bold';
}
.menuPopup .row-subtotal .btn{
	background: #1d1d1b;
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
	color: #fff;
}
.btnMenuUser{
	position: relative;
	cursor: pointer;
	margin-left: 15px;
}
.btnMenuPopup {
	position: relative;
	cursor: pointer;
	margin-left: 5px;
}
.btnMenuUser span{
	width: auto;
	margin-right: 10px;
}
.menuUser{
	position: absolute;
    top: 60px;
    right: -20px;
    width: 230px;
    background: #fff;
    z-index: 999;
    border-radius: 3px;
    padding: 10px 0;
    box-shadow: 0 0 10px 1px #eeeeee;
    display: none;
    border: 1px solid #eeeeee;
}
.menuUser .tri{
    position: absolute;
    top: -20px;
    right: 20px;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #eeeeee;
}
.menuUser ul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.menuUser ul li{
	float: left;
	width: 100%;
}
.menuUser ul li a{
	float: left;
	width: 100%;
	line-height: 48px;
	color: #2c2c2b;
	text-align: left;
    padding: 0 20px;
    font-weight: 500;
    font-size: 14px;
}
.menuUser ul li a:hover{
	background: #eee;
}
.menuUser ul li a span{
	width: 100%;
    margin-top: -30px;
    color: #878786;
    font-size: 14px;
}
.menuUser ul li.active a{
	font-size: 16px;
	font-weight: 600;
	color: #2c2c2b;
}
.banner-blog{
	float: left;
	width: 100%;
	background-image: url(../img/fondoBannerBlog.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.banner-blog .title{
	float: left;
	width: 100%;
	color: #fff;
	padding: 10px 10px;
	margin: 10px 0 0 0;
}
.banner-blog .title .icon{
	float: left;
	width: 60px;
}
.banner-blog .title .tx{
	float: left;
	width: calc(100% - 60px);
	padding-left: 50px;
}
.banner-blog .title h3{
	color: #444444;
	font-family: 'nimbus_sans_l_bold';
	font-size: 22px;
	display: flex;
	justify-content: center;
}
.banner-blog .title p{
	float: left;
	width: 100%;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	max-width: none;
	line-height: 26px;
}
.contCategoriasBlog {
	padding: 20px 10px;
	display: flex;
	flex-flow: wrap;
	gap: 10px;
}
.categoriaBlog {
	border: 1px solid #1d1d1b;
	padding: 15px 56px;
	border-radius: 5px;
	background-color: #fff;
	font-family: 'nimbus_sans_l_bold';
	font-size: 14px;
	color: #1d1d1b;;
}
.title h3.tituloDeBlog {
	font-size: 20px;
	font-family: 'poppins-semibold';
	color: #444444;
}

.cat-blog{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	/* border-bottom: 1px solid #eee; */
	padding: 10px 100px;
}
.cat-blog ul{
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
.cat-blog ul li{
	display: inline-block;
	margin: 0;
	padding: 20px 40px 20px 0;
}
.cat-blog ul li a{
	color: #000;
	font-size: 14px;
}
.cat-blog ul li a:hover{
	color: #2ea853;
}
.cat-blog ul li a.active{
	color: #2ea853;
	font-weight: 700;
}

.productosHome > .owl-carouselProductos{
	position: relative;
}
.productosHome > .owl-carouselProductos .owl-nav {
	position: absolute;
    z-index: 999;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%,0);
    padding: 0 100px;
    height: 20px;
    width: 100%;
}
.productosHome > .owl-carouselProductos .owl-nav > .owl-prev{
	position: absolute;
    bottom: -30px;
    left: -5px;
    background: #fff;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	color: #595959;
    z-index: 991;
    width: 38px;
    height: 55px;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 10px;
}
.productosHome > .owl-carouselProductos .owl-nav > .owl-prev span {
	padding: 0;
    margin: 0;
    border-radius: 100px;
    width: 25px;
    font-size: 25px;
    height: 25px;
    float: left;
    line-height: 14px;
    background-image: url(../img/flecha_prev.png);
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
}
.productosHome > .owl-carouselProductos .owl-nav > .owl-next{
	position: absolute;
    bottom: -30px;
    right: -5px;
    background: #fff;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	color: #595959;
    z-index: 991;
    width: 38px;
    height: 55px;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 10px;
}
.productosHome > .owl-carouselProductos .owl-nav > .owl-next span {
	padding: 0;
    margin: 0;
    border-radius: 100px;
    width: 25px;
    font-size: 25px;
    height: 25px;
    float: left;
    line-height: 14px;
    background-image: url(../img/flecha_next.png);
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
}

.slideState{ height: 1px; background: #ececec; position: relative; margin-top: 40px;}
.slideState span{ position: absolute; height: 100%; background: #0bc307; left: 0; top: 0; transition: all 0.5s ease; color: #FFF; padding-left: 15px;}
.productosHome > .owl-carouselProductos .prod{
	width: 100%;
}
.productosHome.pr-rel .prod{
	margin: 20px 20px 50px 0;
}
.productosHome.pr-rel .prod:nth-child(4n){
	margin-right: 0;
}
.productosHome.pr-rel .prod:hover{
	margin-bottom: -21px;
}
.buscador.grill{
	margin-left: 0;
    margin-top: 20px;
    margin-bottom: 50px;
	justify-content: flex-start;
}
.e404{
	display: table;
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	padding: 0 50px;
	position: relative;
}
.e404 .title h3{
	text-align: center;
}
.e404 h4{
	position: absolute;
    top: -200px;
    right: 50px;
    font-size: 200px;
    color: #eee;
    margin: 0;
}
.icon404{
	display: flex;
	justify-content: center;
	padding: 30px 10px;
	flex-wrap: wrap;
}
.icon404 a{
	width: 100%;
	display: flex;
	justify-content: center;
}
.icon404 .btn {
	max-width: 200px;
}
.icon404 p{
	color: #888888;
	font-family: 'nimbus_sans_l_reg';
	font-size: 14px;
}
.icon404 img{
	width: 100%;
	height: auto;
	max-width: 430px;
}

.preferencias{
	float: left;
	width: 100%;
}
.preferencias .pref{
	float: left;
	width: calc(100% / 6 - 17px);
	margin-right: 20px;
}
.preferencias .pref:nth-child(6n){
	margin-right: 0;
}
.preferencias .pref .icon{
	float: left;
	width: 100%;
	border: 1px solid #eeeeee;
	border-radius: 3px;
}
.preferencias .pref.active .icon{
	border: 1px solid #74bc1f;
}
.preferencias .pref .name{
	float: left;
	width: 100%;
	text-align: center;
	color: #2c2c2b;
	padding: 10px;
}
.mi-cuenta .content.benef p{
	color: #2c2c2b;
}
.beneficios{
	float: left;
	width: calc(100% + 20px);
	margin: 0 -20px 0 -10px;
}
.beneficio .close{
	position: absolute;
	top: 20px;
	left: 20px;
}
.beneficios .ben{
	float: left;
	width: calc(50% - 20px);
	margin: 0 10px;
	margin-bottom: 20px;
}
.beneficios .ben.ben-l{
	float: left;
	width: calc(100% - 20px);
}
.beneficios .line{
	float: left;
	width: 100%;
}
.bg-benef{
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.6);
	display: none;
}
.beneficio{
	position: fixed;
	top: 0;
	right: -100%;
	width: 50%;
	max-width: 630px;
	height: 100vh;
	background: #fff;
	overflow-y: auto;
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
}
.beneficio .content{
	float: left;
	width: 100%;
	padding: 40px;
}
.beneficio.active{
	right: 0;
}
.beneficio .content .dcto{
	float: left;
	width: 100%;
	color: #74bc1f;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
}
.beneficio .content .contactos{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.beneficio .content .contactos .col{
	float: left;
	width: calc(100% / 3 - 27px);
	margin-right: 40px;
	color: #2c2c2b;
	font-weight: 500;
	font-size: 16px;
}
.beneficio .content .contactos .col:nth-child(3n){
	margin-right: 0;
}
.beneficio .content .contactos .col strong{
	float: left;
	width: 100%;
	font-weight: 700;
	margin-bottom: 10px;
}
.beneficio .content p{
	float: left;
	width: 100%;
	color: #2c2c2b;
	font-size: 14px;
	margin: 10px 0;
}
.beneficio .content h3{
	float: left;
	width: 100%;
	margin: 10px 0;
}
.limited{
	position: absolute;
	top: 20px;
	right: 10px;
	width: auto;
	z-index: 99991;
}
.countdown{
	float: right;
    border: 1px solid #ccc;
    padding: 0 10px;
    background: #2c2c2c;
    height: 20px;
    width: 100%;
    color: #88c53f;
    font-weight: 600;
    line-height: 14px;
    font-size: 14px;
    border-radius: 10px;
}
.countdown > div{
	float: left;
}
.countdown > div.txt{
	margin-right: 10px;
}
.countdown > div span i{
	font-style: normal;
}


.benef{
	float: left;
	width: 100%;
	padding: 60px 0;
	border-top: 1px solid #ededed;
}
.benef .col{
	float: left;
	width: calc(25% - 15px);
	margin-right: 20px;
}
.benef .col:nth-child(4n){
	margin-right: 0;
}
.benef .name{
	float: left;
	font-size: 14px;
	color: #036f40;
	line-height: 80px;
	padding-left: 10px;
	font-weight: 700;
}
.benef .box{
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 120px;
}
.contenededorSobreFooter .box {
	float: left;
	width: 70px;
	height: 70px;
	border-radius: 10px;
}
.contenededorSobreFooter .name{
	float: left;
	font-size: 14px;
	font-family: 'InterSemiBold';
	color: #444444;
	line-height: 20px;
}
.contenededorSobreFooter{
	width: 100%;
	float: left;
	padding: 10px 0;
	border-top: 2px solid #444444;
}
.colsSobreFooter {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	grid-template-rows: repeat(auto, 1fr);
	gap: 10px;
	justify-content: center;
	justify-items: center;
}
.colSobreFooter {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	gap: 15px;
}
.contenededorSobreFooter .box.truck{
	background: url('../img/truck.png') center center no-repeat #1d1d1b;
	background-size: 50px;
}
.contenededorSobreFooter .box.quality{
	background: url('../img/calidad.png') center center no-repeat #1d1d1b;
	background-size: 50px;
}
.contenededorSobreFooter .box.security{
	background: url('../img/pago.png') center center no-repeat #1d1d1b;
	background-size: 50px;
}
.contenededorSobreFooter .box.cards{
	background: url('../img/money.png') center center no-repeat #1d1d1b;
	background-size: 50px;
}

.bloges{
	float: left;
	width: 100%;
	background-color: #f3f3f3;
	padding: 20px 0;
}

.bloges .grilla{
	float: left;
	width: 100%;
	background: #f3f3f3;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
	grid-template-rows: repeat(auto, 1fr);
	gap: 20px;
}
.bloges .grilla .entrada{
	float: left;
	width: 100%;
	margin-right: 20px;
	border: 1px solid #d7d7d7;
	margin-bottom: 20px;
}
.bloges .grilla .entrada:nth-child(3n){
	margin-right: 0;
}
.bloges .grilla .entrada .img{
	float: left;
	width: 100%;
	height: 190px;
}
.bloges .grilla .entrada .img img{
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%;
}
.bloges .grilla .entrada .content{
	float: left;
	width: 100%;
	padding: 20px;
}
.bloges .grilla .entrada .content h2{
	float: left;
	width: 100%;
	color: #444444;
	font-family: 'poppins-semibold';
	margin: 0 0 10px;
	padding: 0;
	font-size: 14px;
	height: 40px;
	overflow: hidden;
	line-height: 20px;
}
.bloges .grilla .entrada .content p{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 20px;
	height: 50px;
	overflow: hidden;
	color: #666;
	font-size: 12px;
	line-height: 22px;	
}
.bloges .grilla .entrada .content .foot{
	float: left;
	width: 100%;
}
.bloges .grilla .entrada .content .foot a{
	float: left;
	color: #ff5b04;
	font-size: 14px;
	text-transform: uppercase;
	width: auto;
	margin: 0 30px 0 0;
	display: block;
	clear: none;
	line-height: 24px;
	font-weight: 600;
}
.contBlogIndividual {
	display: grid;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1180px;
    padding: 0 50px;
	gap: 20px;
	grid-template-columns: 2fr 1fr;
}
.imagenGrandeBlog {
	width: 100%;
	height: auto;
	border-radius: 10px;
}
.bloges .artc{
	float: left;
	width: 100%;
	color: #666666;
	line-height: 26px;
	font-family: 'nimbus_sans_l_reg';
	font-size: 16px;
}
.bloges .artc .title{
	margin: 0;
}
.bloges .artc h2{
	float: left;
	width: 100%;
	color: #747475;
	font-size: 20px;
}
.bloges .artc a{
	color: #333;
}
.bloges .artc .title{

	margin-bottom: 20px;
}
.bloges .galeria{
	float: left;
	width: 100%;
}
.bloges .galeria .gal{
	float: left;
	width: calc(100% / 3 - 14px);
	margin-right: 20px;
	margin-bottom: 20px;
	height: 150px;
	position: relative;
}
.bloges .galeria .gal:nth-child(3n){
	margin-right: 0;
}
.bloges .galeria .gal img{
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%;	
}
.bloges .galeria .gal img.img_video{
	position: absolute;
	top: 0;
	left: calc(50% - 25px);
	width: 50px;
	object-fit: contain;
	-o-object-fit: contain;
}
.bloges .ultimas{
	float: right;
	width: 100%;
}
.bloges .ultimas h3{
	float: left;
	width: 100%;
	padding: 20px 0;
	font-family: 'poppins-semibold';
	margin: 0;
	color: #444444;
	font-size: 16px;
}
.bloges .ultimas .content{
	float: left;
	width: 100%;
	overflow: auto;
}
.bloges .ultimas .article{
	float: left;
	width: 100%;
	padding: 20px;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	background-color: #fff;
	border-radius: 5px;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	gap: 10px;
}
.contenidosUlt {
	display: flex;
	flex-flow: column wrap;
	width: 220px;
}
.contImagenUlt {
	width: 80px;
}
.bloges .ultimas .article:last-child{
	margin-bottom: 0;
}
.bloges .ultimas .article .img{
	float: left;
	width: 135px;
	height: 90px;
	margin-right: 10px;
}
.bloges .ultimas .article .img img{
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%;	
}
.bloges .ultimas .article h4{
	float: right;
	width: 100%;
	color: #444444;
	font-family: 'nimbus_sans_l_bold';
	margin: 0;
	font-size: 11px;
	overflow: hidden;
}
.bloges .ultimas .article p{
	width: 100%;
	color: #888888;
	font-family: 'nimbus_sans_l_reg';
	margin: 0;
	font-size: 12px;
}
.bloges .ultimas .article a.ver{
	float: left;
    width: 100%;
    color: #1d1d1b;
    font-size: 14px;
    font-family: 'nimbus_sans_l_bold';
    text-decoration: underline;
	text-underline-position: under;
	position: relative;
}
.bloges .ultimas .article a.ver::after{
	/* margin-left: 10px;
	content: '\2192';
	font-size: 18px;
	text-decoration: none;
	display: inline-block */
	margin-left: 10px;
	background-image: url(../img/flecha_icon_derecha.png);
	background-repeat: no-repeat;
    background-size: 20px 10px;
    display: inline-block;
    content: "";
    top: 4px;
    left: 65px;
    width: 20px;
    height: 20px;
    position: absolute;
}
input[type="file"]#file{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
label[for="file"]{
	border: 1px solid #eee;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	display: inline-block;
	transition: all .5s;
	cursor: pointer;
	padding: 0 15px;
	width: 100%;
	text-align: left;
	line-height: 46px;
	background: #fff;
 }
 label[for="file"] i{
 	float: left;
 	line-height: 46px;
 }
 .mascotas{
	float: left;
    width: 100%;
    border: 1px solid #ededed;
 }
 .mascotas .mascota{
	float: left;
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding: 20px;
 }
 .mascotas .mascota .img{
 	float: left;
 	width: 60px;
    overflow: hidden;
 }
 .mascotas .mascota .detail{
 	float: left;
 	width: calc(100% - 60px);
 	padding-left: 20px;
 }
 .mascotas .mascota .detail .name{
 	float: left;
 	width: calc(100% - 70px);
 	color: #444444;
 	font-size: 14px;
	font-family: 'poppins-semibold';
 }
 .mascotas .mascota .detail .datos{
 	float: left;
 	width: calc(100% - 69px);
 	text-align: left;
 	color: #888888;
 	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	
 }
 .mascotas .mascota .detail .edit{
 	float: right;
 	width: 70px;
 	text-align: left;
	text-decoration: underline;
	color: #ff5b04;
	font-size: 14px;
	font-family: 'poppins-semibold';
	border: 0;
	background: transparent;
 }
 .mi-cuenta .content .campo .img-m{
 	float: left;
 	width: 40px;
 	border-radius: 100%;
 	overflow: hidden;
	margin-top: 4px;
 }
 .mi-cuenta .content .campo .campo-ma{
 	float: left;
 	width: calc(100% - 60px);
 	margin-left: 20px;
 }
 
 div.owl-bannerMarcas {
	position: relative;
	max-width: 1180px;
	padding: 0 50px;
  }

  div.owl-bannerMarcas > .owl-stage-outer > .owl-stage{
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 30px;
  }
  div.owl-bannerMarcas > div.owl-dots {
	position: absolute;
	color: #fff;
	bottom: -30px;
	left: 46%;
  }
  div.owl-bannerMarcas > div.owl-dots > button.owl-dot {
	float: left;
  }
  div.owl-bannerMarcas > div.owl-dots > button.owl-dot > span {
	/* border: 1px solid #414141; */
	border-radius: 100px;
	background: #888888;
  }
  div.owl-bannerMarcas > div.owl-dots > button.active > span {
	width: 7px;height: 7px;border: 1px solid #1d1d1b;border-radius: 100px;background: #1d1d1b;
  } 


.contImagenProductoGuardado {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}
.contImagenProductoGuardado img {
	width: 100%;
	height: auto;
	max-width: 350px;
}
.productosHome {
	width: 100%;
	float: left;
	background-color: #f3f3f3;
	padding-bottom: 40px;
}

/*=================================
=            NOSOTROS            =
=================================*/
.bannerNosotros {
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 30px;
	background-color: #f3f3f3;
}
.bannerNosotros article{
	width: 100%;
	max-width: 780px;
}
.bannerNosotros article img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}
.contNosotros p, .contNosotros2 p {
	width: 100%;
	text-align: justify;
	font-family: "nimbus_sans_l_reg";
	font-size: 16px;
	color: #888888;
	line-height: 20px;
  }
  .contNosotros li, .contNosotros2 li {
	width: 100%;
	text-align: justify;
	font-family: "nimbus_sans_l_bold";
	font-size: 15px;
  }
  .contNosotros {
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
	  "texto1     texto1"
	  "nos1       nos2"
	  "nos3       nos4";
	  padding: 30px 10px;
	  gap: 30px;
	  align-items: center;
  }
  .texto1{
	grid-area: texto1;
	max-width: 600px;
	margin: 0 auto;
  }
  .texto1 p{
	text-align: center;
  }
  .nos1 {
	grid-area: nos1;
  }
  .nos1 img{
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .nos4 img{
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .nos1 img, .nos4 img, .nos5 img{
	width: 100%;
	height: auto;
  }
  .nos2 {
	grid-area: nos2;
  }
  .nos3 {
	grid-area: nos3;
  }
  .nos4 {
	grid-area: nos4;
  }
  .videoNos {
	width: 100%;
	background-color: #444444;
	padding: 40px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .videoNos iframe{
	width: 840px;
	height: 420px;
  }
  .contNosotros2 {
	max-width: 980px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
	  "tituloNos"
	  "nos5"
	  "nos6";
	  padding: 10px;
	  gap: 30px;
  }
  .tituloNos{
	grid-area: tituloNos;
  }
  .tituloNos h3{
	font-size: 20px;
	font-family: 'nimbus_sans_l_bold';
	color: #444444;
	margin: 20px 0;
	text-align: center;
  }
  .nos5 {
	grid-area: nos5;
  }
  .nos6 {
	grid-area: nos6;
  }

  /*=====  End of NOSOTROS  ======*/

  /*=================================
=            Encuentranos           =
=================================*/
.contEncuentranos p {
	width: 100%;
	text-align: center;
	font-family: "nimbus_sans_l_reg";
	font-size: 12px;
	color: #888888;
	line-height: 14px;
	margin: 2px 0;
}
.contEncuentranos a {
	width: 100%;
	display: block;
	text-align: center;
	font-family: "nimbus_sans_l_reg";
	font-size: 12px;
	color: #888888;
	line-height: 14px;
}
.contEncuentranos h4 {
	width: 100%;
	text-align: center;
	font-family: "nimbus_sans_l_bold";
	font-size: 16px;
	color: #444444;
	line-height: 20px;
	text-transform: uppercase;
	margin: 10px 0;
}
.contEncuentranos strong {
	color: #1d1d1b;
}
.contEncuentranos b {
	font-family: 'nimbus_sans_l_bold';
}
.contEncuentranos{
	max-width: 800px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 10px 10px 60px 10px;
	gap: 30px;
	align-items: center;
} 
.encuentranos1 img{
	width: 100%;
	height: auto;
	border-radius: 5px;
}
.encuentranos1 {
	padding: 2px;
}
.encuentranos1 .botonEncuentranos {
	padding: 15px;
	background-color: #1d1d1b;
	margin: 15px auto;
	font-family: 'nimbus_sans_l_bold';
	font-size: 16px;
	color: #fff;
	max-width: 220px;
	border-radius: 5px;
}
  /*=====  End of Encuentranos ======*/

.centroExito{ 
	margin: 50px auto;
	background-color: #fff;
	width: 100%;
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	text-align: justify;  
	max-width: 590px; 
	padding: 15px; 
	border: 2px solid #888888;
	border-radius: 10px;
}
.iconoExito {
	width: 100%;
	margin-top: -45px;
	display: flex;
	justify-content: center;
}
.seccion1Exito, .seccion2Exito{
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
}
.seccion1Exito  h4{
	font-size: 16px;
	font-family: 'nimbus_sans_l_bold';
	color: #444444;
	padding-top: 40px;
}
.seccion1Exito .numero{
	font-size: 16px;
	font-family: 'nimbus_sans_l_bold';
	color: #444444;
}
.seccion1Exito .numero span{
	color: #1d1d1b;
	text-decoration: underline;
}
.seccion1Exito .btnVolveraHome {
	max-width: 200px;
	padding: 10px 50px;
	float: unset;
	position: unset;
	line-height: 60px;
}

.seccion2Exito  h4{
	font-size: 16px;
	font-family: 'poppins-semibold';
	color: #1d1d1b;
}
.seccion2Exito  li{
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	color: #888888;
	line-height: 20px;
}
.fracasoSection1 > .numero {
	line-height: 40px;
}
.seccion2Exito  p{
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	color: #888888;
}
.contFracaso {
	margin: 50px auto;
	width: 100%;
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	background-color: #fff; 
	text-align: justify;  
	max-width: 590px; 
	padding: 15px; 
	border: 2px solid #888888;
	border-radius: 10px;
}
.lb_label {
	color: #444444;
	background-color: #fff;
	font-family: 'nimbus_sans_l_reg';
	font-size: 10px;
	margin-left: 20px;
	padding: 0 5px;
  }
  
  .contTituloSinMargin .title{
	  margin: 0;
  }
  
.botonRestablecer .btn-recupera{
	max-width: 270px;
}

.logoSiguePedido {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.logoSiguePedido img{
	width: 100%;
	height: auto;
	max-width: 200px;
}
.contEstadoPedidos{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-flow: wrap;
	gap: 15px;
	padding: 20px 0;
}
.iconosTextoSeguimiento{
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.iconosTextoSeguimiento p{
	text-align: center;
	font-size: 14px;
	font-family: 'poppins-semibold';
	color: #444444;
}
.iconosTextoSeguimiento img{
	width: 100%;
	height: auto;
	max-width: 68px;
}
.iconosTextoSeguimiento p.sinColor{
	color: #888888;
}
.fancybox-content#modalSeguimiento{
	max-width: unset;
}
.infosPedidosDespachados{
	width: 100%;
	padding: 10px 0 10px 40px;
}
.contenedorSeguimiento h6 a,.infosPedidosDespachados a{
    color: #ff5b04;
}
.infosPedidosDespachados p{
	font-size: 12px;
	font-family: 'nimbus_sans_l_reg';
	max-width: 200px;
	text-align: left;
}
.contenedorSeguimiento{
	width: 100%;
	margin: 30px auto;
	padding: 20px;
	max-width: 800px;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
}
.contenedorSeguimiento h4{
    width: 100%;
    font-family: 'nimbus_sans_l_bold';
    font-size: 18px;
    color: #444444;
    text-align: center;
}
.contenedorSeguimiento h6{
    width: 100%;
    font-family: 'nimbus_sans_l_bold';
    font-size: 14px;
    color: #888888;
    text-align: center;
}
.contenedorSeguimiento .campo{
    width: 100%;
	max-width: 400px;
	margin-bottom: 20px;
}
.contenedorSeguimiento input{
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0 20px;
    font-size: 14px;
    color: #888;
    font-family: 'nimbus_sans_l_reg';
}
.contenedorSeguimiento .btn{
	margin: 0;
    background: #ff5b04;
    margin-bottom: 10px;
    max-width: 230px;
    height: 43px;
    line-height: 43px;
    border-radius: 10px;
    margin: 0 auto;
    font-family: 'nimbus_sans_l_bold';
    font-size: 16px;
}
/*MENU*/
.categories {
    width: 220px;
    position: relative;
    cursor: pointer;
	min-height: 44px;
	display: flex;
	align-items: center;
	gap: 5px;
}
.categories .get-categories{
	background: var(--gris-menu);
    border-radius: 100%;
    height: 35px;
    width: 35px;
    line-height: 35px;
    position: absolute;
    left: 0;
    z-index: 2;
    padding: 9px 7px;
}
.hamburguesa{
	min-height: 30px;
    max-width: 50px;
    cursor: pointer;
}
.hamburguesa-inner, .hamburguesa-inner:after, .hamburguesa-inner:before{
	background-color: #fff;
    position: absolute;
    width: 20px;
    height: 3px;
    border-radius: 6px;
    content: '';
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
}
.hamburguesa-inner:before{
	top: 6px;
}
.hamburguesa-inner:after {
	top: 12px;
}
.hamburguesa.open .hamburguesa-inner {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
    background-color: #fff;
}

.hamburguesa.open .hamburguesa-inner:after {
    -webkit-transform: translate3d(0, -12px, 0) rotate(-90deg);
    transform: translate3d(0, -12px, 0) rotate(-90deg);
    background-color: #fff;
}

.hamburguesa.open .hamburguesa-inner:before {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
    transform: translate3d(0, -20px, 0) rotate(90deg);
    opacity: 0;
}
.categories .texto{
    color: #fff;
	font-family: 'poppins-semibold';
	font-size: 14px;
    height: 40px;
    width: 100%;
    max-width: 200px;
    border-radius: 0 23px 23px 0;
    position: absolute;
    z-index: 1;
    left: 27px;
    top: 2px;
    padding-left: 29px;
    box-sizing: border-box;
	display: flex;
	align-items: center;
}
.categories .texto::before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 40px;
    background: rgba(255,255,255,.1);
    border-radius: 0 23px 23px 0;
    transition: all .3s ease;
}
.categories:hover .texto::before{
	width: 100%;
}


/*MENU*/
.menu-nav {
    height: 440px;
    max-height: 440px;
    background: #fff;
    width: 100%;
    position: absolute;
    z-index: 10000;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
    display: none;
	top: 35px;
}

.containerMenuGrid{
	width: 100%;
    max-width: 1180px;
    margin: auto;
}

.menu-grid {
    display: grid;
    grid-template-columns: 30% 35% 35%;
    height: 100%;
    position: relative;
}
.separadorLineas{
	color: #1d1d1b;
	font-size: 18px;
}
.menu-nav .menu-grid .col {
    padding: 5% 0 5% 4%;
}

.menu-nav .menu-grid .col:first-child {
    background: #fff;
    height: 100%;
    max-height: 440px;
    overflow: auto;
    padding: 0;
}

.menu-nav ul {
    margin: 0;
    padding: 0;
    max-height: 440px;
    overflow: auto;
    overflow-y: scroll;
	direction: ltr;
	text-align: left; 
}

.menu-nav ul::-webkit-scrollbar {
    width: 5px;
}
.menu-nav ul::-webkit-scrollbar-thumb {
    background: #888888;
    border-radius: 1px;
	margin-right: 10px;
	padding-right: 10px;
}
.menu-nav ul li {
    list-style: none;
    margin: 0;
    /*position: relative;*/
}
.menu-nav ul li:hover>ul.submenu {
	display: block;
}
.menu-nav ul li:first-child {
    margin-top: 0;
}

.menu-nav ul li a {
    color: #444444;
    font-size: 15px;
    display: block;
    padding: 14px 5%;
    transition: .4s;
	font-family: 'nimbus_sans_l_bold';
}

.menu-nav ul li:hover > a.button_menu {
    background: #1d1d1b;
	color: #fff;
}

.menu-nav ul li a img.banner-line {
    float: left;
    margin-right: 20px;
}

.menu-nav ul li a span.nav-name {
    margin-top: 5px;
}

.menu-nav ul li a span.arrow-menu {
    float: right;
    padding: 10px 0 10px 10px;
    margin-top: -12px;
}

.menu-nav .menu-grid .col:first-child::-webkit-scrollbar {
    width: 1px;
    background-color: #888888;
    margin-right: 10px;
	margin-left: 10px;
}

.menu-nav .menu-grid .col:first-child::-webkit-scrollbar-thumb {
    border-radius: 10px;
    width: 30px !important;
    background-color: #888888;
    margin-right: 10px;
	margin-left: 10px;
}

.menu-nav .menu-grid .col .info {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 18px;
}

.menu-nav .menu-grid .col .info a {
    color: #fff;
}

.menu-nav .menu-grid .col .cont-banner {
    position: relative;
}

.menu-nav .menu-grid .col .cont-banner img {
    width: 100%;
}

.menu-nav ul li ul.submenu {
    background: #e5e3e3;
    padding: 0;
    display: none;
    position: absolute;
    top: 0;
    left: 29.5%;
    width: 71%;
    z-index: 99;
    height: 100%;
    overflow: auto;
    border-left: 3px solid #ababab;
	/* max-width: 420px; */
}

.menu-nav ul li ul.submenu li {
    margin-bottom: 7px;
}
.menu-nav ul li ul.submenu li:last-child {
    margin-bottom: 0;
}

.menu-nav ul li ul.submenu li a {
    display: block;
    padding: 10px 15px;
    transition: .3s;
	font-size: 13px;
	font-family: 'nimbus_sans_l_bold';
	color: #666666;
}

.menu-nav ul li ul.submenu li ul.subsubmenu li a {
    display: block;
    padding: 10px 15px;
    transition: .3s;
	font-size: 13px;
	font-family: 'nimbus_sans_l_reg';
	color: #666666;
}

.menu-nav ul li ul.submenu li a:hover {
    background: none;
	color: var(--amarillo) !important;
}

.category_nav {
    /*float: left;*/
    /*width: 33.333333%;*/
    height: auto;
}

.col_submenu {
    width: 50%;
    float: left;
}

.category_nav a {
    color: #444444 !important;
    text-transform: capitalize;
    font-family: 'nimbus_sans_l_bold';
    font-size: 15px !important;
}

.subsubmenu {
    width: 100%;
	padding-left: 10px !important;
}

.subsubmenu li {
    display: block;
    width: 100%;
    float: initial;
}

.subsubmenu li a {
    color: #888888 !important;
    font-size: 12px !important;
    padding: 2px 15px !important;
}

.contMenuNuevo {
    float: left;
    width: 96%;
    background: #e2e2e2;
    padding: 0 2%;
    display: none;
}

.title_navt {
    border-bottom: 0;
    padding: 10px 15px;
    font-size: 16px;
    background: #db4437 !important;
    color: #fff;
    display: none !important;
}

.arrow_click_cat {
    float: right;
    width: 20%;
    text-align: center;
    padding: 19px;
    color: #db4437;
    display: none;
}

.toggle-nav {
    transform: rotate(180deg);
    padding: 10px 10px 10px 0px !important;
}

.tabs-content {
    background: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ebebeb;
}

.tabs-content .tabs {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    background: #f9f9f9;
}

.tabs-content .tabs div {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #666;
    background: #f9f9f9;
    padding: 25px 0;
    /*border-bottom: 1px solid #ebebeb;*/
    cursor: pointer;
}

.tabs-content .tabs .active {
    background: #fff;
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 0;
}

.tabs-content .body-tabs {
    background: #fff;
    color: #999999;
    width: 100%;
    padding: 20px 0;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
}

.tabs-content .body-tabs strong,
.tabs-content .body-tabs b {
    font-family: 'Montserrat-Medium';
    font-weight: normal;
}

.tabs-content .body-tabs li:before {
    color: red;
}

.tabs-content .body-tabs .tab-text {
    display: none;
}

.tabs-content .body-tabs .tab-text:first-child {
    display: block;
}

.tabs-content .container {
    width: 90% !important;
    margin: auto;
}

.tabs-res {
    display: none;
}

.tabs-res .li_tabs {
    background: #fff;
    color: #4f4d51;
    font-size: 14px;
    border-bottom: 1px solid #ebebeb;
    list-style: none;
}

.tabs-res .li_tabs:first-child {
    border-top: 1px solid #ebebeb;
}

.tabs-res .li_tabs span {
    display: block;
    padding: 20px 5%;
    cursor: pointer;
    text-transform: uppercase;
}

.tabs-res .li_tabs>.content_tabs_m {
    margin: 0;
    padding: 10px 5%;
    background: #f9f9f9;
    border-top: 1px solid #ebebeb;
    display: none;
}

.title-ficha {
    background: #f9f9f9;
    height: 60px;
}

.animate_pop {
    animation: animate_popup;
    animation-duration: .7s;
}

.content_static {
    width: 95%;
    max-width: 580px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 70px;
}

.title_static {
    font-size: 24px;
    font-family: 'Montserrat-Bold';
    text-transform: uppercase;
}

.title_static span {
    color: #fff;
    background: #dc4537;
    padding: 0 4px;
}

/*FIN DE MENU*/


/* TODO Footer */

.footer {
	background-color: #333333;
	color: #fff;
	padding-bottom: 10px;
  }
  .contFooter {
	max-width: 1180px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-areas:
	  "col1 col1 col1 col1 col1"
	  "col2 col3 col4 col5 col5";
	margin: 0 auto;
	gap: 20px;
	padding: 20px 0;
  }
  .contFooter p.subtituloFooter {
	max-width: 250px;
	font-family: "nimbus_sans_l_bold";
	font-size: 13px;
  }
  .contFooter h4 {
	font-family: "nimbus_sans_l_bold";
	font-size: 16px;
  }
  .contColumnaOcultaMovil .iconoTexto {
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 10px;
  }
  .contColumnaOcultaMovil a.iconoTexto:hover {
	color: var(--amarillo);
  }
  .contColumnaOcultaMovil .iconoTexto p {
	line-height: 16px;
  }
  .contFooter a {
	font-family: "nimbus_sans_l_reg";
	font-size: 13px;
	color: #fff;
	display: block;
	line-height: 20px;
  }
  .contFooter p {
	font-family: "nimbus_sans_l_reg";
	font-size: 13px;
	color: #fff;
	display: block;
	line-height: 20px;
  }
  
  .colFooter1 {
	grid-area: col1;
	padding-left: 15px;
	display: flex;
	justify-content: start;
	display: none;
  }
  .colFooter2 {
	grid-area: col2;
	padding-left: 15px;
  }
  .colFooter3 {
	grid-area: col3;
  }
  .colFooter4 {
	grid-area: col4;
  }
  .colFooter5 {
	grid-area: col5;
	display: flex;
	flex-direction: column;
  }
  .siguenosEscritorio{
	padding: 0;
  }
  .contRedesSociales{
	display: flex;
	flex-flow: wrap;
	gap: 20px;
	align-items: center;
}
 .contRedesSociales .redSocial {
	background-color: #fff;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    color: #1d1d1b;
    font-size: 20px;
    padding: 10px;
	
}
  .footerCompartir {
	display: flex;
	gap: 20px;
	padding-top: 5px;
  }
  .footerCompartir img{
	width: 100%;
	height: auto;
	max-width: 100px;
  }

  .footerLogo {
	display: grid;
	grid-template-columns: 1fr 4fr;
	gap: 20px;
	padding-top: 5px;
  }
  .footerLogo .seccion1FotterLogo{
	width: 100%;
  } 
  .footerLogo .seccion1FotterLogo img{
	width: 100%;
	height: auto;
	max-width: 100px;
  }
  .footerLogo .seccion2FotterLogo{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column wrap;
  } 
  .footerLogo .seccion2FotterLogo img{
	width: 100%;
	height: auto;
	max-width: 250px;
  }
  .finalFooter {
	background-color: #555555;
	border-top: 1px solid #cccccc;
	color: #fff;
	position: relative;
  }

  .contenedorFooterFinal {
    width: 100%;
    height: auto;
    padding: 0 20px;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: wrap;
    gap: 20px;
  }
	.contenedorFooterFinal a, .contenedorFooterFinal p {
		color: #fff;
		font-size: 12px;
		line-height: 14px;
		margin: 5px 0;
	}
  
  .eviarNewsLetter {
	display: flex;
	align-items: Center;
  }
  .inputNews {
	height: 44px;
	box-sizing: border-box;
	border: none;
	color: #444444;
	font-family: "nimbus_sans_l_reg";
	font-size: 14px;
	padding-left: 20px;
	width: 100%;
	border: unset;
	border-radius: 5px;
  }
  .inputNews::placeholder{
	color: #cccccc;
	font-family: "nimbus_sans_l_reg";
  }
  .txtTerminosAcepto2 {
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 10px 0 25px 0;
  }
  .txtTerminosAcepto2 p {
	font-size: 12px;
	font-family: "Myriadpro-Regular";
	line-height: 14px;
	color: #666666;
	display: unset;
  }
  .txtTerminosAcepto2 a {
	font-size: 12px;
	font-family: "Myriadpro-Regular";
	line-height: 14px;
	color: #666666;
	display: unset;
	text-decoration: underline;
  }
  .botonEnviarNews {
	height: 30px;
	border: 1px solid #f1823a;
	font-family: "Myriadpro-Bold";
	color: #161d39;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0 26px;
	background-color: #fff;
  }
  .botonEnviarNews:hover {
	/* border: 1px solid #161d39; */
	color: #FFF;
	background-color: #f1823a;
  }
  .footer div div div a.acol3 {
	font-weight: bold;
	color: #333333;
  }
  #formNewsletter {
	margin-bottom: 10px;
  }
  
  .accordeonFooter {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 16px;
  }
  .notificacionFooter {
	position: absolute;
	z-index: 999;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 0;
	background-color: #fff;
	text-align: center;
	display: none;
  }
  .notificacionFooter .contMensaje {
	float: left;
	width: 100%;
	text-align: center;
  }
  .notificacionFooter .contMensaje h4 {
	float: left;
	width: 100%;
	color: #5f5f5f;
	font-size: 36px;
	margin: 0 0 20px 0;
	font-family: "Myriadpro-Bold", serif;
	font-weight: 400;
  }
  .notificacionFooter .contMensaje p {
	float: left;
	width: 100%;
	color: #666;
	font-size: 18px;
	margin: 0;
  }
  .notificacionFooter button {
	height: 40px;
	line-height: 40px;
	border: 1px solid #f1823a;
	font-family: "Myriadpro-Bold";
	color: #161d39;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0 26px;
	background-color: #fff;
	font-family: "Myriadpro-Bold";
	text-transform: uppercase;
	margin-top: 15px;
  }
  
  .notificacionFooter a:hover {
	background-color: #414149;
  }
  
  /* ? Fin del  footer */



/*TODO FILTROS */

/* Breadcrumb */
.contBreadcrumb {
	width: 100%;
	margin-bottom: 5px;
	display: flex;
	flex-wrap: wrap;
  }
  .contBreadcrumb p {
	font-family: "nimbus_sans_l_reg";
	font-size: 12px;
	display: inline;
	padding: 1px 2px;
	border: 1px solid #888888;
	margin: 5px 10px 5px 0;
	color: #888888;
  }
  .borrarFiltroBreadcrumb {
	width: 100%;
	max-width: 200px;
	display: flex;
	font-size: 12px;
	font-family: 'nimbus_sans_l_bold';
	color: #1d1d1b;
	text-decoration: underline;
	margin: 15px 0;
  }
  .tituloFiltroBreadcrumb {
	padding: 15px 15px 0 0;
	box-sizing: border-box;
	float: left;
	width: 100%;
	font-size: 14px;
	color: #444444;
	font-family: "nimbus_sans_l_bold";
	margin-bottom: 10px;
	border-top: 1px solid #888888;
  }
  /* Fin de  Breadcrumb */
  
.filtrosSelect {
	width: 100%;
}
.fondoFiltro{
	position: fixed; 
	z-index: 999; 
	background-color: rgba(0,0,0,.8); 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%; 
	display: none;
}
.filtros {
    width: 100%;
    box-sizing: border-box;
	padding: 15px 0;
	border-top: solid 1px #888888;
}
.tituloFiltro{
    width: 100%;
	display: block;
	position: relative;
    font-size: 14px;
    color: #444444;
    font-family: 'nimbus_sans_l_bold';
}
.tituloFiltro::after{
	content: url(../img/flecha_abajo.png);
    position: absolute;
    right: 0;
    top: 3px;
}
.listadoCheckFiltros{
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    max-height: 140px;
	padding-top: 15px;
	display: none;
}
.listadoCheckFiltros label{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-family: 'nimbus_sans_l_reg';
	color: #444444;
	font-size: 10px;
}
input:checked ~ .checkfiltrosSpan {
	background-color: #fff;
}
/* los checkboxes */
.listadoCheckFiltros input:checked ~ .checkfiltrosSpan {
	background-color: var(--amarillo);
}
/* escondemos el default checkbox */
.listadoCheckFiltros input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* creamos un custom checkbox */
.checkfiltrosSpan {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #FFF;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
  
  /* Al pasar el mouse encima, lo ponemos gris */
  .listadoCheckFiltros label:hover input ~ .checkfiltrosSpan {
	background-color: #dfdfeb;
  }
  
  /* creamos el marcador (escondido al no seleccionar) */
  .checkfiltrosSpan:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* mostramos el marcador al seleccionar */
  .listadoCheckFiltros label input:checked ~ .checkfiltrosSpan:after {
	display: block;
  }
  
  /* estilo del marcador */
.checkfiltrosSpan:after {
	left: 6px;
	top: 2px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }

.listadoCheckFiltros::-webkit-scrollbar {
    width: 5px;
}
.listadoCheckFiltros::-webkit-scrollbar-thumb {
    background: #888888;
    border-radius: 5px;
}
.botonOfertas {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
	border-top: 1px solid #888888;
}
.botonOfertas button{
	width: 100%;
	max-width: 200px;
	background-color: var(--amarillo);
	color: #fff;
	border: unset;
	font-family: 'nimbus_sans_l_bold';
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	padding: 0;
	cursor: pointer;
}
.filtrosSelect select{
	width: 100%;
	max-width: 160px;
	height: 38px !important;
	font-family: 'source_sans_prosemibold';
	font-size: 14px;
	border-radius: 20px;
	border: 1px solid #040474;
	text-align: center;
}
.filtrosSelect .select2-container--default .select2-selection--single {
	border: 1px solid #040474;
	height: 38px;
	border-radius: 5px;
}
.select2:nth-child(11) .select2-container--default .select2-selection--single {
	border: 1px solid #888888 !important;
	height: 38px;
	border-radius: 5px;
}
.select2:nth-child(13) .select2-container--default .select2-selection--single {
	border: 1px solid #888888 !important;
	height: 38px;
	border-radius: 5px;
}
.filtrosSelect #filtroOrden {
	border: 1px solid #000;

}
.filtrosSelect .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px;
	background-image: url(../img/flecha_abajo.png);
	background-repeat: no-repeat;
    background-size: 10px 10px;
	background-position: center;
    display: inline-block;
	margin-right: 15px;
    /* content: "";
    top: 2px;
    left: 60px;
    width: 20px;
    height: 20px;
    position: absolute; */
}
.select2:nth-child(11) .select2-container--default .select2-selection--single .select2-selection__arrow { 
	background-image: url(../img/flecha_abajo-gris.png);
}
.select2:nth-child(13) .select2-container--default .select2-selection--single .select2-selection__arrow { 
	background-image: url(../img/flecha_abajo-gris.png);
}
.filtrosSelect .select2-container--default .select2-selection--single .select2-selection__arrow b {
	/* border-color: #040474 transparent transparent transparent; */
	border: none;

}
.filtrosSelect .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
	font-family: 'source_sans_prosemibold';
	font-size: 14px;
	text-align: center;
}

.select2:nth-child(11) .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
	font-family: 'nimbus_sans_l_bold';
	font-size: 12px;
	text-align: center;
	color: #444444;
	text-transform: uppercase;
}
.select2:nth-child(13) .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
	font-family: 'nimbus_sans_l_bold';
	font-size: 12px;
	text-align: center;
	color: #444444;
	text-transform: uppercase;
}

.grilla .contenedorFiltrosGrilla{
	display: grid;
	grid-template-columns: 220px 3fr;
	gap: 20px;
}
.tituloOrden {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.tituloOrden h4{
	font-family: 'nimbus_sans_l_bold';
	font-size: 20px;
	color: #444444;
	margin-top: 0;
}
.tituloOrden small {
	font-size: 14px;
	font-family: 'nimbus_sans_l_reg';
	color: #cccccc;
}
#filtroOrden {
	width: 100%;
    max-width: 160px;
    height: 45px;
    font-family: 'nimbus_sans_l_reg';
    font-size: 14px;
	color: #888888;
    border: 1px solid #888888;
    text-align: center;
	border-radius: 5px;
}
/*? FIN FILTROS*/

.bannerPaginas{
	width: 100%;
}
.bannerPaginas img{
	width: 100%;
	height: auto;
}
.bannerPaginas{
	width: 100%;
}
.bannerPaginas img{
	width: 100%;
	height: auto;
}

#showTipoDespachoEspecial {
	display: none;
}

.deshabilitado{
	background-color: #f1f1f1 !important;
}