/* Mapa de Explorar (Poblando Core). Botón «Lista | Mapa», mapa, burbujas y tarjeta. */

/* «Lista | Mapa»: un interruptor de dos posiciones (como antes), con el estilo
   de los demás botones: esquinas redondeadas y verde la posición elegida. La
   otra lleva el icono en verde para que se vea que se puede pulsar. */
.poblando-vista {
	display: inline-flex;
	gap: 2px;
	padding: 3px;
	margin: 0 auto 0 0;
	border: 1px solid #74b843;
	border-radius: 10px;
	background: #fff;
	flex: 0 0 auto;
	order: -1;
}
.poblando-vista__opcion {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 16px;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	color: #2f3a26;
	text-decoration: none;
	transition: background .2s, color .2s;
}
.poblando-vista__opcion svg {
	width: 15px;
	height: 15px;
	fill: #74b843;
	transition: fill .2s;
}
.poblando-vista__opcion:hover {
	background: #f4f9ef;
	color: #2f3a26;
}
.poblando-vista__opcion.is-active,
.poblando-vista__opcion.is-active:hover {
	background: #74b843;
	color: #fff;
}
.poblando-vista__opcion.is-active svg {
	fill: #fff;
}
.poblando-vista__opcion:focus-visible {
	outline: 2px solid #2f3a26;
	outline-offset: 2px;
}

/* Lista en el ordenador: menos hueco blanco arriba. La cabecera de HivePress
   va vacía (solo lleva el botón de filtros del móvil) y su margen de 64 px se
   sumaba al de la página. */
@media (min-width: 768px) {
	html body #content.site-content.site-content {
		padding-top: 28px;
	}
	.hp-page__header {
		margin-bottom: 0 !important;
	}
	/* «Lista | Mapa» a la altura de los botones de Operación. */
	.hp-page:not(:has(.poblando-explorar-mapa)) .hp-page__topbar:has(.poblando-vista) {
		margin-top: 25px;
		margin-bottom: 24px;
	}
}

/* Campos de los filtros con el mismo aire: esquinas redondeadas y borde verde
   claro, como los botones. */
.hp-form--listing-filter .select2-container .select2-selection,
.hp-form--listing-sort .select2-container .select2-selection,
.hp-form--listing-filter input[type="number"],
.hp-form--listing-filter input[type="text"],
.hp-form--listing-filter input[type="search"] {
	border: 1px solid #cfd8c4 !important;
	border-radius: 8px !important;
	background-color: #fff;
}
.hp-form--listing-filter .select2-container--open .select2-selection,
.hp-form--listing-filter .select2-container--focus .select2-selection,
.hp-form--listing-filter input[type="number"]:focus,
.hp-form--listing-filter input[type="text"]:focus {
	border-color: #74b843 !important;
	box-shadow: 0 0 0 2px rgba(116, 184, 67, .2);
}

/* Lista en el móvil: «Lista | Mapa» y «Ordenar por» sin pisarse, y menos
   hueco blanco encima (la cabecera de HivePress deja 64 px de margen y en el
   móvil solo lleva el botón flotante de filtros). */
/* Botón «Filtros» de la lista: solo en el móvil, a la derecha de «Lista | Mapa» */
.poblando-filtros-lista {
	display: none !important;
}
@media (max-width: 767px) {
	.hp-page__topbar:has(.poblando-vista) {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
	}
	.hp-page__topbar .poblando-filtros-lista {
		display: inline-flex !important;
		align-items: center;
		gap: 6px;
		/* relative: el tema pone una capa invisible (::before) en los botones */
		position: relative !important;
		width: auto;
		margin: 0 0 12px;
		padding: 9px 16px;
		border: 0 !important;
		border-radius: 8px;
		background: #74b843 !important;
		color: #fff !important;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.2;
		white-space: nowrap;
	}
	.hp-page__topbar .poblando-filtros-lista .hp-icon {
		color: #fff;
	}
	.hp-page__topbar:has(.poblando-vista) .hp-form--listing-sort {
		flex: 1 0 100%;
	}
	.hp-page__topbar .poblando-vista {
		margin-bottom: 12px;
	}
	.hp-template--listings-view-page .site-content {
		padding-top: 16px;
	}
	.hp-template--listings-view-page .hp-page__header {
		margin-bottom: 8px;
	}
}

