/*
  font-family: "Vesper Libre", serif;
  font-family: "Roboto", serif;
*/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 19, 2024 */

/* Generated by Fontie <http://fontie.pixelsvsbytes.com> */

@font-face {
    font-family:'Monotype Corsiva Regular';
    src: url('webfonts/Monotype-Corsiva/MonotypeCorsivaRegular.eot');
	src: url('webfonts/Monotype-Corsiva/MonotypeCorsivaRegular.eot?#iefix') format('embedded-opentype'),
		url('webfonts/Monotype-Corsiva/MonotypeCorsivaRegular.woff2') format('woff2'),
		url('webfonts/Monotype-Corsiva/MonotypeCorsivaRegular.woff') format('woff'),
		url('webfonts/Monotype-Corsiva/MonotypeCorsivaRegular.svg#Monotype Corsiva Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F003;
}

body{
  font-family: "Roboto", serif;
	font-weight: 300;
	font-style: normal;	
	background-image: url("tile.jpg");
	background-position: center;
	background-repeat: repeat;
	background-size: auto;
}

body:has(.enConstruccion) #preloader{
	display: none;
}




/*Preloader*/

#preloader{
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 9;
	background: #ffffff;
	top: 0;
	left: 0;
	text-align: center;	
}

#preloader #status{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	color: #737373;
}

#preloader #status img:first-of-type{
	width: 150px;
	margin-bottom: 30px;
}

#preloader #status img.loading{
	width: 30%;
}


h1,h2,h3{
    font-family:'Monotype Corsiva Regular';
	text-transform: capitalize;
}

.inside + .articulo{
	padding: 60px 0; 
} 

.articulo .breadcrumbs{
	display: none;
}

.articulo h1:after, .producto h1:after,  header + section.destacadosTienda h2:after{
	display: block;
	content: "";
	width: 106px;
	height: 20px;
	background-image: url(separador.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.articulo h1, section.producto h1{
	margin-bottom: 30px;
}

.buscando form input[type="submit"], .articulo form.buscandoDescarga input[type="submit"]{
	background-color: #502a21;	
}

.loginRegistro .btn.btn-success, .loginRegistro .btn.btn-call{
	color: #ffffff;
	background-color: #502a21;	
	border: 1px solid #502a21;
}

.loginRegistro .btn.btn-success:hover, .loginRegistro .btn.btn-call:hover{
	background-color: #8f7661;	
	border: 1px solid #8f7661;
}

.recuperarTrigger:hover, .registrarTrigger, .loginRegistro .small a{
	color: #502a21;	
}

header{
	background-color: rgba(255, 255, 255, 0);
	transition: all .3s;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0);	

	background-position: center;
	background-repeat: repeat;
	background-size: auto;	
	
}

header.reduce, header.inside, header.active{
	background-image: url("tile.jpg");	
	background-color: rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);	
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	background-color: #ffffff;
	height: 1px;
}

.reduce .hamburger-inner, .reduce .hamburger-inner:after, .reduce .hamburger-inner:before, .inside .hamburger-inner, .inside .hamburger-inner:after, .inside .hamburger-inner:before, .active .hamburger-inner, .active .hamburger-inner:after, .active .hamburger-inner:before{
	background-color: #737373;
}

header.inside{
	position: sticky;
}

