.paginacion {
display: flex;
justify-content: center;
width: 100%;
padding: 22px;
margin-top: 3%;
background: white;
margin-bottom: 5%;
border-radius: 5px;
}
.paginacion .Bfl {
margin: 0 3%;
font-weight: bold;
color: #77766e;
}
.paginacion .Bfl a,
.paginacion .Bfl span {
color: #178fc9;
padding: 8px 13px;
}
.paginacion .Bfl a:hover {
color: white;
background: #ea981b;
opacity: 0.6;
}
.paginacion .Bfl span.paginaActual {
opacity: 1;
color: white;
background: #e86a2f;
}
html body {
visibility: visible !important;
opacity: 1 !important;
}
.archive #page .paginacion {
align-items: center;
}
@media (max-width: 680px) {
.Bfl span.anterior,
.Bfl a.siguiente,
.Bfl a.anterior {
font-size: 0;
}
.Bfl a.anterior::before {
content: "Ã¢ÂÂ°";
font-family: "";
font-size: 20px;
color: red;
}
.Bfl a.siguiente::after {
content: "Ã¢ÂÂ±";
font-family: "";
font-size: 20px;
color: red;
}
}
#page .wrapper p.tot,
#page select#ordenacion {
margin-top: 5vw;
}
#contactar form .fields input[type="text"],
#contactar form .fields input[type="email"],
#contactar form .fields input[type="tel"],
#contactar form .fields textarea {
background: #e5e5e5;
border: none;
width: 100%;
padding: 10px 15px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
#contactar {
width: 60vw;
display: flex;
flex-direction: column;
align-items: center;
padding: 4vw;
margin: 0 auto;
}
#contactar .fields {
width: 150vw;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 768px) {
#contactar .fields {
width: 350vw;
}
}
#contactar .fields .field {
width: 33.3333%;
padding: 5px;
}
#contactar .fields .field {
flex-grow: 1;
padding: 15px 5px;
}
#contactar {
position: relative;
}
.fields:after {
position: absolute;
content: "AdministraciÃƒÂ³n de comunidades: EnvÃƒÂ­enos sus datos y llegaremos a un buen acuerdo";
font-family: "Montserrat", Arial;
font-size: 0px;
top: 4.5vw;
left: 0;
width: 33%;
height: auto;
font-weight: 500;
}
.fields.cat:after {
content: "AdministraciÃƒÂ³ de comunitats: Envieu-nos les vostres dades i arribarem a un bon acord";
}
#contactar .fields .field input,
#contactar .fields .field textarea {
background: #e5e5e5;
border: none;
width: 100%;
padding: 10px 15px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
.pagination .page-numbers {
display: block !important;
padding: 20px;
padding-top: 0;
}
.pagination .nav-links {
align-items: baseline;
}
.pagination .prev {
width: 200px;
}
.screen-reader-text {
overflow: visible;
white-space: nowrap;
clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; }   body.page-id-25 #contenido .wp-block-media-text {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas: "media-text-media media-text-content";
align-items: center;
}
body.page-id-25 #contenido .wp-block-media-text.has-media-on-the-right {
grid-template-areas: "media-text-content media-text-media";
}
body.page-id-25 #contenido .wp-block-media-text__media {
grid-area: media-text-media;
width: 100%;
margin: 0;
}
body.page-id-25 #contenido .wp-block-media-text__content {
grid-area: media-text-content;
padding: 0 8%;
width: 100%;
} body.page-id-25
#contenido
.wp-block-media-text.is-image-fill
.wp-block-media-text__media {
height: 100%;
} body.page-id-25
#contenido
.wp-block-media-text.is-image-fill
.wp-block-media-text__media
img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} body.page-id-25
#contenido
.wp-block-media-text:not(.is-image-fill)
.wp-block-media-text__media
img {
width: 100%;
height: auto;
max-width: 100%;
vertical-align: middle;
}
@media only screen and (max-width: 600px) {
body.page-id-25 #contenido .wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 1fr;
grid-template-areas: "media-text-media" "media-text-content";
}
body.page-id-25
#contenido
.wp-block-media-text.is-stacked-on-mobile.is-image-fill
.wp-block-media-text__media {
height: 65vw;
min-height: 220px;
}
} body.home #contenido .wp-block-cover:first-of-type {
position: relative;
overflow: hidden;
}
body.home
#contenido
.wp-block-cover:first-of-type
.wp-block-cover__video-background {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
} body.home #contenido .wp-block-cover:first-of-type {
position: relative;
overflow: hidden;
}
body.home
#contenido
.wp-block-cover:first-of-type
.wp-block-cover__video-background {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
}
@media only screen and (max-width: 900px) {
body.home #contenido .wp-block-cover:first-of-type {
margin-top: -4vw;
}
}  body.page-id-5 #contenido .wp-block-cover:first-of-type {
position: relative;
overflow: hidden;
margin-top: auto;
}
@media only screen and (max-width: 900px) {
body.page-id-5 #contenido .wp-block-cover:first-of-type {
margin-top: -4vw;
}
}
body.page-id-5
#contenido
.wp-block-cover:first-of-type
.wp-block-cover__image-background {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
} body.page-id-5 #contenido .wp-block-cover__image-background.wp-image-504 {
width: 100%;
margin-top: -27rem;
}
@media only screen and (max-width: 900px) {
body.page-id-5 #contenido .wp-block-cover__image-background.wp-image-504 {
margin-top: -7rem;
}
} body.page-id-5 #contenido .wp-block-media-text {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas: "media-text-media media-text-content";
align-items: center;
}
body.page-id-5 #contenido .wp-block-media-text.has-media-on-the-right {
grid-template-areas: "media-text-content media-text-media";
}
body.page-id-5 #contenido .wp-block-media-text__media {
grid-area: media-text-media;
width: 100%;
margin: 0;
}
body.page-id-5 #contenido .wp-block-media-text__content {
grid-area: media-text-content;
padding: auto 8% 2% 2%;
width: 100%;
} body.page-id-5
#contenido
.wp-block-media-text.is-image-fill
.wp-block-media-text__media {
height: 100%;
} body.page-id-5
#contenido
.wp-block-media-text.is-image-fill
.wp-block-media-text__media
img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} body.page-id-5
#contenido
.wp-block-media-text:not(.is-image-fill)
.wp-block-media-text__media
img {
width: 100%;
height: auto;
max-width: 100%;
vertical-align: middle;
}
@media only screen and (max-width: 600px) {
body.page-id-5 #contenido .wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 1fr;
grid-template-areas: "media-text-media" "media-text-content";
}
body.page-id-5
#contenido
.wp-block-media-text.is-stacked-on-mobile.is-image-fill
.wp-block-media-text__media {
height: 65vw;
min-height: 220px;
}
}  body.page-id-7 #contenido .wp-block-cover.columnas {
background-size: cover;
background-repeat: no-repeat;
min-height: 430px;
position: relative;
padding-bottom: 12rem;
}
@media (max-width: 769px) {
body.page-id-7 #contenido .wp-block-cover.columnas {
margin-top: -1rem;
}
} body.page-id-7 #contenido .wp-block-cover.columnas .wp-block-column {
display: flex;
flex-direction: column;
justify-content: center;
}
body.page-id-7 #contenido .wp-block-cover.columnas h1,
body.page-id-7 #contenido .wp-block-cover.columnas h1 .has-white-color {
color: #fff;
font-weight: 700;
font-size: 2.75rem;
line-height: 1.15;
}  body.page-id-9 #contenido .wp-block-cover.columnas {
background-size: cover;
background-repeat: no-repeat;
min-height: 430px;
position: relative;
padding-bottom: 12rem;
}
@media (max-width: 769px) {
body.page-id-9 #contenido .wp-block-cover.columnas {
margin-top: -1rem;
}
} body.page-id-9 #contenido .wp-block-cover.columnas .wp-block-column {
display: flex;
flex-direction: column;
justify-content: center;
}
body.page-id-9 #contenido .wp-block-cover.columnas h1,
body.page-id-9 #contenido .wp-block-cover.columnas h1 .has-white-color {
color: #fff;
font-weight: 700;
font-size: 2.75rem;
line-height: 1.15;
}  body.page-id-617 #contenido .wp-block-cover.columnas {
background-size: cover;
background-repeat: no-repeat;
min-height: 430px;
position: relative;
padding-bottom: 12rem;
}
@media (max-width: 769px) {
body.page-id-617 #contenido .wp-block-cover.columnas {
margin-top: -1rem;
}
} body.page-id-617 #contenido .wp-block-cover.columnas .wp-block-column {
display: flex;
flex-direction: column;
justify-content: center;
}
body.page-id-617 #contenido .wp-block-cover.columnas h1,
body.page-id-617 #contenido .wp-block-cover.columnas h1 .has-white-color {
color: #fff;
font-weight: 700;
font-size: 2.75rem;
line-height: 1.15;
}  #contenido .wp-block-cover.columnas[style*="min-height:600px"] {
position: relative;
overflow: hidden;
}
#contenido
.wp-block-cover.columnas[style*="min-height:600px"]
.wp-block-cover__image-background {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
z-index: 0;
}
#contenido
.wp-block-cover.columnas[style*="min-height:600px"]
.wp-block-cover__inner-container {
position: relative;
z-index: 1;
}
#contenido
.wp-block-cover.columnas[style*="min-height:600px"]
.wp-block-columns {
align-items: center;
} .caja .wp-block-group__inner-container {
margin-bottom: 8rem;
}
@media (max-width: 769px) { .caja .wp-block-group__inner-container {
margin-bottom: 4rem;
}
#page {
margin-top: -1rem;
}
}  body.page-id-11 #contenido .wp-block-group.wrapper .pre-titulo,
body.page-id-11 #contenido .wp-block-group.wrapper h1.wp-block-heading {
color: #fff;
} @media only screen and (min-width: 901px) {
body.page-id-11 #contenido .wp-block-columns {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 2rem;
}
body.page-id-11 #contenido .wp-block-columns .wp-block-column {
flex: 1 1 0;
min-width: 0;
}
body.page-id-11 #contenido .wp-block-columns .wp-block-column img {
width: 100%;
height: auto;
display: block;
}
} @media only screen and (min-width: 901px) {
body.page-id-11 #contenido .wp-block-gallery.columns-3 .blocks-gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
list-style: none;
margin: 0;
padding: 0;
}
body.page-id-11 #contenido .wp-block-gallery.columns-3 .blocks-gallery-item {
margin: 0;
}
body.page-id-11
#contenido
.wp-block-gallery.columns-3.is-cropped
.blocks-gallery-item
figure {
aspect-ratio: 1 / 1;
overflow: hidden;
margin: 0;
}
body.page-id-11
#contenido
.wp-block-gallery.columns-3.is-cropped
.blocks-gallery-item
img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
} body.page-id-15 #contenido h1.wp-block-heading {
text-align: center;
max-width: 900px;
margin: 0 auto 2.5rem;
color: #222;
}
body.page-id-15 #contenido .wp-block-group.caja-imagen {
max-width: 900px;
margin: 0 auto;
}
body.page-id-15 #contenido .formulario-contacto.completo .caja {
max-width: 100%;
border-radius: 6px;
} body.page-id-15 #contenido .wp-block-cover.has-background-dim-30 {
display: none;
} body.page-id-15
#contenido
.wp-block-group.imagen-texto.separador-muy-grande-grande {
margin-top: 3rem !important;
} body.page-id-15 #contenido .wpcf7-form-control {
width: 100%;
box-sizing: border-box;
border-radius: 4px;
}
@media only screen and (max-width: 768px) {
body.page-id-15 #contenido {
padding-top: 110px;
}
body.page-id-15 #contenido .formulario-contacto.completo .fields .field {
width: 100% !important;
}
body.page-id-15 #contenido .formulario-contacto.completo .caja {
padding: 25px 20px;
}
} body.page-id-15 #contenido .wp-block-cover.has-background-dim-30 {
background-size: cover;
background-repeat: no-repeat;
min-height: 300px;
} body.page-id-15 #contenido .wrapper {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}  html, body {
overflow-x: hidden;
max-width: 100%;
} @media only screen and (max-width: 768px) {
#contactar .fields {
width: 100% !important;
flex-direction: column !important;
}
#contactar .fields .field {
width: 100% !important;
box-sizing: border-box !important;
}
}