@charset "utf-8";

body{
	font-family:"Roboto";
	color:#000;
	font-size:16px;
	overflow-x:hidden;
}
a { outline: none; text-decoration:none !important; color:inherit; }
img{ outline: none; text-decoration:none; border:0px;}

.view-desktop{display: block;}
.view-mobile{display: none;}

/*Estructura*/
.header-home{    
	background: url(../img/HEAD/HEAD-FONDO.jpg) 100% no-repeat;
    text-align: center;
    height: 650px;
    padding-top: 50px;
    background-position: center -120px;
    margin-bottom: 250px;
}
.header-home .title-1{width: 400px;  margin: 0 auto;}
.header-home .section-beneficio img{width: 100%;}
.logo{position: absolute; top: -20px; right: 20px; z-index: 2;}
.logo img{width: 80px;}

.section{padding:100px 20px;}
.title{font-size: 28px; color: #373380; font-weight: bold; font-family: 'omnes-pro';}
.section .title{text-align: center; margin-top:0; margin-bottom: 30px;}

/*Section*/
.section-porque{
	background: #D3D8F6;
	text-align: center;
}
.section-porque a{margin-top: 50px; display: inline-block;}
.section-porque a img{width:400px;}

.section-marcas{
	background: #38327A;
	text-align: center;
}
.section-marcas .title{color:#fff;}
#marcasCarousel{margin-top: 30px;}
.item-marca{width: 100%;}


.section-financiamientos{
	background: #D3D8F6;
	text-align: center;
}


.foto-tienda{height: 280px; object-fit: cover; object-position: top;}
.btn-tienda{color:#fff; background: #682AED; display: block; padding: 15px; border-radius: 5px; text-align: center; font-weight: bold; margin-bottom: 30px;}


footer{background:#38327A; padding: 50px 0; text-align: center; color: #fff;}
.item-social{display: inline-block; margin: 3px; width: 50px;}
.item-social img{width: 100%;}

#popup-content img{max-width: 600px;}
.fancybox__content{padding: 5px !important;}

/*General*/
.btn-primary, .btn-secondary{
	background:#000081 ;
	width:auto;
	text-align:center;
	color:#fff;
	transition:all .2s linear;
	display:inline-block;
	padding:15px 25px;
    border: 0;
	border-radius: 10px;
}
.btn-primary:hover{
	background:#000;
	color:#fff;
}
.btn-secondary{
	background:#e9e9e9;
	color:#000;
}
.btn-secondary:hover{
	background:#d9d9d9;
	color:#000;
}






@media screen and (max-width: 1400px) 	{
	.header-home{    
		height: 600px;
		margin-bottom: 200px;
	}
}
@media screen and (max-width: 1200px) 	{
	.header-home{    
		height: 530px;
		margin-bottom: 130px;
	}
}
@media screen and (max-width: 990px) 	{
	.header-home{    
		height: 450px;
		margin-bottom: 130px;
	}
}

@media screen and (max-width: 768px) 	{	
	.view-desktop{display: none;}
	.view-mobile{display: block;}
	.header-home{    
		height: auto;
		margin-bottom: 40px;
	}
	.section{padding-top: 50px; padding-bottom: 50px;}
	.logo {top: -35px;}
	.logo img{width: 50px;}
}

@media screen and (max-width: 540px) 	{
	.header-home{
    background-position: center -100px;
    background-size: cover;}
	.header-home .title-1{max-width: 300px; width:100%;}
	#popup-content img{max-width: 300px;}
	.section-porque a img{width:300px;}

}