/* --------------------------------------
=========================================
GLOBAL
=========================================
-----------------------------------------*/

html {
	font-size: 16px;
}

.bg-principal {
	background-image: url(../images/bg-fondo.png);
	background-size: cover;
}

@media (max-width: 768px) {
	.bg-principal {
		background-image: url(../images/bg-fondo-mobile.png);
		background-size: cover;
	}

	.btn-texto-sm-grande {
		font-size: 2rem;
	}

}

.text-playfair {
		font-family: 'Playfair Display', serif;
}

.text-cantidades {
	font-size: 3.5em;
}

.text-titulo {
	font-size: 4rem;
}

/* Estilos para pantallas extra pequeñas (xs) */
@media (max-width: 410px) {
	.text-titulo {
		font-size: 1.5rem !important;
	}

	.text-cantidades {
		font-size: 1.2rem !important;
	}

	.espacio-letras {
		letter-spacing: 3px;
		font-size: 1.5em!important;
	}

}

@media (min-width: 411px) and (max-width: 440px) {
	.text-titulo {
		font-size: 1.8rem!important;
	}

	.text-cantidades {
		font-size: 1.5rem !important;
	}

	.espacio-letras {
		letter-spacing: 3px;
		font-size: 1.5em!important;
	}
}

@media (min-width: 441px) and (max-width: 460px) {
	.text-titulo {
		font-size: 1.5rem!important;
	}

	.text-cantidades {
		font-size: 1.58em !important;
	}

	.espacio-letras {
		letter-spacing: 3px;
		font-size: 1.5em!important;
	}
}

@media (min-width: 461px) and (max-width: 490px) {
	.text-titulo {
		font-size: 1.6rem!important;
	}

	.text-cantidades {
		font-size: 1.75em !important;
	}

	.espacio-letras {
		letter-spacing: 3px;
		font-size: 1.5em!important;
	}
}

@media (min-width: 491px) and (max-width: 510px) {
	.text-titulo {
		font-size: 1.85rem!important;
	}

	.text-cantidades {
		font-size: 1.9em !important;
	}
}

@media (min-width: 511px) and (max-width: 550px) {
	.text-titulo {
		font-size: 1.95rem!important;
	}

	.text-cantidades {
		font-size: 2.2em !important;
	}
}

@media (min-width: 551px) and (max-width: 575px) {
	.text-titulo {
		font-size: 2.0rem!important;
	}
	.text-cantidades {
		font-size: 2.2em !important;
	}
}

/* Estilos para pantallas pequeñas (sm) */
@media (min-width: 576px) and (max-width: 768px) {
	.text-titulo {
		font-size: 2.15rem!important;
	}
	.text-cantidades {
		font-size: 2.35em!important;
	}
}

/* Estilos para pantallas medianas (md) */
@media (min-width: 769px) and (max-width: 992px) {
	.text-titulo {
		font-size: 3.0rem!important;
	}
	.text-cantidades {
		font-size: 2.4em !important;
	}
}

/* Estilos para pantallas grandes (lg) y superiores */
@media (min-width: 993px) and (max-width: 1380px) {
	.text-titulo {
		font-size: 2.8rem!important;
	}
	.text-cantidades {
		font-size: 2.5em !important;
	}
}

.text-ganaste{
	font-size: 2.5em;
}

.espacio-letras {
	letter-spacing: 3px;
	font-size: 2.2em;
}

.text-secondary-custom {
	color: #c2c2c2;
}

.btn-ultimas-noticias {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
}

body {
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	overflow-x: hidden;
}

.header-container {
	background-color: #000000;
}

.doble-borde {
	border: 2px solid #fff;
	outline: 3px solid #dc3545;
	border-radius: 3px;
}

/* --------------------------------------
=========================================
CARD FORMULARIO
=========================================
-----------------------------------------*/

.card-lp {
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 20px;
	color: #000;
}

.card-lp .file-button {
	background: linear-gradient(90deg, rgb(109 109 109 / 10%) 80%, rgb(255 255 255 / 0%) 100%);
	backdrop-filter: blur(40px);
	color: #FFF;
	backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(40px);
}

.card-lp .form-control:focus{
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.103);
}