header .logo{
	float: none;
	background-image:  url("logoBlanco.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 80px;
	height: 100px;
	transition: all .3s;
	position: relative;
	left: auto;
	transform: none;
}

header.reduce .logo, header.inside .logo, header.active .logo{
	background-image:  url("logo.png");
	width: 70px;
	height: 80px;	
}

header .top{
	background-color: #502a21;
}

header .redes, header .optIcons {
	line-height:normal;
	height: auto;
}

header ul.options{
	width: 100%;
	line-height: normal;
	transition: all .3s;
}

header ul.options p{
	margin: 0;
}

header ul.options a{
	margin: 0;
	padding: 0 10px;
}

header ul.options a, header ul.options p{
	font-size: .879rem;
	letter-spacing: 1px;
	font-weight: 400;
	text-transform: uppercase;
	color: #ffffff;
	opacity: 1;
	transition: all .3s;
}

header ul.options p:hover, header ul.options p a:hover{
	opacity: 1;
}

header.reduce ul.options, header.inside ul.options, header.active ul.options{
	padding-bottom: 1rem;
}
header.reduce ul.options a, header.reduce ul.options p, header.inside ul.options a, header.inside ul.options p, header.active ul.options a, header.active ul.options p{
	color: #737373;
}

header ul.options a:hover, header.reduce ul.options a:hover, header.inside ul.options a:hover, header.active ul.options a:hover{
	color: #ba3548;	
	opacity: 1;
}

header + .carousel{
	height: 100vh;
}

.carousel-caption{
	padding: 25px 30px;
}

.carousel-caption *{
	color: #ffffff;
	z-index: 1;
	position: relative;
}

.carousel-caption h1{
	font-size: 3.5rem;
}

.carousel-caption h1 + p{
	font-size: 1.5rem;
}

.carousel-caption .btn{
	padding: 1rem 1.5rem;
	font-size: 1rem;
	font-weight: 300;
	transition: all .5s;
	border-radius: 0;
	border: 1px solid #ffffff;
	margin-bottom: 0;
}

.carousel-caption .btn:hover{
	color: #ffffff;
	background-color: #ba3548;
}

#categorias{
	padding: 0;
	margin: 0;
}

#categorias .container{
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.listadoCategorias{
	margin-bottom: 0;
}

.listadoCategorias a{
	width: 100%;
	margin-bottom: 0;
}

.ultimaCategoria{
	background-image: url("logo.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	cursor: default;
}

.ultimaCategoria:hover:before{
	display: none;
	
}

body > .ultimaCategoria{
	display: none;
}



section{
	padding: 60px 0;
	margin-bottom: 0
}

section#destacados{
	text-align: center;
}

section#destacados h2, header + section.destacadosTienda h2{
	width: 60%;
	margin: auto;
	font-size: 1.5rem;
	margin-bottom: 30px;
}

header + section.destacadosTienda h2:after{
	margin: auto;
}

.registroPaginacion > p{
	text-align: center;
	margin-bottom: 1rem;
}

.productos .pagination a{
	background-color: transparent;
	color: #737373;
	border: 1px solid #737373;
}

.productos .pagination a:hover, .productos .pagination a.current{
	background-color: #502a21;
	color: #ffffff;
}

.listadoProductos a, .productos a{
	border: 1px solid #737373;
	padding: 10px;
}

.listadoProductos a .texto, .productos a .texto{
	padding: 15px 0;
}

.listadoProductos a .nombreProducto, .productos a .nombreProducto{
	text-transform: uppercase;
	font-weight: 400;
	color: #737373;
	margin-bottom: 0;
}

.listadoProductos a .precioProducto, .productos a .precioProducto{
	font-weight: 400;
	color: #404040;
	margin-bottom: 1rem;
	padding-bottom: 0;
	
}

.listadoProductos a .btn-call, .productos a .btn-call, .producto .descripcion p a{
	border: 1px solid #737373;
	color: #737373;
	font-weight: 400;
	margin-bottom: 0;
	border-radius: 0;
	width: 100%;
	padding: 10px 0;
	font-size: .879rem;
	background-color: transparent;
	transition: all .3s;
}

.producto .descripcion p a{
	width: auto;
	padding: 10px 15px;
}

.listadoProductos a:hover .btn-call, .productos a:hover .btn-call, .producto .descripcion p a:hover{
	border: 1px solid #737373;
	color: #ffffff;
	background-color: #502a21;	
}

.listadoCategorias a p {
	left: 50%;
    position: absolute;
    bottom: 15px;
    width: 100%;
    z-index: 2;
    text-align: center;
    padding-left: 30px;
    margin: 0;
    font-size: 1.75rem;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 4px;
    font-weight: 300;
	transition: all .3s;
	transform: translate(-50%);
	transition-timing-function: ease-in;
}

.listadoCategorias a:hover p {
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,50%);
    font-size: 2.5rem;
}

.listadoCategorias a:after{
	padding-bottom: 100%;
}

