body {
    background-color: $blanco;
    min-height: 100vh;
    width: 100%;
	position: relative;
	font-family: $font-family-roboto;

	* {
		outline: none !important;
	}

	&.menuActive{
		overflow: hidden;

		&::before {
			content: "";
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0px;
			left: 0px;
			background-color: rgba(0, 0, 0, 0.3);
			z-index: 100;
		}
	}

	@import './loading';

    @import './custom-margin';
    @import './custom-max-width';
    @import './custom-width';

	a:hover,
	a:focus,
	a:active,
	a {
		color: inherit;
		text-decoration: none;
	}

	.bg {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
		height: auto;

		img {
			width: 100%;
			height: auto;
			visibility: hidden;
		}

		&.bg-size-contain {
			background-size: contain;
		}

		&.bg-size-cover {
			background-size: cover;
		}
	}


	// .btn {
	// 	&.btn-azul {
	// 		background-color: $c4d9db6;
	// 		color: $blanco;
	// 		border: none;
	// 		border-radius: 0px;

	// 		&.pdd {
	// 			padding-left: 45px;
	// 			padding-right: 45px;

	// 			@media screen and (min-width: 992px) {
	// 				padding-left: 65px;
	// 				padding-right: 65px;
	// 			}
	// 		}
	// 	}

	// 	&.btn-blanco {
	// 		background-color: $blanco;
	// 		color: $c4d9db6;
	// 		border: 1px solid $cd3223e;
	// 		border-radius: 0px;
	// 		padding-left: 45px;
	// 		padding-right: 45px;
	// 		font-weight: bold;

	// 		@media screen and (min-width: 992px) {
	// 			padding-left: 65px;
	// 			padding-right: 65px;
	// 		}

	// 		@media screen and (pointer: fine) {
	// 			transition: all 400ms ease-out;

	// 			&:hover{
	// 				background-color: $cd3223e;
	// 				color: $blanco;
	// 			}
	// 		}
	// 	}
	// }
}