/* Mapa */
.poblando-explorar-mapa {
	position: relative;
	height: max(520px, calc(100vh - 24px));
	border-radius: 10px;
	overflow: hidden;
	background: #f4efdf;
	margin-bottom: 30px;
}
.poblando-explorar-mapa__lienzo {
	position: absolute;
	inset: 0;
}
.poblando-explorar-mapa__vacio,
.poblando-explorar-mapa__aviso {
	position: absolute;
	left: 50%;
	top: 60px;
	transform: translateX(-50%);
	z-index: 3;
	width: max-content;
	max-width: min(440px, calc(100% - 32px));
	margin: 0;
	background: rgba(255, 255, 255, .97);
	border: 2px solid #ffc300;
	border-radius: 10px;
	padding: 10px 16px;
	line-height: 1.4;
	text-align: center;
	font-size: 14px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
}
.poblando-explorar-mapa__canarias {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 220px;
	height: 120px;
	border: 2px solid #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
	z-index: 3;
	cursor: pointer;
	background: #a7d1e6;
}
.poblando-explorar-mapa__canarias-lienzo {
	position: absolute;
	inset: 0;
}
.poblando-explorar-mapa__canarias span {
	position: absolute;
	left: 8px;
	top: 6px;
	z-index: 2;
	font-size: 12px;
	font-weight: 700;
	background: rgba(255, 255, 255, .9);
	border-radius: 999px;
	padding: 2px 8px;
	pointer-events: none;
}
.poblando-explorar-mapa__volver {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 3;
	border: 1px solid #e4dcc8;
	background: #fff;
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 13px;
	cursor: pointer;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}

/* Burbujas */
/* Precio: amarillo Poblando (el del logo) con letras oscuras, que destaca
   sobre el verde y el beis del mapa. Ya visto: blanco con letras negras.
   Abierto ahora: verde Poblando con letras blancas. */
.poblando-pin {
	background: #ffc300;
	color: #1f2a16;
	border: 1.5px solid #fff;
	border-radius: 999px;
	padding: 4px 9px;
	font: 800 13px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	white-space: nowrap;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	cursor: pointer;
}
.poblando-pin:hover {
	background: #ffb000;
	z-index: 5;
}
.poblando-pin.is-visto {
	background: #fff;
	color: #111;
	border-color: #c9d1bf;
}
.poblando-pin.is-visto:hover {
	background: #f1f4ec;
}
.poblando-pin.is-sel,
.poblando-pin.is-visto.is-sel {
	background: #74b843;
	color: #fff;
	border-color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	z-index: 6;
}

/* Tarjeta en un panel fijo a un lado del mapa (ordenador) */
.poblando-panel {
	position: absolute;
	top: 60px;
	z-index: 6;
	width: 320px;
	max-height: calc(100% - 76px);
	overflow-y: auto;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .22);
	scrollbar-width: thin;
}
.poblando-panel[hidden] { display: none; }
.poblando-panel.is-izquierda { left: 12px; }
.poblando-panel.is-derecha { right: 56px; }
.poblando-panel .poblando-ficha { width: auto; }
.poblando-panel .poblando-ficha .hp-listing__image {
	aspect-ratio: auto;
	height: 200px;
}
.poblando-panel__cerrar {
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 5;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
	font-size: 22px;
	line-height: 32px;
	color: #2f3a26;
	cursor: pointer;
}