.listadoCategorias a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: all .3s;
}

.listadoCategorias a:hover:before{
	backdrop-filter: sepia(90%);
background-color: rgba(0, 0, 0, .3);
}

.listadoCategorias a img {
    width: 101%;
    height: 101%;
}

/*
.carousel-item:after{
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 50%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 50%);
background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
*/

footer{
	background-color: #502a21;
}

footer *{
	color: #ffffff;
} 

footer .redes a{
	width: 45px;
	height: 45px;
	border-radius: 100%;
	color: #502a21;
	background-color: #ffffff;
	transition: all .3s;
}


footer .redes a:hover{
	transform: translateY(-10px);
}


footer .redes a:hover:before{
	color:#502a21;
}

footer .links{
	width: 100%;
	display: block;
	text-align: center;
}

footer .links p:first-child, footer .links p{
	display: inline-block;
	text-align: center;
    font-size: .8rem;
    letter-spacing: 2px;
    color: #ffffff;
    text-transform: uppercase;	
}

footer .links p:first-child a, footer .links p a{
	font-size: .8rem;
	letter-spacing: .15em;	
	border: 1px solid transparent;
	padding: .375rem .75rem;
	color: #ffffff;
}

footer .links p:first-child a:hover, footer .links p a:hover{
	color: #ffffff;
	background-color: #ba3548;
}

footer .links .pago{
	width: 50%;
	margin: auto;
}

footer .links .pago img, footer .links .pago img, .formasTexto .pago img, .modal-body .pago img {
    width: 50px;
}

/*Section producto*/
section.producto{
	padding: 60px 0;
}

.thumbs{
	text-align: left;
}

.carouselProducto{
	background-color: #ebebeb;
}

.carouselProducto .carousel-item{
	object-fit: contain;
}

.datosProducto .precioOriginal {
    font-size: 1.5rem;
}

.datosProducto .descripcion{
	border-top: 1px solid #737373;
    font-size: 1rem;
	border-bottom: 1px solid #737373;
	padding: 15px 0;
	margin-bottom: 30px;
}

.datosProducto .descripcion ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.datosProducto .descripcion ul li:before{
	content: "\25B6";
	margin-right: 10px;
	color: #502a21;
	font-weight: bold;
}

.formasEnvio, .formasPago{
	border: 1px solid #737373;
	background-color: transparent;
	color: #737373;
}

.formasEnvio:hover, .formasPago:hover, .formasEnvio.active, .formasPago.active{
	border: 1px solid #404040;
	background-color: transparent;
	color: #404040;
}

.formasTexto.active, .finalizarCompra.active{
	border-color: #737373;
}

.datosProducto .form-control{
	background-color: transparent;
	border: 1px solid #737373;
}

.datosProducto .btn-call{
	color: #ffffff;
	border-radius: 0;
	background-color: #502a21;
	margin-bottom: 30px;
}

.datosProducto .btn-call:hover{
	background-color: #ba3548;
}

.formasTexto .pago ul, .formasTexto .envio ul{
	padding: 0;
	font-size: .879rem;
}

/*Carrito*/

.listaCarrito{
	color: #737373;
}

.listaCarrito ul.productos li:nth-child(even){
	background-color: #f2f2f2;
}

li a.borrarProducto{
	padding: 0;
	background-color: transparent;
	border: 0;
}

li a.borrarProducto:before{
	color: #737373;
}

li a.borrarProducto:hover{
	background-color: transparent;
	border: 0;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}

li a.borrarProducto:hover:before{
	color: #000000;
	background-color: transparent;
	border: 0;	
}

.totales{
	color: #737373;	
}


.totales form > p:first-of-type {
    color: #737373;
    font-weight: bold;
    text-transform: uppercase;
    border-left: 2px solid #502a21;
    padding-left: 15px;
}

.totales form .btn.seguirComprando {
    background-color: transparent;
    margin: 15px 0;
    white-space: normal;
    padding: 10px 15px;
    width: 100%;
    text-transform: none;
    color: #737373;
    border-color: #502a21;
    BORDER-RADIUS: 0;
    font-size: .8rem;
    font-weight: 400;
}


