body {
	font-family: 'Open Sans', sans-serif;
	background-color: #5e5c8d;
}

.btn-primary {
	background-color: #da242d;
	border-color: #da242d;
	font-weight: 700;
	letter-spacing: 1px;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #382b80;
	border-color: #382b80;
}

.estrella {
	background: #1c0f33 url('../img/fondo.jpg') center / cover no-repeat;
	color: #fff;
	padding: 20px;
	text-align: center;
	border-radius: 10px;
	margin: auto;
	max-width: 800px;
	position: relative;
}

.estrella img {
	width: 200px;
	max-width: 100%;
}

.estrella .logo {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

.estrella .logo img {
	width: 110px;
}

@media (max-width: 767.98px) {
	.estrella .logo {
		top: 10px;
		right: 10px;
		font-size: 10px;
	}

	.estrella .logo img {
		width: 70px;
	}
}

.estrella p {
	color: #fff;
}

.estrella .form-control,
.estrella .form-control:focus {
	background-color: #d6dcf2;
}

.estrella .invalid-feedback {
	color: #ff8a8f;
}

.modal,
.modal p {
	color: #212529;
}

.oculto {
	position: absolute;
	left: -9999px;
}