/* Logo arriba de los filtros (vista de mapa en ordenador) */
.poblando-logo-mapa { display: none; }
@media (min-width: 768px) {
	.poblando-logo-mapa {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0 0 16px;
	}
	.poblando-logo-mapa img {
		width: auto !important;
		height: 46px !important;
	}
	.poblando-logo-mapa .header-logo,
	.poblando-logo-mapa a {
		display: inline-flex;
		align-items: center;
	}
}
/* Grupos: la casa del logo con el número en la fachada */
/* Sin «position»: MapLibre ya la pone (absolute) para colocar la casa en su
   sitio; cambiarla manda las casas fuera de su lugar. */
.poblando-grupo {
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: none;
	color: #111;
	font: 800 13px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	cursor: pointer;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .35));
	transition: transform .12s ease;
}
.poblando-grupo__casa {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.poblando-grupo__numero {
	position: absolute;
	left: 19%;
	right: 19%;
	/* Centrado a ojo en la fachada: las cifras no tienen trazos por debajo,
	   así que el centro matemático las deja bajas. */
	top: 47%;
	bottom: 18%;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: -.02em;
}
.poblando-grupo--medio {
	width: 48px;
	height: 48px;
	font-size: 15px;
}
.poblando-grupo--grande {
	width: 58px;
	height: 58px;
	font-size: 16px;
}
.poblando-grupo:hover {
	transform: scale(1.08);
}

/* Tarjeta en la ventana del mapa (ordenador) y en la hoja inferior (móvil) */
.poblando-explorar-mapa .maplibregl-popup-content {
	padding: 0;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .22);
}
.poblando-explorar-mapa .maplibregl-popup-close-button {
	font-size: 20px;
	width: 30px;
	height: 30px;
	color: #fff;
	text-shadow: 0 0 4px rgba(0, 0, 0, .6);
	z-index: 4;
}
.poblando-ficha {
	width: 290px;
}
.poblando-ficha .hp-listing {
	margin: 0;
	box-shadow: none;
	border: 0;
}
.poblando-ficha__cargando {
	padding: 24px;
	font-size: 14px;
	color: #6b7362;
}
.poblando-ficha__aprox {
	padding: 0 14px 12px;
	font-size: 12px;
	color: #6b7362;
}

/* Fotos que se deslizan dentro de la tarjeta */
.poblando-ficha .hp-listing__image {
	position: relative;
	display: flex !important;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
	aspect-ratio: 4 / 3;
}
.poblando-ficha .hp-listing__image::-webkit-scrollbar {
	display: none;
}
.poblando-ficha .hp-listing__image > a,
.poblando-ficha .hp-listing__image > img {
	flex: 0 0 100%;
	scroll-snap-align: start;
	/* Un deslizamiento rápido pasa una foto, no varias. */
	scroll-snap-stop: always;
}
.poblando-ficha .hp-listing__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.poblando-ficha__fotos {
	position: relative;
}
/* Flechas finas como las de la web, también en el móvil: no tapan la foto. */
.poblando-ficha__flecha {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 26px;
	height: 44px;
	border-radius: 6px;
	border: 0;
	background: rgba(0, 0, 0, .38);
	box-shadow: none;
	cursor: pointer;
	font-size: 26px;
	line-height: 40px;
	padding: 0;
	color: #fff;
}
.poblando-ficha__flecha:hover {
	background: rgba(0, 0, 0, .55);
}
.poblando-ficha__flecha.is-oculta {
	display: none;
}
.poblando-ficha__flecha--ant { left: 8px; }
.poblando-ficha__flecha--sig { right: 8px; }
.poblando-ficha__cuenta {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 3;
	background: rgba(0, 0, 0, .55);
	color: #fff;
	font-size: 12px;
	border-radius: 999px;
	padding: 2px 8px;
	pointer-events: none;
}

