.div-informacion-contenedora {
	background-color: var(--primary-background);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 1%, rgba(224, 224, 224, 1) 10%);
	background-color: orange;
	position: relative;
	width: 100%;
	padding: 4% 5%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem 3%;
	font-family: Century Gothic;
}

.div-informacion-general {
	background-color: var(--secondary-background);
	grid-column: 1 / 3;
	position: relative;
	width: 90%;
	margin: 5% auto 0;
	padding: 0.5% 0 1% 0;
	border-radius: 25px;
}

.div-informacion-introducion {
	position: relative;
	width: 70%;
	margin: 2% 15%;
	text-align: center;
}

.div-informacion-introducion h1 {
	font-size: 35px;
	padding: 2% 0;
}

.div-informacion-introducion p {
	font-size: 21px;
	line-height: 25px;
	text-align: justify;
}

.div-informacion-introducion h2 {
	font-size: 30px;
	line-height: 35px;
	padding: 2% 0;
}

#countdown-timer {
	font-size: 21px;
	line-height: 25px;
	text-align: center;
}

.div-pregunta {
	background-color: var(--secondary-background);
	position: relative;
	padding: 3% 2%;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-radius: 25px;
}

.div-contentedor-imgTitulo {
	display: flex;
}

.div-pregunta img {
	padding: 2% 0;
	width: 6%;
	margin: 0 2%;
	/* background-color: blue; */
}

.div-pregunta h2 {
	width: 90%;
	/* font-size: 35px; */
	padding: 1.5% 0;
}

.div-pregunta p {
	margin: 0 3%;
	/* font-size: 21px; */
	/* line-height: 25px; */
	/* text-align: left; */
}

@media(max-width: 1050px) {
	.div-informacion-introducion {
		width: 80%;
		margin: 2% 10%;
	}

	.div-informacion-introducion h1 {
		font-size: 33px;
	}

	.div-informacion-introducion p {
		font-size: 19px;
		line-height: 23px;
	}

	.div-informacion-introducion h2 {
		font-size: 27px;
		line-height: 32px;
	}

	.div-pregunta h1 {
		font-size: 33px;
	}

	.div-pregunta p {
		font-size: 19px;
		line-height: 23px;
	}

	.div-pregunta img {
		width: 10%;
	}
}

@media(max-width: 950px) {
	.div-pregunta h1 {
		font-size: 29px;
	}

	.div-pregunta p {
		line-height: 21px;
	}
}

@media(max-width: 900px) {
	.div-informacion-contenedora {
		display: flex;
		flex-direction: column;
		gap: 2rem;
	}
}

@media(max-width: 891px) {
	.div-informacion-introducion {
		width: 85%;
		margin: 2% auto;
	}

	.div-informacion-introducion h1 {
		font-size: 27px;
	}

	.div-informacion-introducion p {
		font-size: 19px;
		line-height: 21px;
	}

	.div-informacion-introducion h2 {
		font-size: 26px;
		line-height: 31px;
	}

	.div-pregunta h1 {
		font-size: 29px;
	}

	.div-pregunta p {
		font-size: 17px;
		line-height: 21px;
	}
}

@media(max-width: 750px) {
	.div-pregunta {
		width: 90%;
		margin: auto;
	}

	.div-contentedor-imgTitulo {
		flex-direction: column;
		align-items: center;
	}

	.div-pregunta img {
		width: 15%;
		margin: 10px auto;
	}

	.div-pregunta h2 {
		width: 100%;
		text-align: center;
	}
}

@media(max-width: 600px) {
	.div-informacion-general {
		width: 96%;
	}

	.div-contentedor-imgTitulo {
		flex-direction: column;
		align-items: center;
	}

	.div-pregunta img {
		width: 15%;
		margin: 15px auto;
	}

	.div-pregunta h2 {
		width: 100%;
		text-align: center;
	}
}

@media(max-width:500px) {
	.div-informacion-introducion {
		width: 90%;
		margin: 2% 5%;
	}

	.div-informacion-introducion h1 {
		font-size: 25px;
	}

	.div-informacion-introducion p {
		font-size: 15px;
		line-height: 19px;
	}

	.div-informacion-introducion h2 {
		font-size: 25px;
		line-height: 29px;
	}

	.div-pregunta h1 {
		font-size: 27px;
	}

	.div-pregunta p {
		font-size: 15px;
		line-height: 19px;
	}

	.div-pregunta img {
		width: 12%;
		margin: 10px auto;
	}
}

@media(max-width: 450px) {
	.div-informacion-general {
		width: 95%;
		margin: 0 2.5%;
	}

	.div-pregunta img {
		width: 10%;
		margin: 8px auto;
	}
}

@media(max-width:400px) {
	.div-informacion-introducion h1 {
		font-size: 24px;
	}

	.div-informacion-introducion p {
		font-size: 14px;
		line-height: 18px;
	}

	.div-informacion-introducion h2 {
		font-size: 24px;
	}

	.div-pregunta h1 {
		font-size: 25px;
	}

	.div-pregunta p {
		font-size: 14px;
		line-height: 18px;
	}

	.div-pregunta img {
		width: 8%;
	}
}