.info {
	padding: 30px 20px;
	padding-top: 120px;
	background-color: #EDF6F7;
}
.info__content {
	max-width: 1000px;
	margin: auto;
}
.info__footer {
	max-width: 1120px;
	margin: auto;
}
.info__title {
	font-size: 24px;
	margin-bottom: 22px;
}
.info__title a {
	color: #009CC6;
	text-decoration: underline;
}
.info__txt {
	margin-bottom: 40px;
}
.frm {
	margin-bottom: 60px;
}
.info__group {
	margin-bottom: 40px;
}
.info__group__title {
	color: #601636;
	font-size: 18px;
	font-family: BanamexText-SemiBold;
	margin-bottom: 20px;
}
.info__group__txt {
	font-size: 14px;
}
.info__group__txt a {
	color: #009CC6;
	text-decoration: underline;
}
.info__footer__right {
	text-align: center;
}
.asistencia__frm__button {
	margin-top: 20px;
}
.asistencia__cancel {
	display: block;
	text-align: center;
	color: #ada6a6;
	margin-top: 10px;
	text-decoration: underline;
}

.bg {
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #000;
	opacity: 0.6;
}

.lightbox {
	display: none;
	position: fixed;
	z-index: 100;
	left: 50%; 
	top: 50%; 
	transform: translate(-50%, -50%);
	width: 260px;
	background-color: #E1F4FF;
	border-radius: 20px;
	text-align: center;
	padding: 30px 20px;
}
.lightbox__img {
	width: 60px;
	margin-bottom: 20px;
}
.lightbox p {
	font-size: 16px;
}
.lightbox a {
	color: #009CC6;
	text-decoration: underline;
}
.lightbox__close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 20px;
}

@media screen and (min-width: 360px) {

	.lightbox {
		width: 300px;
	}

}

@media screen and (min-width: 500px) {
	
	.info {
		background-color: #FDE8E0;
	}
	.info__content {
		padding: 30px 20px;
		background-color: #EDF6F7;
		border-radius: 20px;
		margin-bottom: 30px;
	}
	.lightbox {
		padding: 40px;
		width: 360px;
	}
	.lightbox p {
		font-size: 18px;
	}

}

@media screen and (min-width: 768px) {

	.info__content {
		padding: 40px 60px;
	}
	.info__title {
		font-size: 26px;
	}
	.info__txt {
		font-size: 18px;
	}
	.frm {
		width: 600px;
	}
	.lightbox {
		padding: 60px;
		width: 400px;
	}
	.lightbox__img {
		width: 80px;
		margin-bottom: 30px;
	}
	.lightbox p {
		font-size: 20px;
	}

}

@media screen and (min-width: 1000px) {

	.info {
		padding-bottom: 40px;
	}
	.info__title {
		font-size: 28px;
		margin-bottom: 36px;
	}
	.info__content {
		padding-top: 60px;
		margin-bottom: 0;
		border-bottom-left-radius: 0;
	}
	.frm {
		width: 810px;
	}
	.frm__row {
		display: flex;
		grid-gap: 20px;
		justify-content: space-between;
	}
	.frm__row .asistencia__frm__group {
		width: 50%;
	}
	.asistencia__frm__group.name {
		width: 400px;
	}
	.info__footer {
		display: flex;
	}
	.info__footer__left {
		width: 60%;
		height: 280px;
		background-color: #EDF6F7;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.info__footer__right {
		width: 40%;
		text-align: right;
		padding: 20px;
	}

}

@media screen and (min-width: 1200px) {

	.info {
		padding-bottom: 50px;
	}
	.info__footer__left {
		height: 320px;
	}
	.info__footer__right {
		padding: 30px;
	}

}

@media screen and (min-width: 1400px) {

	.info__footer__left {
		width: 70%;
	}
	.info__footer__right {
		width: 30%;
	}

}