.poblando-hoja {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	/* Encima del mapa a pantalla completa (99990) y debajo de las ventanas de
	   HivePress (mensaje, acceso, filtros: 99992), para que se vean. */
	z-index: 99991;
	overscroll-behavior: contain;
	background: #fff;
	border-radius: 16px 16px 0 0;
	box-shadow: 0 -4px 20px rgba(0, 0, 0, .2);
	padding-bottom: env(safe-area-inset-bottom, 0px);
	max-height: 80vh;
	overflow-y: auto;
}
.poblando-hoja[hidden] { display: none; }
.poblando-hoja__asa {
	width: 40px;
	height: 4px;
	border-radius: 2px;
	background: #d5cdb8;
	margin: 8px auto;
}
.poblando-hoja__cerrar {
	position: absolute;
	right: 6px;
	top: 2px;
	z-index: 5;
	border: 0;
	background: none;
	font-size: 28px;
	line-height: 1;
	color: #6b7362;
	cursor: pointer;
	padding: 6px 12px;
}
.poblando-hoja .poblando-ficha {
	width: auto;
}

@media (max-width: 767px) {
	.poblando-explorar-mapa {
		height: max(440px, calc(100vh - 110px));
		border-radius: 0;
		margin-left: -16px;
		margin-right: -16px;
	}
	.poblando-explorar-mapa__canarias {
		width: 130px;
		height: 80px;
	}
}

/* En la hoja del móvil, la foto no ocupa media pantalla */
.poblando-hoja .poblando-ficha .hp-listing__image {
	aspect-ratio: auto;
	height: 210px;
}

/* Tarjeta compacta en el mapa: foto más baja y sin la fecha ni la etiqueta de categoría */
.poblando-explorar-mapa .poblando-ficha .hp-listing__image {
	aspect-ratio: auto;
	height: 170px;
}
.poblando-ficha .hp-listing__created-date,
.poblando-ficha .hp-listing__categories {
	display: none !important;
}
.poblando-ficha .hp-listing__content {
	padding: 12px 14px 4px;
}
.poblando-ficha .hp-listing__title {
	font-size: 17px;
	line-height: 1.3;
	margin: 0 0 6px;
}
.poblando-ficha .hp-listing__footer {
	padding: 8px 14px;
}

/* Precio, habitaciones y baños en una sola línea, cada icono al lado de su número */
.poblando-ficha .hp-listing__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.poblando-ficha .hp-listing__attributes--primary {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 14px;
	margin: 0;
}
.poblando-ficha .hp-listing__attribute {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
	margin: 0;
	font-size: 16px;
}
.poblando-ficha .hp-listing__attribute--precio {
	font-weight: 700;
}
.poblando-ficha .hp-listing__attribute .hp-icon {
	order: 0;
}
.poblando-ficha .hp-listing__attribute--precio .hp-icon {
	order: 1;
}

/* Botón de pantalla completa */
.poblando-mapa-completo {
	width: 29px;
	height: 29px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: #fff;
	cursor: pointer;
	padding: 0;
}
.poblando-mapa-completo svg {
	width: 16px;
	height: 16px;
	fill: #2f3a26;
}
.poblando-explorar-mapa.is-completo {
	position: fixed;
	inset: 0;
	z-index: 99990;
	height: 100% !important;
	width: 100%;
	margin: 0;
	border-radius: 0;
}
body.poblando-mapa-abierto {
	overflow: hidden;
}

/* Títulos largos: como mucho tres líneas en la tarjeta del mapa */
.poblando-ficha .hp-listing__title {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* El botón «Lista | Mapa» va encima del mapa, arriba a la izquierda */
.poblando-explorar-mapa .poblando-vista {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 4;
	margin: 0;
}
.poblando-explorar-mapa .poblando-vista {
	box-shadow: 0 1px 5px rgba(0, 0, 0, .18);
}
/* «Volver a la península», abajo a la izquierda: en Canarias el recuadro de
   Canarias no se ve, así que ese hueco queda libre y no tapa nada. */
.poblando-explorar-mapa__volver {
	top: auto;
	bottom: 36px;
	left: 10px;
	transform: none;
	padding: 8px 14px;
	font-weight: 600;
}

/* Barra de arriba a la izquierda: «Lista | Mapa» y, en el móvil, «Filtros» */
.poblando-barra-mapa {
	position: absolute;
	left: 10px;
	top: 10px;
	right: 56px;
	z-index: 4;
	display: flex;
	align-items: center;
	gap: 8px;
	pointer-events: none;
}
.poblando-barra-mapa > * {
	pointer-events: auto;
}
.poblando-explorar-mapa .poblando-barra-mapa .poblando-vista {
	position: static;
}
.poblando-explorar-mapa .poblando-filtros-boton {
	/* relative, no static: el tema le pone una capa invisible (::before) que
	   ocupa su contenedor posicionado más cercano. Con static tapaba toda la
	   barra y pulsar «Lista» abría los filtros. */
	position: relative !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 9px 14px !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .18) !important;
	white-space: nowrap;
	transform: none !important;
	inset: auto !important;
}
.poblando-explorar-mapa .poblando-filtros-boton .hp-icon {
	margin-right: 6px;
}

