body{
	background: linear-gradient(to right, #f3be3a, #b33983); font-family: Calibri;
}
.main__cp{
	flex-grow: 1;
}
.main{
	flex-grow: 1; justify-content: center;
}
	.sorteo_final__box{
		max-width: 200px; background-color: #31AEBA; padding: 10px;
	}
		.sorteo_final__img{
			width: 100%; max-width: 120px;
		}
	.ingresar__box{
		padding: 10px; border-radius: 5px; background-color: #a22164; max-width: 400px; color: #FFFFFF;
	}
		.ingresar__item{
			
		}
			.ingresar__input{
				padding: 15px; font-size: 16px; border: none; outline: none; width: 100%;
			}
			.ingresar__boton{
				padding: 10px 7px; border-radius: 2px; border: none; outline: none; cursor: pointer; background-color: #34425d; color: #FFFFFF; font-size: 14px;
			}
/*******/
.mod__cp{
	position: fixed; background-color: rgba(0,0,0,0.50); width: 100%; height: 100%; z-index: 100; display: none;
}
.mod__cp--view{
	display: flex;
}
	.mod_box__box{
		padding: 10px; background-color:#FFFFFF; width: 425px; border-radius: 5px; margin-top: 20vh;
	}
		.mod_logo__img{
			width: 100%; max-width: 30px;
		}
.mod_entendido__button{
	padding: 10px 7px; font-size: 12px; outline: none; border: none; border-radius: 5px; cursor: pointer; background-color: #34425d; color: #FFFFFF; 
}