.banner-servicios {
	color: var(--color-green-350);
}

.homepage-banners-servicios-wrapper {
	width: 100%;
	max-width: 76rem;
	margin: auto;
	display: grid;
	gap: 1rem;
}

.banner-servicios p {
	margin: initial;
	font-size: 14px;
	line-height: 130%;
}

.banner-servicios strong {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: .25rem;
	display: block;
}

.banner-servicios .wysiwyg-wrapper {
	background-color: #fdfdfd;
	border-radius: .25rem;
	border: solid thin var(--color-green-350);
	padding: 1rem 1rem 1rem 2.5rem;
	margin-left: 30px;
}

.banner-servicios .content-banner {
	position: relative;
}

.banner-servicios .content-banner::before {
	content: "";
	position: absolute;
	top: 12px;
	height: 60px;
	width: 60px;
	display: block;
	border-radius: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--color-yellow-400);
	z-index: 1;
}

.banner-servicios--biblioteca .content-banner::before {
	background-image: url('../img/ui-symbols.svg#ico--serv-biblioteca-view');
	background-size: 42.22px 29.24px;
}

.banner-servicios--acompanantes .content-banner::before {
	background-image: url('../img/ui-symbols.svg#ico--serv-acompanantes-view');
	background-size: 44px 29.75px;
}

.banner-servicios--salon .content-banner::before {
	background-image: url('../img/ui-symbols.svg#ico--serv-salon-view');
	background-size: 39.99px 31.01px;
}

.banner-servicios--funebre .content-banner::before {
	background-image: url('../img/ui-symbols.svg#ico--serv-funebre-view');
	background-size: 30px 34px;
}

.banner-servicios--odonto .content-banner::before {
	background-image: url('../img/ui-symbols.svg#ico--serv-odonto-view');
	background-size: 23px 26px;
}

.banner-servicios--alquiler .content-banner::before {
	background-image: url('../img/ui-symbols.svg#ico--serv-garantia-view');
	background-size: 37.94px 34.78px;
}





/* Como hacerte socio */
.banner-como-hacerte-socio {
	font-size: 14px;
	color: var(--color-green-900);
	padding: .5rem 0;
	background-color: var(--color-green-100);
	position: relative;
	flex-basis: 100%;
	z-index: 0;
}

.banner-como-hacerte-socio::after {
	background-color: inherit;
	content: "";
	position: absolute;
	width: 300vw;
	height: 100%;
	top: 0;
	left: -100vw;
	z-index: -1;
}

.banner-como-hacerte-socio a {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	position: relative;
	align-items: center;
}

.banner-como-hacerte-socio a::after {
	content: "";
	background-image: url('../img/ui-symbols.svg#ico--arrow-head-view');
	background-size: 6.88px 13px;
	background-repeat: no-repeat;
	background-position: 55% center;
	width: 25px;
	height: 25px;
	background-color: var(--color-yellow-100);
	border-radius: 25px;
	overflow: hidden;
}

 .homepage-main-banner {
	width: 100%;
	max-width: 1224px;
	margin: 0 auto 2.5rem;
} 

.homepage-secondary-banners {
	max-width: 1224px;
	margin: 0 auto 2.5rem;
}

.picture-slide {
	overflow: hidden;
	border-radius: 14px;
}

@media (min-width: 48rem) {
	.homepage-banners-servicios-wrapper {
		grid-template-columns: repeat(3, 1fr);
		gap: 1.25rem;
	}
}