/* X de la tarjeta del móvil: visible también encima de una foto */
.poblando-hoja__cerrar {
	right: 10px;
	top: 26px;
	width: 36px;
	height: 36px;
	padding: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
	font-size: 24px;
	line-height: 36px;
	color: #2f3a26;
}

/* Mapa | Satélite, abajo a la derecha (encima de los créditos) */
.poblando-capas {
	position: absolute;
	right: 10px;
	bottom: 36px;
	z-index: 4;
	display: inline-flex;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
	overflow: hidden;
}
.poblando-capas button {
	border: 0;
	background: #fff;
	padding: 7px 12px;
	font: 600 13px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	color: #2f3a26;
	cursor: pointer;
}
.poblando-capas button.is-active {
	background: #2f3a26;
	color: #fff;
}

/* ---------- Filtros con botones (poblando-explore-filters.js) ----------
   El campo de HivePress sigue ahí (es el que se envía), pero oculto: se elige
   con los botones. */
.poblando-campo-botones > select,
.poblando-campo-botones > .select2,
.poblando-campo-minimo > .hp-field--number-range {
	display: none !important;
}
.poblando-botones {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 4px;
}
.poblando-botones button {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 8px 4px;
	white-space: nowrap;
	border: 1px solid #cfd8c4;
	border-radius: 8px;
	background: #fff;
	color: #2f3a26;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	box-shadow: none;
	cursor: pointer;
	transition: background .15s, border-color .15s;
}
.poblando-botones button::before {
	display: none;
}
.poblando-botones button:hover {
	border-color: #74b843;
	background: #f4f9ef;
}
.poblando-botones button.is-activo,
.poblando-botones button.is-activo:hover {
	border-color: #74b843;
	background: #74b843;
	color: #fff;
}
.poblando-botones button:focus-visible {
	outline: 2px solid #2f3a26;
	outline-offset: 2px;
}
.poblando-filtro-aviso {
	margin: 6px 0 0;
	font-size: 12.5px;
	line-height: 1.35;
	color: #6b7466;
}
.poblando-filtro-oculto {
	display: none !important;
}
/* El snippet pone estos enlaces en bloque, a todo lo ancho: aquí, como una
   píldora del tamaño del texto. */
.hp-form .poblando-nav-categorias a {
	display: inline-flex !important;
	width: auto !important;
	align-items: center;
	margin-right: 6px;
	margin-bottom: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: #eef4e7;
	color: #2f3a26;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
}
.hp-form .poblando-nav-categorias a:hover {
	background: #dfecd2;
}

/* «Todas» es más largo que «1+»: algo más de sitio para que no se salga. */
.poblando-botones--minimo button:first-child {
	flex-grow: 1.6;
}

/* Sin resultados en la lista: aviso en el sitio del listado. */
.poblando-sin-resultados {
	margin: 8px 0 32px;
	padding: 20px 22px;
	border: 2px solid #ffc300;
	border-radius: 12px;
	background: #fffaf0;
	color: #2f3a26;
}
.poblando-sin-resultados p {
	margin: 0 0 12px;
}
.poblando-sin-resultados__titulo {
	font-size: 20px;
	font-weight: 700;
}
.poblando-sin-resultados__boton {
	display: inline-flex;
	padding: 9px 16px;
	border-radius: 8px;
	background: #74b843;
	color: #fff !important;
	font-weight: 600;
	text-decoration: none;
}
.poblando-sin-resultados__boton:hover {
	background: #5f9e30;
}

