/* Pantallas hasta 1280px */
@media screen and (max-width: 1920px) {
	body {
		background-image: url('images/fondo-1920.jpg');
	}
}

/* Hasta 1280px en horizontal */
@media screen and (max-width: 1280px) and (orientation: landscape) {
	body {
		background-image: url('images/fondo-1200.jpg');
	}
}

/* Hasta 1280px en vertical */
@media screen and (max-width: 1280px) and (orientation: portrait) {
	body {
		background-image: url('images/fondo-1200-portrait.jpg');
	}
}

/* Hasta 900px en horizontal */
@media screen and (max-width: 900px) and (orientation: landscape) {
	body {
		background-image: url('images/fondo.jpg');
	}
}

/* Hasta 900px en vertical */
@media screen and (max-width: 900px) and (orientation: portrait) {
	body {
		background-image: url('images/fondo-portrait.jpg'); /* Usa una imagen vertical */
	}
}

/*Medida para tablets en vertical*/
@media screen and (max-width:760px) {
	#login {
		padding: 20px 10%;
	}

	h2 { color: var(--rojo); font-weight:bold; }
	h3 { color: var(--negro); }
	p a { color: var(--azul); }

	.sombra { text-shadow: none; }

	.content {
		top: 10px;
		padding: 10px;
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.6);
	}

	.premios p {
		color: var(--azul);
		text-shadow: none;
		font-weight: bold;
	}
}

/*Medida smartphones*/
@media screen and (max-width:600px) {
}

/*Medida smartphones*/
@media screen and (max-width:400px) {
}

/*Medida smartphones*/
@media screen and (max-width:360px) {
	h1 { font-size: 28px;  line-height: 36px; }
	h2 { font-size: 24px;  line-height: 30px; }
	h3 { font-size: 20px;  line-height: 26px; }
	h4 { font-size: 18px;  line-height: 24px; }
}

/*Medida smartphones*/
@media screen and (max-width:250px) {
}