.totales form .btn.finalizar {
    background-color: #502a21;
    margin: 15px 0;
    white-space: normal;
    padding: 10px 15px;
    width: 100%;
    text-transform: none;
    color: #ffffff;
    border-color: #502a21;
    BORDER-RADIUS: 0;
    font-size: .8rem;
    font-weight: 700;
}

.totales form .btn.finalizar:hover {
    background-color: #ffffff;
    color: #502a21;
    border-color: #502a21;
}

.finalizarCompra.active .col-md-6{
	width: 100%!important;
	padding: 0!important;
	margin-bottom: 1rem;
}

.finalizarCompra.active input{
	width: 100%!important;
}

.finalizarCompra.active input.btn, .btn-primary{
	font-size: .8rem;
	text-wrap: pretty;
	color: rgba(255,255,255,1.00);
    border: 1px solid #502a21;
    border-radius: 0;
    padding: 10px 20px;
    background-color: #502a21;	
}

.finalizarCompra.active input.btn:hover, .btn-primary:hover{
	color: rgba(255,255,255,1.00);
    background-color: #502a21;	
}

header + section.destacadosTienda{
	margin-top: 0;
	padding-top: 60px;
}


.destacadosTienda .container > div > p:first-of-type{
	width: 70%;
	margin: auto;
	margin-bottom: 30px;
}

.imagenCabecera{
	margin-bottom: 60px;
}

section.carrito, section.contacto{
	padding: 30px 0 60px;
}

