/* -- VARIABLE -- */
		:root {
		  --bannerA: url("/resources/img/original/original_768_x_400.png");
		  --bannerB: url("/resources/img/original/original_1024_x_350.png");
		  --bannerC: url("/resources/img/original/original_1500_x_350.png");
		  --bannerD: url("/resources/img/original/original_2000_x_350.png");
		  --bannerE: url("/resources/img/original/original_2600_x_350.png");
		}
	/* -- .VARIABLE -- */
	
	
		.imgBannerPersonalizado{
			background-size: 100% 100%;
		}
	
	@media screen and (max-width: 767px){
		.imgBannerPersonalizado{
			padding-top: calc(100% / ( 768 / 400 ));
			/* background-color: green; */
			background-image: var(--bannerA);
		}
	}
	@media screen and (min-width: 768px){
		.imgBannerPersonalizado{
			padding-top: calc(100% / ( 1024 / 350 ));
			/* background-color: blue; */
			background-image: var(--bannerB);
		}
	}
	@media screen and (min-width: 1024px){
		.imgBannerPersonalizado{
			padding-top: calc(100% / ( 1500 / 350 ));
			/* background-color: lime; */
			background-image: var(--bannerC);
		}
	}
	@media screen and (min-width: 1500px){
		.imgBannerPersonalizado{
			padding-top: calc(100% / ( 2000 / 350 ));
			/* background-color: red; */
			background-image: var(--bannerD);
		}
	}
	@media screen and (min-width: 1920px){
		.imgBannerPersonalizado{
			padding-top: calc(100% / ( 2600 / 350 ));
			/* background-color: yellow; */
			background-image: var(--bannerE);
		}
	}