/* @group Our communities and coverage
------------------------------------ */
.our-communities-and-coverage {
	position: relative;
	--heightDesktop: 59.6rem;
	overflow: hidden;
}
.our-communities-and-coverage  .map-container .bp-multimedia img {
	object-fit: contain;
}
.our-communities-and-coverage  .description {
	display: flex;
	flex-direction: column;
	row-gap: 1.3rem;
}
.our-communities-and-coverage  .commnunities-image .bp-multimedia {
	height: 21.3rem;
}
.our-communities-and-coverage .fixed-desktop {
	position: relative;
}
@media only screen
and (min-width : 961px) {
	.our-communities-and-coverage .fixed-desktop {
		height: var(--heightDesktop);
	}
	.our-communities-and-coverage .map-container {
		width: 50%;
		position: absolute;
		top: 50%;
		translate: 0 -50%;
		left: -2.5%;
		height: var(--heightDesktop);
	}
	.our-communities-and-coverage .description {
		position: static;
		flex: none!important;
		width: 33.333%;
		margin-left: 58.31%!important;
		margin-right: 8.33%!important;
	}
	.our-communities-and-coverage .map-container .bp-multimedia {
		height: var(--heightDesktop);
	}
	.our-communities-and-coverage  .description {
		row-gap: 2.5rem;
	}
	.our-communities-and-coverage  .commnunities-image {
		margin: 0 0 4rem;
	}
	.our-communities-and-coverage .commnunities-image .bp-multimedia {
		height: 23.5rem;
	}
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {

    .our-communities-and-coverage {
        background-color: transparent !important;
    }
    
	.our-communities-and-coverage .description {
		text-align: center;
	}
	.our-communities-and-coverage .bp-button {
		width: 100%!important;
	}
}

/* @end */

:where(.editor-styles-wrapper) .our-communities-and-coverage .fixed-desktop {
	height: 80rem;
}
:where(.editor-styles-wrapper) .our-communities-and-coverage .description > .block-editor-inner-blocks,
:where(.editor-styles-wrapper) .our-communities-and-coverage .description > .block-editor-inner-blocks > .block-editor-block-list__layout {
	position: static;
	display: flex;
	flex-direction: column;
	row-gap: 2.5rem;
}
:where(.editor-styles-wrapper) .our-communities-and-coverage .map-container .multimedia {
	height: var(--heightDesktop);
}
/* CMS */
/* :where(.editor-styles-wrapper) .main-hero::before {
	height: 100%;
} */

/* Animations
------------------------------------ */
:where(#wrapper) .contenedor .elemento {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .contenedor.animateActive .elemento {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .contenedor.animateActive .elemento {
    --delay: 0.3s;
}