/*----------- NAV MOBILE -----------*/

.overlay_nav{ display: none; }
.overlay_nav_list{ display: none; }

.content-header-desktop{
	width: 100%;
	margin: 0 auto;
    position: absolute;
    top: 0;
	z-index: 9;
}

.content-header{
	position: absolute;
	width: 100%;
	top: 0;
	border-bottom: 1px solid #FFFFFF;
}

.nav-mobile{
	width: 100%;	
	padding: 0;	
	min-height: auto !important;
}

.content-nav-mobile{
	width: 100%;
	padding: 15px 13px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo-mobile{
	width: 117px;
}

.logo-mobile img{
	display: block;
	width: 100%;
}

.btn-nav-mobile{
	width: 61px;
    height: 61px;
    padding: 15px;
    border-radius: 55px;
    background-color: #5d1c13;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.btn-nav-mobile div{
	display: block;
	width: 100%;
	height: 5px;
	background-color: #FFFFFF;
}

.btn-nav-mobile div:nth-child(2){
	margin: 3px 0;
}

.barra_contact_nav{
	display: none;
}

.content-list-mobile{
	position: absolute;
	top: 0;
	left: -100%;
	width: 69%;
    height: 100vh;
	padding: 25px 0;
	background-color: #dfd5cb;
	transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}

.content-list-mobile ul{
	list-style: none;
	padding: 0px 27px;
}

.content-list-mobile ul li{
	border-bottom: 1px solid #5b150f;
}

.content-list-mobile ul li a{
	display: block;
	color: #5b150f;
	font-size: 16px;
	padding: 21px 7px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	font-family: "Inter", sans-serif;
}

.btn_ayuda_header{
	display: block;
    width: 165px;
    margin: 35px auto 0;
}

.btn_ayuda_header img{
	display: block;
    width: 100%;
}

.open{
	left: 0;
}

/*----------- FOOTER -----------*/

.bg_content_footer{
	padding: 57px 0;
	background-color: #3C3C3C;
}

.content_footer{
	width: 89%;
	max-width: 1400px;
	margin: 0 auto;
}

.logo_footer{
	width: 50%;
	margin: 0 auto 55px;
}

.logo_footer img{
	display: block;
	width: 100%;
}

.item_footer{
	margin-top: 35px;
}

.item_footer h2{
	font-size: 24px;
	color: #FFFFFF;
	font-weight: 600;
	margin-bottom: 15px;
	font-family: "Barlow Semi Condensed", sans-serif;
}

.item_footer a{
	display: block;
	font-size: 16px;
	color: #AAAAAA;
	margin-top: 7px;
	text-decoration: none;
}

.copy_footer{
	width: 100%;
	padding: 19px 25px;
	background-color: #2b2b2b !important;
}

.copy_footer p{
	text-align: center;
	font-size: 16px;
	color: #AAAAAA;
}

/*----------- FOOTER -----------*/


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

	/*----------- NAV MOBILE -----------*/

	.content-list-mobile {
		width: 43%;
	}

	.content-list-mobile ul {
		padding: 0px 41px;
	}
	
	/*----------- NAV MOBILE -----------*/

	/*----------- FOOTER -----------*/

	.logo_footer {
		max-width: 200px;
	}

	.content_footer{
		display: flex;
    	flex-wrap: wrap;
    	justify-content: space-between;
	}


	/*----------- FOOTER -----------*/


}

@media screen and (min-width: 1022px){
	
	/*----------- NAV DESKTOP -----------*/

	.overlay_nav{
		display: block;
		width: 100%;
		height: 41px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
		background-color: #000000;
	}
	
	.overlay_nav_list{
		display: block;
		width: 100%;
		height: 73px;
		position: absolute;
		top: 40px;
		left: 0;
		right: 0;
		z-index: -1;
		/* background-color: #fff7ef; */
		/* background-color: #dfd5cb; */
		background-color: #FFFFFF;
	}
	
	.content-header{ display : none; }	
	
	.content-header-desktop{
		padding: 0;
		display: flex;
	}
	
	.content-nav-mobile{
		width: 201px;
		margin: 7px 0 0 45px;
		padding: 0;
	}

	.logo-mobile {
		width: 100%;
	}
	
	.btn-nav-mobile{
		display: none;
	}
	
	.content-list-mobile {
    	position: initial;
		height: auto;
		padding: 0;
		background-color: transparent;
	}
	
	.content-list-mobile ul {
		padding: 0;
    	display: flex;
		justify-content: space-between;
	}
	
	.content-list-mobile ul li {
		border-bottom: 0;
	}
	
	.content-list-mobile ul li a {
		padding: 21px 0px;
		font-size: 14px;
	}
	
	/*----------- NAV DESKTOP -----------*/

	.barra_contact_nav{
		display: flex;
		margin-top: 12px;
		justify-content: end;
		padding: 0 29px 0 47px;
	}

	.contact_nav {
		display: flex;
    	align-items: center;
	}

	.contact_nav a{
		display: flex;
		align-items: center;
		margin-right: 19px;
		font-size: 14px;
		color: #FFFFFF;
		text-decoration: none;
	}

	.contact_nav a img{
		margin-right: 6px;
	}

	.contact_nav a:nth-child(1) img{
		width: 17px;
	}

	.contact_nav a:nth-child(2) img{
		width: 25px;
	}

	.rrss_nav{
		display: flex;
		align-items: center;
	}

	.rrss_nav a{
		display: block;
		width: 25px;
		margin: 0 5px;
	}

	.rrss_nav a img{
		width: 100%;
	}

	.content-list-mobile {
		width: 90%;
	}

	.content_list_nav{
		padding: 0 25px;
		margin-top: 19px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.btn_ayuda_header{
		display: block;
		width: 341px;
		margin: 0;
	}
	
	.btn_ayuda_header img{
		display: block;
		width: 100%;
	}

	.list_nav li{
		margin: 0 9px;
	}

	.list_nav li a{
		transition: 0.3s;
	}

	/* .list_nav li a:hover{
		color: #78d159;
	} */
	

	/*----------- FOOTER -----------*/

	.content_footer {
		width: 95%;
	}
	
	.logo_footer {
        max-width: 171px;
		margin: 0;
    }

	.item_footer {
		width: 19%;
		margin-top: 0;
	}

	.item_footer:nth-child(2) {
		width: 12%;
	}

	.item_footer:nth-child(3) {
		width: 9%;
	}

	.item_footer:nth-child(4) {
		width: 13%;
	}

	.item_footer:nth-child(5) {
		width: 29%;
	}

	

	/*----------- FOOTER -----------*/

}

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

	.list_nav li {
        margin: 0px 9px;
    }

	/*----------- FOOTER -----------*/
	
	.item_footer:nth-child(4) {
		width: 11%;
	}

	/*----------- FOOTER -----------*/

}

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

	.content-list-mobile ul li a {
        font-size: 16px;
    }

}