#fixed-background {
	background-image: url('../images/front.png');
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
}

#system_leyend {
	color: black;
	font-size: 2.5vw;
	margin: 2% auto;
}

#page_title_1 {
	color: white;
	font-size: 14vw; /* clamp(3.5rem, 3vw, 3rem); */
	margin: 20% 0 0 0;
}

#page_title_2 {
	color: lightblue;
	font-size: 12vw; /* clamp(2rem, 4vw, 4rem); */
	margin: 10% 0 1% 0;
}

#page_title_3 {
	font-size: 10vw;
	margin-bottom: 15%;
}

#login_title {
	margin: 2% auto;
}


#entrance_button {
	font-size: 12vw;
	padding: 5% 10%; 
	/* margin: 20%; */
}

#login {
	display: none;
    margin: 15% auto 5% auto;
	background-color: white;
	/* border: 1% solid #f800fa; */
	border-radius: 1%;
	opacity: 1;
	/* height: 20%; / *  50vh; */
	width: 80%;
	position: relative;
	/* display: flex; */
	align-items: center;
	justify-content: center;
}



.recaptcha-container {
    max-width: 100%;
    overflow: hidden;
}

.g-recaptcha {
    transform-origin: 0 0;
}

/* Pantallas pequeñas */
@media (max-width: 400px) {
    .g-recaptcha {
        transform: scale(0.85);
        width: 258px;
    }
}

/* Pantallas muy pequeñas */
@media (max-width: 320px) {
    .g-recaptcha {
        transform: scale(0.75);
        width: 228px;
    }
}


#login_button {
	visibility: hidden;
	margin: 15% 2%;
}

/* Para otra pagina */
#div_with_code {
	display: none;
}