/* Vartiables */
:root{
	--violeta: #FF8EBC;
	--violetahover: #FF8EBC;
	--dorado: #E4CE7D;

	--warning: #F4BA2E;
	--error: #940202;
	--done: #218DCA;
}
.img{display: block}

.main-theme {
  --f7-theme-color: #FF8EBC;
  --f7-theme-color-rgb: 0,121,106;
  --f7-theme-color-shade:  #FF8EBC;
  --f7-theme-color-tint:  #FF8EBC;
}

.violeta{background-color: var(--dorado); color: #000;}

.list ul:before, .list ul:after{background-color: transparent;}
.list .item-content{padding-left: 0px;}
.list .item-inner{padding-right: 0px;}
.list{margin: 0px;}

@font-face {
   font-family: 'Alex Brush';
   font-style: normal;
   font-weight: 400;
   src: local('Alex Brush'),
        url(../fonts/AlexBrush-Regular.ttf) format('truetype');
}
@font-face {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 400;
   src: local('Alex Brush'),
        url(../fonts/Montserrat.ttf) format('truetype');
}


.m-0{margin:0!important;}.mt-0{margin-top:0!important;}.mt-1{margin-top:1%!important;}.mt-2{margin-top:2%!important;}.mt-3{margin-top:3%!important;}.mt-4{margin-top:4%!important;}.mt-5{margin-top:5%!important;}.mt-6{margin-top:6%!important;}.mt-7{margin-top:7%!important;}.mt-8{margin-top:8%!important;}.mt-9{margin-top:9%!important;}.mt-10{margin-top:10%!important;}.mr-0{margin-right:0!important;}.mr-1{margin-right:1%!important;}.mr-2{margin-right:2%!important;}.mr-3{margin-right:3%!important;}.mr-4{margin-right:4%!important;}.mr-5{margin-right:5%!important;}.mr-6{margin-right:6%!important;}.mr-7{margin-right:7%!important;}.mr-8{margin-right:8%!important;}.mr-9{margin-right:9%!important;}.mr-10{margin-right:10%!important;}.ml-0{margin-left:0!important;}.ml-1{margin-left:1%!important;}.ml-2{margin-left:2%!important;}.ml-3{margin-left:3%!important;}.ml-4{margin-left:4%!important;}.ml-5{margin-left:5%!important;}.ml-6{margin-left:6%!important;}.ml-7{margin-left:7%!important;}.ml-8{margin-left:8%!important;}.ml-9{margin-left:9%!important;}.ml-10{margin-left:10%!important;}.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:1%!important;}.mb-2{margin-bottom:2%!important;}.mb-3{margin-bottom:3%!important;}.mb-4{margin-bottom:4%!important;}.mb-5{margin-bottom:5%!important;}.mb-6{margin-bottom:6%!important;}.mb-7{margin-bottom:7%!important;}.mb-8{margin-bottom:8%!important;}.mb-9{margin-bottom:9%!important;}.mb-10{margin-bottom:10%!important;}
.p-0{padding:0px !important;}.padding-1{padding:1%!important;}.padding-2{padding:2%!important;}.padding-3{padding:3%!important;}.padding-4{padding:4%!important;}.padding-5{padding:5%!important;}.padding-6{padding:6%!important;}.padding-7{padding:7%!important;}.padding-8{padding:8%!important;}.padding-9{padding:9%!important;}.padding-10{padding:10%!important;}.p-0{padding:0!important;}.pt-0{padding-top:0!important;}.pt-1{padding-top:1%!important;}.pt-2{padding-top:2%!important;}.pt-3{padding-top:3%!important;}.pt-4{padding-top:4%!important;}.pt-5{padding-top:5%!important;}.pt-6{padding-top:6%!important;}.pt-7{padding-top:7%!important;}.pt-8{padding-top:8%!important;}.pt-9{padding-top:9%!important;}.pt-10{padding-top:10%!important;}.pr-0{padding-right:0!important;}.pr-1{padding-right:1%!important;}.pr-2{padding-right:2%!important;}.pr-3{padding-right:3%!important;}.pr-4{padding-right:4%!important;}.pr-5{padding-right:5%!important;}.pr-6{padding-right:6%!important;}.pr-7{padding-right:7%!important;}.pr-8{padding-right:8%!important;}.pr-9{padding-right:9%!important;}.pr-10{padding-right:10%!important;}.pl-0{padding-left:0!important;}.pl-1{padding-left:1%!important;}.pl-2{padding-left:2%!important;}.pl-3{padding-left:3%!important;}.pl-4{padding-left:4%!important;}.pl-5{padding-left:5%!important;}.pl-6{padding-left:6%!important;}.pl-7{padding-left:7%!important;}.pl-8{padding-left:8%!important;}.pl-9{padding-left:9%!important;}.pl-10{padding-left:10%!important;}.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:1%!important;}.pb-2{padding-bottom:2%!important;}.pb-3{padding-bottom:3%!important;}.pb-4{padding-bottom:4%!important;}.pb-5{padding-bottom:5%!important;}.pb-6{padding-bottom:6%!important;}.pb-7{padding-bottom:7%!important;}.pb-8{padding-bottom:8%!important;}.pb-9{padding-bottom:9%!important;}.pb-10{padding-bottom:10%!important;}
.mt10{margin-top:10px!important;}.mt20{margin-top:20px!important;}.mt30{margin-top: 30px!important;}.mt40{margin-top: 40px!important}.mb10{margin-bottom:10px!important;}.mb20{margin-bottom:20px!important;}.ml10{margin-left:10px!important;}.ml20{margin-left:20px!important;}.mr10{margin-right:10px!important;}.mr20{margin-left:20px!important;}
.pt-0{padding-top: 0px !important}.pt5{padding-top:5px!important;}.pt10{padding-top:10px!important;}.pt20{padding-top:20px!important;}.pb-0{padding-bottom: 0px !important}.pb10{padding-bottom:10px!important;}.pb20{padding-bottom:20px!important;}.pb30{padding-bottom:30px!important;}.pb40{padding-bottom:40px!important;}.pl5{padding-left:5px!important;}.pl10{padding-left:10px!important;}.pl20{padding-left:20px!important;}.pr5{padding-right:5px!important;}.pr10{padding-right:10px!important;}.pr20{padding-right:20px!important;}
.img60{width: 60%}

