body {
	--color1: rgba(59, 14, 156, 1);
	--color2: rgba(148, 140, 165, 1);
	--color3: rgb(171 184 195 / 25%);
}

.section {
	padding-block: 5rem; 
}
.entry-content > div[class^='wp-block-'].section {
    margin-bottom: 0;
}
.wp-block-button__link,
.wp-block-button__link:visited {
	background: var(--color1);
		color: #fff;
		border-radius:5px;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus {
	background: var(#000);
		color: #fff;
}

mappress-map.mapp-layout:not(:has(.mapp-main)):before {
    content: "Por favor, acepta las cookies para ver el mapa interactivo";
		    content: "Por favor, acepta las cookies para ver el mapa interactivo";
    display: flex
;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

#hero {
	background: rgb(59,14,156);
	background: url(https://asociacionvivir.org/wp-content/uploads/sites/13/2024/12/rehab.jpg) center / cover no-repeat, linear-gradient(90deg, var(--color2) 0%, var(--color2) 50%, var(--color3) 51%, var(--color3) 100%);
		color:#fff;
}
#hero .has-x-large-font-size {
	line-height:1.2;
}

#family, #sponsors {
	background: var(--color3);
}
#sponsors img {
		mix-blend-mode: multiply;
    filter: saturate(0%) contrast(200%) opacity(0.5);
}

#hero, 
#sponsors {
	padding: 5rem calc(50vw - 540px);
		margin-bottom:0;
}

#family figure {
	margin-block:0;	
  filter: saturate(0%) contrast(200%) opacity(0.5);
}

.feature .wp-block-heading {
	margin:.5em 0;
	line-height:1.2;
}
.feature:nth-child(3n + 1) img {
    filter: invert(50%) sepia(100%) hue-rotate(206deg) saturate(20);
}
.feature:nth-child(3n + 2) img {
    filter: invert(50%) sepia(100%) hue-rotate(9deg) saturate(20);
}
.feature:nth-child(3n) img {
    filter: invert(50%) sepia(100%) hue-rotate(306deg) saturate(9);
}
.feature ul {
	margin-inline-start:0;
}
.wp-block-latest-posts__featured-image {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    margin-bottom: 1rem;
}
a.wp-block-latest-posts__post-title {
    text-decoration: none;
    font-size: 2rem;
    font-weight: bold;
    color: var(--color1);
}