/*GENERAL*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: #f1dcc9;
	font-family: sans-serif;
	scroll-behavior: smooth;
}

body,html{
	overflow-x: hidden;
}

li{
	list-style: none;
}

a{
	text-decoration: none;
}

.divisiones{
	height: 1px;
	width: 80%;
	position: absolute;
	background-color: #505050;
	margin: 0px 35px;
}

/*HEADER*/
.header{
	width: 100%;
	height: 90px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #9f4636;
}

.header .fas{
	font-size: 25px;
	margin: 0 15px;
	background-color: #9f4636;
}

.header .fa-bars{
	cursor: pointer;
}

.header .nav{
	background-color: #9f4636;
}

.header .nav .nav-ul{
	position: absolute;
	width: 70%;
	height: 60vh;
	left: -100%;
	top: 90px;
	display: flex;
	flex-direction: column;
	background-color: #000;
	transition: left .4s linear;
	z-index: 10;
}

.header .nav .nav-ul li{
	height: 100px;
	width: 100%;
	padding: 20px 0;
	background-color: #6c2d2c;
	display: flex;
	align-items: center;
	transition: background-color .4s;
}

.header .nav .nav-ul li a{
	font-size: 15px;
	background: transparent;
	color: #f1dcc9;
	margin-left: 15px;
	margin-bottom: 3px;
	font-weight: 700;
	transition: background-color .4s;
}

.header .nav .nav-ul li:hover{
	background-color: #42313A;
}


.header .nav .nav-ul li a:hover{
	background-color: #42313A;
}

.header .header-logo{
	font-size: 40px;
	font-family: 'Lobster';
	background-color: #9f4636;
}

/*MOBILE MENU*/
.mobile-menu{
	left: 0 !important;
}


/** POLITICAS DE DEVOLUCION **/
.politicas-devolucion{
	width: 100vw;
}

.politicas-devolucion h2{
	text-align: center;
	font-size: 30px;
	background-color: #f1dcc9;
    font-family: 'Lobster';
    margin: 10px;
}

.politicas-devolucion p{
	margin: 10px 10px;
}


/* OFERTA-EMAIL */
.oferta-email{
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: #efefef;
}

.oferta-email h2{
	text-align: center;
	margin: 15px 0;
	font-size: 30px;
	font-family: 'Lobster';
	background-color: #efefef;
}

.oferta-email p{
	text-align: center;
	font-size: 22px;
	background-color: #efefef;
}

.oferta-email p::first-line{
	letter-spacing: 2px;
	font-size: 24px;
}

.oferta-email input{
	margin: 30px auto;
	padding: 5px 13px;
	font-size: 18px;
	border: 1px solid #000;
	border-radius: 7px;
	outline: none;
	margin-bottom: 40px;
	background-color: #efefef;
}



/* CATEGORIAS-CONTACTO */
.categorias-contacto{
	width: 100%;
	display: flex;
	flex-direction: column;
	color: #fff;
	background-color: #1e1e1e;
}

.categorias-contacto .categorias,.categorias-contacto .contacto{
	padding-left: 10px;
}

.categorias-contacto .categorias{
	margin-top: 40px;
	margin-bottom: 10px;
	background-color: #1e1e1e;
}

.categorias-contacto .contacto{
	margin-top: 10px;
	margin-bottom: 40px;
	background-color: #1e1e1e;
}

.categorias-contacto .categorias h3,.categorias-contacto .contacto h3{
	font-size: 22px;
	margin-bottom: 15px;
	color: #fff;
	background-color: #1e1e1e;
}

.categorias-contacto .categorias ul,.categorias-contacto .contacto ul{
	background-color: #1e1e1e;
}

.categorias-contacto .categorias ul li,.categorias-contacto .contacto ul li{
	margin-bottom: 10px;
	background-color: #1e1e1e;
}

.categorias-contacto .categorias ul li i,.categorias-contacto .contacto ul li i{
	background-color: #1e1e1e;
}
	
.categorias-contacto .contacto ul li a{
	padding-left: 10px;
}
.categorias-contacto .categorias ul li a,.categorias-contacto .contacto ul li a{
	color: #fff;
	background-color: #1e1e1e;
}


/* MEDIOS */
.medios{
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: #1e1e1e;
}

.medios .pagos,.medios .envios{
	padding-left: 10px;
	background-color: #1e1e1e;
}

.medios .pagos h3,.medios .envios h3{
	font-size: 22px;
	margin-bottom: 15px;
	color: #fff;
	background-color: #1e1e1e;
}

.medios .pagos{
	margin-top: 40px;
	margin-bottom: 10px;
}

.medios .envios{
	margin-top: 10px;
	margin-bottom: 40px;
}

.medios .pagos .img-conteiner,.medios .envios .img-conteiner{
	width: 100%;
	display: inline-block;
	background-color: #1e1e1e;
}

.medios .pagos .img-conteiner img,.medios .envios .img-conteiner img{
	width: 42px;
	height: 25px;
	margin: 2px;
	flex-wrap: wrap;
	flex-shrink: 0;
}

/* FOOTER */
.footer{
	width: 100%;
	background-color: #1e1e1e;
}

.footer p{
	text-align: center;
	padding: 20px;
	color: #fff;
	background-color: #1e1e1e;
}


/* ESCRITORIO */
@media screen and (min-width: 900px){
	/* GENERAL */
	.divisiones{
		width: 90%;
		margin: 0;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	/* HEADER */
	.header{
		height: 60px;
	}

	.header .header-logo{
		position: absolute;	
		left: 15px;
	}

	.header .fa-bars,.header .fa-shopping-cart{
		display: none;
	}

	.header .nav{
		top: 0;
	}

	.header .nav .nav-ul{
		width: 60%;
		height: 60px;
		top: 0;
		left: 70%;
		transform: translateX(-50%);
		flex-direction: row;
	}

	.header .nav .nav-ul li{
		height: 60px;
		background-color: #9f4636;

	}

	.header .nav .nav-ul li a{
		text-align: center;
		margin: 0px auto;
	}

	.header .nav .nav-ul li:hover{
		background-color: #6c2d2c;
	}


	.header .nav .nav-ul li a:hover{
		background-color: #6c2d2c;
	}

	.header .nav .nav-ul li:active,.header .nav .nav-ul li a:active{
		background-color: #42313a;
	}

	/* POLITICAS DEVOLUCION */
	#politicas-devolucion h2{
		font-size: 40px;
	}

	/* OFERTA-EMAIL */
	#oferta-email h2{
		font-size: 40px;
	}

	#oferta-email input{
		font-size: 20px;
	}

	/* CATEGORIAS-CONTACTO */
	#categorias-contacto{
		flex-direction: row;
	}

	#categorias-contacto #categorias,#categorias-contacto #contacto{
		width: 50%;
	}

	#categorias-contacto #contacto{
	margin: 40px 0px;
	}

	/* MEDIOS */
	#medios{
		flex-direction: row;
	}

	#medios #pagos,#medios #envios{
		width: 50%;
		margin: 40px 0px;
	}
}