/***********************************************
              BANNER INFORMATIVO
***********************************************/

.banner-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: rgba(0, 70, 130, 0.28);

	z-index: 9999;
}

.banner-overlay__box {
	width: calc(100% - 32px);
	max-width: 700px;
	padding: 36px 40px;

	background-color: #eef5fa;
	border: 1px solid rgba(0, 70, 130, 0.18);
	border-radius: 8px;

	box-shadow: 0 20px 50px rgba(0, 70, 130, 0.22);
}

.banner-overlay__box h3 {
	margin: 0 0 16px;

	color: #004682;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 32px;
	font-weight: 700;
}

.banner-overlay__box p {
	margin: 0;

	color: #1f2933;
	font-family: "Barlow", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
}

.banner-overlay__box .wp-block-buttons {
	margin-top: 28px;
	justify-content: flex-start;
}

.banner-overlay__close {
	background-color: #004682;
	color: #ffffff;
	border-radius: 6px;
}

.banner-overlay__close:hover {
	background-color: #00579f;
	color: #ffffff;
}
/***********************************************
                   RESPONSIVE
***********************************************/

@media screen and (max-width: 767px) {

	.banner-overlay__box  {
		padding: 12px 16px;
	}

	.banner-overlay__box p {
		font-size: 15px;
		line-height: 1.4;
	}
}