body{font-family: "Montserrat"; font-size: 16px;}
.responsive-img{max-width: 100%;}
.alexh2{font-family: "Alex Brush"; font-size: 40px;}
.left_position{float: left;}
.dorado{color: #E4CE7D;}
.center-align{text-align: center;}
.justify-align{text-align: justify;}
.right-align{text-align: right;}
p, h2, h1{margin: 0px}


@media (min-width: 1000px) {
	.menu_icon i{font-size: 30px !important;}
	.hide-on-desktop{display: none !important;}
	.home_logo img{width: 150px;}
	.menu_left{padding: 10px 20px 10px 20px; width: 150px;}
	.navbar{height: 120px;}
	.navbar-bg{background-color: #000;}
	.menu{width: calc(100vw - 200px - 200px); max-width: 800px; margin: 0 auto; }
	.menu_inner{display: flex;justify-content: space-around;	align-items: center;}
	.menu_right{padding: 0px 20px 0px 20px; width: 140px; margin-top: -7px;}
	.menu_icon{margin: 0px 5px; float: right;}
	.page-content{padding-top: 120px}
	.alexh2{font-size: 46px;}
	.boxed{max-width: 1400px; padding: 0px 20px; margin: 0 auto;}
	.boxed-max{max-width: 1400px; padding: 0px 20px; margin: 0 auto;}
	.fs-16{font-size: 16px; line-height: 24px;}
	.fs-20{font-size: 20px; line-height: 34px;}
	.fs-22{font-size: 22px; line-height: 36px;}
	h2{font-size: 30px;}
	.privacidad .item-text{padding-top: 10px;}
	.panel-right{width: 400px; padding: 10px 20px;}
	.carrito-ajax-inner{
		padding: 10px 0px;
		height: calc(100vh - 220px);
		overflow: auto;
	}
	.contenido{margin-top: 30px;}
	.toastwarning{top: 120px; bottom: auto !important; background-color: var(--warning); left: auto !important; right: 40px;}
	.toasterror{top: 120px; bottom: auto !important;  background-color: var(--error); left: auto !important; right: 40px;}
	.toastdone{top: 120px; bottom: auto !important;  background-color: var(--done); left: auto !important; right: 40px;}
	.busqueda{
		width: 60%;
		margin-left: 20% !important; 
		position: fixed;
		height: 120px;
		z-index: 9999 !important;
		background-color: rgb(0,0,0,1);
		transition: opacity 0.2s ease-out;
		
	}
	.busqueda input{height: 50px; border: 1px solid #CCC !important;}
	.searchbar{max-width: 600px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
	#producto-video{max-width: 400px; margin: 0 auto;}
	.detalle-media{
		background-color: #FFF;
		padding: 20px;
	}

}
@media (max-width: 1000px) {
	.hide-on-mobile{display: none !important;}
	.home_logo{width: 100px}
	.home_logo img{width: 100px; margin-left: 10px;}
	.menu_left{padding: 10px 0px; width: 50vw}
	.navbar{height: 100px;}
	.menu{width: calc(100vw - 200px - 200px); max-width: 800px; margin: 0 auto; }
	.menu_inner{display: flex;justify-content: space-around;	align-items: center;}
	.menu_right{padding: 0px 5px; width: 50vw;}
	.md .menu_icon{margin: 0px 5px; float: right;}
	.ios .menu_icon{float: right;}
	.panel-open{padding-top: 20px;}
	.page-content{padding-top: 100px}
	.alexh2{font-size: 30px; line-height: 30px; }
	.boxed, .boxed-max{padding: 0px 20px;}
	.panel-right{width: 90%; padding: 10px 20px;}
	.ios .icon-panel{padding-top: 8px;}
	.md .icon-panel{padding-top: 25px;}
	.ios .navbar a.icon-only{width: 35px}
	.privacidad .item-text{padding-top: 10px;}
	.swiper-button-next:after, .swiper-button-prev:after{font-size: 24px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:5px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:5px;}
	.carrito-ajax-inner{
		padding: 10px 0px;
		max-height: calc(100vh - 275px);
		overflow-x: hidden;
		overflow-y: auto; 
	}
	.toastwarning{background-color: var(--warning)}
	.toasterror{background-color: var(--error)}
	.toastdone{background-color: var(--done)}

	.busqueda{
		margin-top: 100px;
		width: calc(100%);
		position: fixed;
		height: 100px;
		z-index: 9999 !important;
		transition: opacity 0.2s ease-out;
	}
	.busqueda input{height: 50px; border: 1px solid #CCC !important;}
	.searchbar{width: 100%;}
	#producto-video{max-width: 90%; margin: 0 auto;}
	.detalle-media{
	background-color: #FFF;
	padding: 10px;
	}
}


.busqueda-resultados{z-index: 9999999 !important; background-color: #FFF; padding-top: 50px;}
.busqueda-item{height: 25px;padding: 5px 10px; border-bottom: 1px solid #CCC;}


.btn-ppal{background-color: #000}
.btn-ppal:hover{background-color: #333}
.btn-sec{background-color: var(--violeta)}
.btn-sec:hover{background-color: var(--violetahover)}

.page-content{background-image: url("../uploads/home/background.jpg"); background-size: 100% auto; background-repeat: repeat-y;}
.fondo-oscuro{background-image: url("../uploads/home/background-oscuro.jpg"); background-size: 100% auto; background-repeat: repeat-y;}

.menu-list{float: left;	margin: 0px 10px;}
.navbar-inner{background-color: #000;}
.navbar a{color: #FFF;font-size: 16px;}
.navbar a:hover{color: #EEE;font-size: 16px;}

.panel, .panel ul{background-color: #222;}
.panel ul li a{color: #FFF; font-size: 14px;}
.panel ul li a:hover{color: #EEE;font-size: 14px;}

.video video{
	width: 80% !important;
}


.contacto .list ul{
	background-color: transparent;
}
.contacto a{
	color: var(--violeta);
}
.contacto a:hover{
	color: var(--violetahover);
}
.privacidad .item-text{font-size: 12px; line-height: 14px;}
input[type=email],input[type=date],input[type=password],input[type=text], input[type=tel],select, textarea{background-color: #FFF !important; border: 1px solid #CCC; padding: 5px 10px !important;}

.navbar-inner{
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
}



/* TIENDA */
.flotante-whatsapp{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
	width: 60px;
}
.flotante-whatsapp:hover{
	opacity: 0.8;
}


.thumbnail-inner img{
	max-height: 250px;
}
.swiper-button-next, .swiper-button-prev{
	color: #000;
}


.menu_selected{
	border-bottom: 1px solid #FFF;
}
.producto-panel{
	margin: 0 auto;
	background-color: #FFF;
	border: 2px solid #EEE;
	margin-bottom: 30px;
	border-radius: 10px;
	max-width: 250px;
	-webkit-transition:all .5s ease; /* Safari y Chrome */
	-moz-transition:all .5s ease; /* Firefox */
	-o-transition:all .5s ease; /* IE 9 */
	-ms-transition:all .5s ease; /* Opera */
}

.producto-panel:hover{
	border: 2px solid var(--violeta);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	
}

.producto-inner{
	padding: 10px 10px 10px 10px;
}

.producto-add{
	background-color: #000;
	color: #FFF;
	padding: 8px 0px 2px;
	border-radius: 10px;
	margin-top: 10px;
}
.producto-view{
	background-color: var(--violeta);
	color: #FFF;
	padding: 8px 0px 2px;
	border-radius: 10px;
	margin-top: 10px;
}
.producto-add i, .producto-view i{
	font-size: 20px;
}
.producto-precio{
	font-size: 20px;
	font-weight: bold;
	color: #000;

}
.oferta{
	background-color: var(--violeta);
	padding: 5px;
	box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.09);
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	width: 30px;
	line-height: 2.5;
	position: absolute;
	text-align: center;
	border-radius: 30px;
	transition:all 0.5s;
}


.carrito-ajax{
	color: #FFF !important;
}


.boton-ajax{
	text-align: center;
	width: calc(100% - 40px) !important;
	border: 1px solid #CCC;
	padding: 5px 20px;
	margin-bottom: 10px;
}
.carrito-ajax-footer a, .carrito-ajax-inner{color: #FFF}
.ajax-carrito-header{border-bottom: 1px solid #555; padding-bottom: 5px; padding-top: 5px;}
.ajax-subtotal{color: #FFF; margin-bottom: 10px; border-top: 1px solid #555; border-bottom: 1px solid #555; padding: 10px 0px;}
.md .navbar a.icon-only{width: auto;}
.md .navbar a.link{padding: 0px;}

.cantidad-input{
	float: left;
	width: 40px;
	height: 30px;
	margin: 0 5px; 
	text-align: center;
	border-radius: 5px;
	line-height: 30px;
}
.cantidad-input-ajax{
	float: left;
	width: 20px;
	height: 18px;
	margin: 0 2px; 
	text-align: center;
}

.cantidad-ajax{
	background-color: #FFF;
	color: #000;
	float: left;
	line-height: 16px;
	width: 18px;
	height: 18px;
	text-align: center;
	font-size: 20px;
	border-radius: 5px;
	cursor: pointer;
}
.cantidad-ajax-claro{
	background-color: #000;
	color: #FFF;
	float: left;
	line-height: 16px;
	width: 18px;
	height: 18px;
	text-align: center;
	font-size: 20px;
	border-radius: 5px;
	cursor: pointer;
}
.cantidad-ajax:hover{
	background-color: #DDD;
}

.producto-ajax i{
	font-size: 20px;
}
.cantidad-ajax-texto{
	float:left;
	margin-right: 5px;
}

.boton{
	cursor: pointer;
}
.producto-ajax{
	border-bottom: 1px solid #555;
	padding-bottom: 5px;
}
.carrito-producto{
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
	padding-top: 10px;
}
.carrito-panel{
	background-color: #FFF;
	padding: 20px;
}


.smart-select .item-after{
	margin-top: 50px;
	position: absolute;
	padding-left: 0px;
}

.smart-select .item-title{
	position: absolute;
}
.list .item-link .item-inner{
	height: 70px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.smart-select-page .navbar{
	height: 60px;
}
.smart-select-page ul{
	padding: 0px 10px;
}
.carrito-bloque{
	background-color: #F7F7F7;
	padding: 10px;
	border: 1px solid #E0E0E0;
}
.carrito-boton{
	text-align: center;
	width: calc(100% - 40px) !important;
	border: 1px solid #000;
	background-color: #000;
	padding: 5px 20px;
	margin-top: 10px;
	color: #FFF;
}

.sidebar{
	background-color: #FFF;
	padding: 20px 20px 20px 20px;
}

.home-promocion{
	background-image: url("../img/promocion.png"); background-size: 100% auto; background-repeat: repeat-y; height: 300px;

}

.producto-antes{
	margin-top: 5px;
	font-size: 20px;
	color: #AAA;
	text-decoration: line-through;
}
.producto-promocion{
	margin-top: 5px;
	font-weight: bold;
	color: var(--violeta) !important;
}


/* PRODUCTO DETALLES */
.producto-image img{	max-height: 400px;cursor: zoom-in !important;}
.producto-thumb{
	cursor: pointer;
	border-radius: 5px;
	max-height: 63px;
	max-width: 63px;
	margin: 0 auto;
	margin-bottom: 5px;
}


.producto-thumb img{height: 63px; border: 1px solid #CCC; border-radius: 5px;}
.producto-thumb-espacio{height: 2px;}

.imagen-popup{height: auto !important;}

.producto-contenedor{height: 70px;}
@media (max-width: 700px) {
	.producto-thumb {max-height: 45px; max-width: 45px;}
	.producto-thumb img{height: 45px}
	.producto-nombre{font-size: 12px;}
	.producto-contenedor{min-height: 55px;}
	.navbar-mobile{padding: 0px 5px 0px 10px}
	.imagen-popup{margin-top: 100px}
	.pedido-productos{font-size: 12px;}
	.pedidos-detalles .item-title{font-size: 14px; font-weight: bold;}
	.producto-precio{font-size: 14px;font-weight: bold;color: #000;}
	.producto-antes{font-size: 14px !important;}
	.producto-promocion{
		font-size: 16px !important;
		color: var(--violeta) !important;
	}

}

.producto-nombre{color: #555;}

.cantidad-detalle{
	background-color: #000;
	color: #FFF;
	float: left;
	line-height: 30px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 30px;
	border-radius: 5px;
	cursor: pointer;
}
.producto-detalles .producto-antes{
	font-size: 18px;
	margin-right: 10px;
}
.producto-promocion{
	font-size: 20px;
	color: #000;
}
.producto-detalles .producto-promocion, .producto-detalles .producto-precio{
	font-size: 24px ;
}

.detalle-descripcion{
	background-color: #EEE;
	padding: 20px;
}
.detalle-btn{

	text-align: center;
	width: calc(100% - 40px) !important;
	border: 1px solid #000;
	background-color: #000;
	padding: 10px 20px;
	color: #FFF;
}
.detalle-variacion{
	border: 2px solid #CCC;
	max-width: 60px;
	margin-right: 5px;
	border-radius: 10px;
	background-color: #FFF;
	padding: 3px;
	cursor: pointer;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 10px;
	text-overflow: ellipsis;
   overflow: hidden;
}
.detalle-picture img{

	border-radius: 10px;
}
.detalle-variaciones{
	text-align: center;
 	margin: 0 auto;
}
.variacion-seleccion{
	border: 2px solid var(--dorado) !important;
}
.variacion-popup{
	padding: 20px;
	background-image: url("../uploads/home/background.jpg"); background-size: 100% auto; background-repeat: repeat-y;
	overflow: auto;
}


/* FOOTER */
.footer{background-color: #FF8EBC; padding: 40px 0px 0px; font-weight: bold;}
.footer-inner{padding-bottom: 40px;}
.footer-inner img{max-height: 170px; }
.footer-inner h3{font-size: 24px; margin-top: 0px; margin-bottom: 15px;}
.footer a{color: #000;}
.icono-texto{display: flex; align-items: center;  justify-content: center;}
.icono-texto img{margin-right: 5px;}
.redes img{margin-right: 10px;}


/* LOGIN */

.login-popup{padding: 40px 0px 50px; background-image: url("../uploads/home/background.jpg"); background-size: 100% auto; background-repeat: repeat-y; height: auto !important;}
.login-popup form{max-width: 400px !important; margin: 0 auto;}
.recuperar-texto{font-size: 12px; color: var(--violeta);}

.sidebar{
	background-color: #F3F3F3 !important;
	border-radius: 10px;

}

/* Pedidos */
.accordion-item-toggle{
	border: 1px solid #CCC;
	padding: 10px;
	background-color: #F7F7F7;
}
.accordion-item-content{
	background-color: #FFF;
}
.pedidos-detalles .item-title{font-weight: bold;}
.pedidos-detalles .list .item-link .item-inner {height: 50px}
.pedidos-detalles .list .item-content{height: 50px !important; padding: 0px 20px !important; background-color: #F7F7F7; border: 1px solid #CCC;}
.pedido-productos{border-bottom: 1px dotted #DDD; display: flex;justify-content: space-around;	align-items: center; padding: 5px 0px;}


.menu-mobile .item-inner, .menu-activo-verde .item-inner{padding-left: 20px;}


.producto-video{position: absolute; }
.producto-video2{position: absolute; opacity: 0.5 }

.logo-left  img{max-width: 60%; padding-left: 20px; padding-top: 15px; padding-bottom: 20px}

.blog-inner p{margin-bottom: 10px; text-align: justify;}
.blog-entrada:hover{opacity: 0.8;}

#producto-video-contenedor {
	position: relative; 
	padding-bottom: 80%; /* 16:9 */ 
	padding-top: 25px; 
	margin-bottom: 25px; 
	height: 0; 
}

#producto-video-contenedor iframe { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
.entrada-principal img{
	max-height: 50vh;
}
.imagen-cuadrada img{
	max-height: 40vh;
}
@media (min-width: 1024px)
{
	.blog-inner .row .large-50 {
	    --f7-cols-per-row: 2.08;
	}
}

@media (max-width: 700px)
{
	.blog-inner h1{
	    font-size: 20px;
	}
}
.entrada-footer{
	margin-top: 20px;
	border-top:  1px solid #CCC;
	padding-top: 10px;
}
.catalogoH-container{
    background-color: #000;
    color: #FFF;
    height: 30px;
    padding: 10px;
}
.catalogoH-container a{color: #FFF}