:root{
	--success: #5DBB27;
	--primary: #0084AE;
	--gradient: linear-gradient(90deg, rgba(0,174,78,1) 0%, rgba(0,137,165,1) 100%);
}

@font-face{
	font-family: Montserrat-VariableFont_wght;
	src: url('Montserrat-VariableFont_wght.ttf');
}

html,
body{
	position: relative;
	font-family: Montserrat-VariableFont_wght;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#msj_php {
  display: none;
  z-index: 99999;
  position: fixed;
  top: 0px;
  right: 0px;
  width: 300px;
  padding: 8px 10px;
  box-shadow: 0px 0px 10px #666;
}

#msj_php i {
  margin-right: 3px;
}

#btn_whatsapp{
	position: fixed;
	bottom: 2px;
	left: 2px;
}

#btn_whatsapp:hover{
	filter: drop-shadow(0px 0px 5px #000);
}

.btn_formas_pagos{
	cursor: pointer;
}

.success {
  border: 1px solid #009E37;
  background-color: #009E37;
  color: #FFF;
}

.info {
  border: 1px solid #00A8EF;
  background-color: #00A8EF;
  color: #FFF;
}

.error {
  border: 1px solid #DD0024;
  background-color: #DD0024;
  color: #FFF;
}

#cargando {
  display: none;
  height: 100%;
  min-height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

#cargando,
#cargando img {  
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  text-align: center;
}

#cargando img {
  margin: auto;
  width: 180px;
  height: 150px;
  border-radius: 10px;
  background-color: #FFF;
  box-shadow: 0px 0px 10px #000;
}

.btn-xs{
	padding:0px 5px;
	font-size:13px;
}

.modal-dialog{
	margin: auto;
	margin-top: 20px;
}

.modal-header{
	border-radius: 0px;
	padding: 8px 10px;
	color:#FFF;
	background: rgb(14,198,181);
	background: var(--gradient); 
	border-bottom: 1px solid #CCC;
}

.form-s {
  width: 100%;
  max-width: 400px;
}

.form-m {
  width: 100%;
  max-width: 600px;
}

.form-l {
  width: 100%;
  max-width: 800px;
}

.form-xl {
  width: 100%;
  max-width: 950px;
}

#contenedor{
	min-height: 100%;
}

form .col-md-12,
form .col-md-6,
form .col-md-4,
form .col-md-3{
	margin-bottom:10px;
}

footer{
	background: #262626;
	color: #FFF;
}

footer a{
	text-decoration: none;
	color: #EEE;
}

footer a:hover{
	color: #FFF;
}

footer .btn-outline-white{
	border: 1px solid #FFF;
	color: #FFF;
	border-radius: 150px;
	margin: 1px;
	padding: 5px 10px;
}

footer .btn-outline-white:hover{
	color: #262626;
	background: #FFF;
	border: 1px solid #262626;
}

#barra_actual{
	background: #F5F5F5;
	padding: 10px 0px;
	font-size: 13px;
}

#barra_actual i{
	margin: 0px 5px;
}

#barra_actual a{
	color: #000;
	text-decoration: none;
}

#barra_actual a:hover,
#barra_actual a:last-child{
	color: var(--primary);
}

.barra_filtro{	
	margin-bottom: 10px;
	border: 1px solid #EEE;
	padding: 5px 15px;
	border-radius: 5px;
}

.input-group-prepend{
	position: relative;
	z-index: 0;
}

.star{
	color: #CCC;
	cursor: pointer;
}

.star-active{
	cursor: pointer;
}

.star-active,
.star:hover{
	color: #FDD835;
}

.anuncios img{
	width: 100%;	
	transition: all linear 0.2s;
	cursor: pointer;	
}

.anuncios img:hover{
	transform: scale(1.1);
}

.contenedor{
	padding: 15px 20px;
	max-width: 1200px;
	margin: auto;
}

.text-success{
	color: var(--success) !important;
}

.text-primary{
	color: var(--primary) !important;
}

.btn{
	position: relative;
}

.btn-primary{
	border: 1px solid var(--primary);
	background: var(--primary);
	color: #FFF;
}

.btn-success{
	border: 1px solid var(--success);
	background: var(--success);
	color: #FFF;
}

.total_btn{
	position: absolute;
	background: #FFF;
	color: #000;
	top: 25px;
	right: 0px;
	z-index: 1;
	height: 20px;
	width: 22px;
	text-align: center;
	border-radius: 100px;
	font-size: 12px;
	box-shadow:  0px 0px 5px -2px #000;
}

#slider{
	position: relative;
	z-index: 0;
}

.titulos{
	border-bottom: 1px solid #EEE;
	padding-bottom: 8px;
	margin-bottom: 20px;
}

.titulos span{
	border-bottom: 2px solid var(--success);
	padding-bottom: 6px;
}

.carousel-box .carousel-box-item{
	padding-bottom: 15px;
	border: 0px solid #EEE;
	margin: 10px 10px;
	margin-top: 0px;
	text-align: center;
	cursor: pointer;
}

.carousel-box .carousel-box-item img{
	width: 100%;
	transition: all linear 0.2s;
}

.carousel-box .carousel-box-item:hover img{
	transform: scale(1.1);
}

.btn-add-lista-deseos{
	font-size: 13px;
	text-decoration: none;
	color: #666;
}

.btn-add-lista-deseos:hover{
	color: #666;
}

.btn-add-lista-deseos:hover i{
	color: red;
}

.articulos-list{
	margin-bottom: 5px;
	width: 100%;
}

.articulos-box{
	border-top: 0px;
	border-bottom: 0px;
	margin-bottom: 5px;
	border: 1px solid #EEE;
	margin: 5px;
}

.articulos-box:hover img,
.articulos-list img:hover{
	transform: scale(1.1);
}

.articulos-box a,
.articulos-list a{
	text-decoration: none;
	color: #000;
}

.articulos-box a:hover,
.articulos-list a:hover{
	color: var(--primary);
}

.articulos-box .card-title,
.articulos-list .card-title{
	font-size: 14px;
}

.articulos-box img,
.articulos-list img{
	display: inline-block;
	cursor: pointer;
	width: 100%;
	max-width: 250px;	
	transition: all linear 0.3s;
}

.articulos-box .star,
.articulos-box .star-active,
.articulos-list .star,
.articulos-list .star-active{
	font-size: 13px;
}

.precio-descuento span{
	text-decoration: line-through;
	color: #666;
}

.precio-descuento b{
	color: #EB2627;
}

.articulos-box .card-footer{
	background: #FFF;	
	border-top: 0px;
}

#lista_formas_pago_electronicas label{
	cursor: pointer;
}

.slick-left .slick-track{
	margin-left:0;
}

.slick-track{
    display: flex !important;
}

.slick-slide{
    display: flex !important;
    height: auto;
    align-items: stretch; 
    justify-content: center;
}

@media screen and (min-width: 0px){
	.img_banner_pc{
		display: none;
	}
	.img_banner_movil{
		display: block;
	}
	.articulos-box{
		width: 100%;		
	}
	.articulos-box img{
		height: 200px;
	}
}

@media screen and (min-width: 500px){
	.articulos-box{
		width: 200px;
	}
	.articulos-box img{
		height: 150px;
	}
}

@media screen and (min-width: 800px){
	.img_banner_pc{
		display: block;
	}
	.img_banner_movil{
		display: none;
	}
}

@media screen and (min-width: 1000px){

}