/* Tipo de inmueble (poblando-explore-filters.js): cuatro botones grandes y,
   debajo, los tipos del grupo elegido. La lista de HivePress sigue ahí,
   oculta: es la que se envía. */
.poblando-campo-categorias > .hp-field--radio,
.poblando-campo-categorias > .poblando-category-nav {
	display: none !important;
}
.poblando-categorias {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.poblando-categorias__grupos {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
}
.poblando-categorias__grupos button {
	position: relative;
	margin: 0;
	padding: 10px 6px;
	border: 1px solid #cfd8c4;
	border-radius: 8px;
	background: #fff;
	color: #2f3a26;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	box-shadow: none;
	cursor: pointer;
}
.poblando-categorias__grupos button::before {
	display: none;
}
.poblando-categorias__grupos button:hover {
	border-color: #74b843;
	background: #f4f9ef;
}
.poblando-categorias__grupos button.is-activo,
.poblando-categorias__grupos button.is-activo:hover {
	border-color: #74b843;
	background: #74b843;
	color: #fff;
}
.poblando-categorias__tipos {
	padding: 8px;
	border-radius: 10px;
	background: #f4f9ef;
}
.poblando-categorias__tipos button {
	flex: 1 1 auto;
	font-size: 13px;
}

/* Número de filtros puestos, en el botón que abre los filtros. */
.poblando-filtros-numero {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	margin-left: 8px;
	padding: 0 6px;
	border-radius: 999px;
	background: #ffc300;
	color: #1f2a16;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
}

/* Vista de mapa en ordenador: sin el pie de la web (como en la cabecera), así
   la página no se mueve y los filtros se desplazan solo dentro de su columna. */
@media (min-width: 768px) {
	body:has(.poblando-explorar-mapa) .site-footer {
		display: none;
	}
	body:has(.poblando-explorar-mapa) .hp-page__sidebar {
		overscroll-behavior: contain;
	}
}

/* Comunidad y provincia en el móvil: buscador a pantalla completa, con la
   lista justo debajo del cuadro de texto (el teclado no la tapa). */
.poblando-elegir {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 12px 16px 0;
}
.poblando-elegir-abierto,
.poblando-elegir-abierto body {
	overflow: hidden;
}
.poblando-elegir__cabecera {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.poblando-elegir__titulo {
	font-size: 13px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #6b7466;
}
.poblando-elegir__cerrar {
	position: relative;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 30px;
	line-height: 40px;
	color: #2f3a26;
}
.poblando-elegir__cerrar::before {
	display: none;
}
.poblando-elegir__buscar {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid #74b843 !important;
	border-radius: 8px !important;
	font-size: 16px;
}
.poblando-elegir__lista {
	flex: 1 1 auto;
	overflow-y: auto;
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
	overscroll-behavior: contain;
}
.poblando-elegir__lista li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.poblando-elegir__lista button {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 13px 6px;
	border: 0;
	border-bottom: 1px solid #eef1e8;
	background: none;
	text-align: left;
	font-family: inherit;
	font-size: 16px;
	color: #2f3a26;
}
.poblando-elegir__lista button::before {
	display: none;
}
.poblando-elegir__lista button.is-activo {
	color: #4e8a26;
	font-weight: 700;
}
.poblando-elegir__nada {
	padding: 14px 6px;
	color: #6b7466;
}

/* «Borrar filtros», debajo de «Filtrar anuncios». */
.poblando-borrar-filtros {
	display: block;
	margin-top: 12px;
	text-align: center;
	color: #2f3a26 !important;
	font-weight: 600;
	text-decoration: underline;
}