@charset "UTF-8";

.redesSociales{
	color: #083870;
	font-size: 2em;
}

.redesSociales:hover{
	color: #5e5e5e;
}

.redesSocialesFooter{
	color: white;
	font-size: 3em;
}

.redesSocialesFooter:hover{
	color: #083870;
}

.iconosContacto{
	color: #083870;
	font-size: 1em;
}

.userIcon{
	color: #083870;
	font-size: 2em;
}

.cant_carrito{
	position:absolute;
	z-index:1000;
}

.car-badge{
	display: initial;
	font-size: 75%;
}

.carrito-cab {
	color: white !important;
	background-color: #083870 !important;
}

.badge{
	display: contents;
	font-size: 50%;
}

.badge-light {
	color: white !important;
    background-color: transparent !important;
}

.colorNavegacion{
	color:white !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
	background-color: #083870;
	color: white;
}

.navbar-dark .navbar-nav .nav-link {
	color: white !important;
}

.btnColor {
	background-color: #083870;
	color: white;
}

.btnColor:hover {
	background-color: #5e5e5e;
	color: white;
}

.btnColorCerrar {
	background-color: #5e5e5e;
	color: white;
}

.btnColorCerrar:hover {
	background-color: #083870;
	color: white;
}

/*--- ESTILOS DEL CARD ---*/
.card, .btn, img, li, ul, .img-thumbnail, div>.card-header, .imgProduct, .form-control,
.custom-file-input, .list-group, .list-group-item, .card-header, .card-img-top{
	border-radius: 30px;
}
	
.cardProduct {
  transition: transform 0.3s;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.cardProduct:hover {
  transform: scale(1.05);
}

/*--- ESTILOS DE IMÁGENES VISTA PRODUCTO ---*/
.cardProductV {
  transition: transform 0.3s;
}

.cardProductV:hover {
  transform: scale(1.1);
}

/*ESTILOS PARA ADMIN BANNERS*/
.checkbox-wrapper-46 input[type="checkbox"] {
	display: none;
	visibility: hidden;
}

.checkbox-wrapper-46 .cbx {
	margin: auto;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}
.checkbox-wrapper-46 .cbx span {
	display: inline-block;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-46 .cbx span:first-child {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	transform: scale(1);
	vertical-align: middle;
	border: 1px solid #9098a9;
	transition: all 0.2s ease;
}
.checkbox-wrapper-46 .cbx span:first-child svg {
	position: absolute;
	top: 3px;
	left: 2px;
	fill: none;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	transition: all 0.3s ease;
	transition-delay: 0.1s;
	transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-46 .cbx span:first-child:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #506eec;
	display: block;
	transform: scale(0);
	opacity: 1;
	border-radius: 50%;
}
.checkbox-wrapper-46 .cbx span:last-child {
	padding-left: 8px;
}
.checkbox-wrapper-46 .cbx:hover span:first-child {
	border-color: #506eec;
}

.checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child {
	background: #506eec;
	border-color: #506eec;
	animation: wave-46 0.4s ease;
}
.checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child svg {
	stroke-dashoffset: 0;
}
.checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child:before {
	transform: scale(3.5);
	opacity: 0;
	transition: all 0.6s ease;
}

@keyframes wave-46 {
	50% {
		transform: scale(0.9);
	}
}

/*CarritoFlotante*/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#FF0000;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.my-float{
	margin-top:16px;
}
/*Fin carrito flotante*/

/*Parpadear*/
.text {
/* 	font-size:28px; */
/* 	font-family:helvetica; */
	font-weight:bold;
/* 	color:#71d90b; */
	text-transform:uppercase;
}

.parpadea {
	animation-name: parpadeo;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@keyframes parpadeo {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
/*Fi Parpadear*/

/* Niveles de Menu Usuario*/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.dropdown-item:hover {
	background-color: #5e5e5e;
	color: white;
}

/* Coloca los colores en circulo*/
.circulo {
	width: 1.5em;
	height: 1.5em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid gray;
}

/* Etiqueta de Color en Producto*/
.ribbon {
	position: absolute;
	right: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 93px;
	height: 93px;
	text-align: right;
}
.ribbon span {
	font-size: 0.8rem;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	line-height: 32px;
	transform: rotate(45deg);
	width: 125px;
	display: block;
	background: #2F8CD1;
	background: linear-gradient(#02A0E8 0%, #028CCB 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 17px; 
	right: -29px;
}

.ribbon span::before {
	content: '';
	position: absolute; 
	left: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid #028CCB;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #028CCB;
}
.ribbon span::after {
	content: '';
	position: absolute; 
	right: 0%; top: 100%;
	z-index: -1;
	border-right: 3px solid #028CCB;
	border-left: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #028CCB;
}

.red span {
	background: linear-gradient(#D12626 0%, #B72121 100%);
}
.red span::before {
	border-left-color: #B72121;
	border-top-color: #B72121;
}
.red span::after {
	border-right-color: #B72121;
	border-top-color: #B72121;
}

.orange span {
	background: linear-gradient(#F98D02 0%, #DA7B02 100%);
}

.orange span::before {
	border-left-color: #DA7B02;
	border-top-color: #DA7B02;
}

.orange span::after {
	border-right-color: #DA7B02;
	border-top-color: #DA7B02;
}

/** ESTILO DE SUBMENU CATEGORIA **/
.border-left {
	border-left: 6px solid #083870!important;
}

.subCategoria ul {
	list-style: none;
}

.subCategoria ul>a {
	font-size: 2em;
}

.catalogo, .temporalidad {
	background-color: white;
}

.catalogo a, .temporalidad a {
	color:black;
}

.catalogo a:hover, .temporalidad a:hover {
	text-decoration: none;
}

.catalogo ul{
	list-style-type: none;
}

.listSubCat:hover > a {
	background-color: #083870;
	color: white!important;
}

.itemProcesoRecepcion {
     width: 3em;
     height: 3em;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #1f9eba;
     color:white;
     justify-content: center;
   	 align-items: center;
   	 display: flex;
	}
	.itemProcesoProduccion{
	 width: 3em;
     height: 3em;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #E9AA02;
     color:white;
     justify-content: center;
   	 align-items: center;
   	 display: flex;
	}
	.itemProcesoSurtido {
     width: 3em;
     height: 3em;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #5bc0de;
     color:white;
     justify-content: center;
   	 align-items: center;
   	 display: flex;
	}
	.itemProcesoEmpaque {
     width: 3em;
     height: 3em;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #59ba1f;
     color:white;
     justify-content: center;
   	 align-items: center;
   	 display: flex;
	}
	.itemProcesoEnvio {
     width: 3em;
     height: 3em;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #FF0000;
     color:white;
     justify-content: center;
   	 align-items: center;
   	 display: flex;
	}
	.itemProcesoEnvioEspera {
     width: 3em;
     height: 3em;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #FF6C00;
     color:white;
     justify-content: center;
   	 align-items: center;
   	 display: flex;
	}
	.itemProcesoEntregaFor {
     width: 3em;
     height: 3em;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
    /*  background: #FF6C00; */
     color:white;
     justify-content: center;
   	 align-items: center;
   	 display: flex;
	}
	.itemProcesoPendiente {
     width: 3em;
     height: 3em;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #EBEDEE;
     color:white;
     justify-content: center;
   	 align-items: center;
   	 display: flex;
	}
	
	.itemImagen{
		font-size: 1.7em;
		position: relative;

	}
	
	.buttonStyle{
		background-color: #083870; 
		color: white; 
		font-size: 14px; 
		font-weight: bold;
	}