@media only screen and (max-width : 479px) {
	header .logo, header.reduce .logo, header.inside .logo, header.active .logo{
		float: left;
		width: 60px;
		height: 80px;
	} 
	
	#header > .container{
		padding-top: 0;
	}
	
	header .hamburger{
		float: right;
		margin: auto;
		padding: 27px 0 0;}
	
	header .options {
	height: auto;
	line-height: normal;
	}
	
	header ul.options{
		line-height: normal;
	}
	
	.header .options{
		display: none;
		text-align: center;
		width: 100%;
		padding: 30px 0;
	}
	
	.header .options li p, .header .options li a{
		margin-left:0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	
	.header .options a{
		display: block;
		height: auto;
		width: 100%;
		margin-bottom: 0;
		margin-left: 0;
		text-align: center;
    	margin-right: 0;
		position: relative;
		padding:  12px 0;
		}

	.header .options p{
		width: 100%;
		}

	.header .options{
		margin-bottom: 0;
	}	
	.header .options.active{
		display: block;
		height: auto;
		padding: 0 0 15px;
		margin-bottom: 0;
	}
	header .options a, header .options p{
		font-size: 1rem;
	}
	
	.header .options p{
		text-align: center;
	}
	
	header .options .active ul{
		margin-top: 15px;
		border-top-color: #7c8a93;
		border-bottom-color: #7c8a93;
		margin-bottom: 15px;
	}	
	
	header + .carousel .carousel-item{
		background-position: top left;
	}
	
	.thumbs{
		text-align: center;
	}
	
	.destacadosTienda .container > div > p:first-of-type{
		width: 100%;
	}
	
	.carousel-caption{
		padding: 15px 20px;
		left: 5%;
		right: 5%;
	}	
	
	.carousel-caption h1 + p{
		display: none;
	}	
	
	section#destacados h2{
		width: 100%;
		font-size: 1.25rem;
	}
	
	.listadoCategorias a{
		width: 100%;
		margin-right: 0;
	}
	
	.listadoCategorias a:after{
		padding-bottom: 100%;
	}		
	
	footer .links p, footer .links a{
	width: 100%;}
	footer .links .pago img, footer .links .pago img, .formasTexto .pago img, .modal-body .pago img{
		width: 15.625%;
	}
	
	footer .links .pago img:nth-child(6n), footer .links .pago img:nth-child(6n), .formasTexto .pago img:nth-child(6n), .modal-body .pago img:nth-child(6n){
		margin-right: 0;
	}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width:480px) and (max-width : 767px) {
	header .hamburger{
		float: none;
		margin: auto;
		padding: 0 0 15px;}
	
	header.reduce .logo, header.inside .logo, header.active .logo{
		width: 80px;
		height: 100px;		
	}
	
	header .options {
	height: auto;
	line-height: normal;
	}
	
	header ul.options{
		line-height: normal;
	}

	
	.header .options{
		display: none;
		text-align: center;
		width: 100%;
		padding: 30px 0;
	}
	
	.header .options li p, .header .options li a{
		margin-left:0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	
	.header .options a{
		display: block;
		height: auto;
		width: 100%;
		margin-bottom: 0;
		margin-left: 0;
		text-align: center;
    	margin-right: 0;
		position: relative;
		padding:  12px 0;
		}

	.header .options p{
		width: 100%;
		}

	.header .options{
		margin-bottom: 0;
	}	
		.header .options.active{
		display: block;
		height: auto;
		margin-bottom: 0;
		padding: 0;
		padding-bottom: 30px;
	}

	header .options a, header .options p{
		font-size: 1rem;
	}
	
	.header .options p{
		text-align: center;
	}
	
	header .options .active ul{
		margin-top: 15px;
		border-top-color: #7c8a93;
		border-bottom-color: #7c8a93;
		margin-bottom: 15px;
	}	
	
	header + .carousel .carousel-item{
		background-position: top left;
	}
	
	.thumbs{
		text-align: center;
	}
	
	.destacadosTienda .container > div > p:first-of-type{
		width: 100%;
	}
	
	.carousel-caption{
		left: 5%;
		right: 5%;
	}	
	
	.listadoCategorias a{
		width: 100%;
		margin-right: 0;
	}
	
	.listadoCategorias a:after{
		padding-bottom: 100%;
	}	
		
}

/* Small Devices, Tablets */
@media only screen and (min-width:768px) and (max-width : 991px) {
	
	header .hamburger{
		float: none;
		margin: auto;
		padding: 15px 0;}
	
	header.reduce .logo, header.inside .logo, header.active .logo{
		width: 80px;
		height: 100px;		
	}
	
	header .options {
	height: auto;
	line-height: normal;
	}
	
	header ul.options{
		line-height: normal;
	}
	
	.header .options{
		display: none;
		text-align: center;
		width: 100%;
		padding: 30px 0;
	}
	
	.header .options li p, .header .options li a{
		margin-left:0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	
	.header .options a{
		display: block;
		height: auto;
		width: 100%;
		margin-bottom: 0;
		margin-left: 0;
		text-align: center;
    	margin-right: 0;
		position: relative;
		padding:  12px 0;
		}

	.header .options p{
		width: 100%;
		}

	.header .options{
		margin-bottom: 0;
	}	
	.header .options.active{
		display: block;
		height: auto;
		margin-bottom: 0;
		padding: 0;
		padding-bottom: 30px;
	}
	header .options a, header .options p{
		font-size: 1rem;
	}
	
	.header .options p{
		text-align: center;
	}
	
	header .options .active ul{
		margin-top: 15px;
		border-top-color: #7c8a93;
		border-bottom-color: #7c8a93;
		margin-bottom: 15px;
	}	
	.thumbs{
		text-align: center;
	}
	
	.carousel-caption{
		left: 5%;
		right: 5%;
	}	
	
	.listadoCategorias a{
		width: 50%;
		margin-right: 0;
	}
	
	.listadoCategorias a:after{
		padding-bottom: 100%;
	}
	
	.articulo.enHome .imagenEpigrafe{
		margin-bottom: 30px;
	}
	.articulo.enHome .imagenEpigrafe, .articulo.enHome .texto{
		width: 100%;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) and (max-width : 1199px) {
	header .options{
		line-height: normal;
		height: auto;
	}	
	.carousel-caption{
		left: 5%;
		right: 5%;
	}	
	
	.listadoCategorias a{
		width: 50%;
		margin-right: 0;
	}
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.carousel-caption{
		width:100%;
        left: 50%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(-50%, -25%);
	}	
	
	
	
	.listadoCategorias a{
		width: 50%;
		margin-right: 0;
	}
}