.map-portlet .popover {max-width: 500px;}
.map-portlet .ol-attribution.ol-uncollapsible {
	bottom: initial;
    top: 0;
}

.map-portlet .ol-attribution.ol-uncollapsible li{
	position: inherit;
    margin: inherit;
    color: inherit;
}

.map-portlet .ol-attribution.ol-uncollapsible li:before {
    content: initial;
    position: initial;
    left: initial;
    top: initial;
    background: initial;
    width: initial;
    height: initial;
    border-radius: initial;
}

.sapomapas {
  position: relative;
  min-height: 470px;
  height: 33vh;
  background: #C0D1DF;
  background: url(../img/fake-mapa_ol.jpg) center no-repeat;
  box-shadow: inset 0px -2px 4px rgba(0, 0, 0, 0.2);
}

.map-portlet {
	
	.area {
		background: url(../img/fake-mapa_ol.jpg) center no-repeat;
		background-size: cover;
		
		&>div {
			height: max(470px,50vh);
		}
	}
	
	.input-group {
		background-color: #ffffff9c;
		
		&>.input-group-text,
		&>.btn {
			border-radius: 0;
		}
	}
	
	.btn{
		--bs-btn-border-radius: 0;
	}
	
	.btn-search {
		--bs-btn-color: var(--bs-white);
  		--bs-btn-bg: var(--blue-300);
		--bs-btn-hover-color: var(--bs-white);
  		--bs-btn-hover-bg: var(--blue-hover);
		
	}
	
	.results {
		background-color: var(--bs-white);
		overflow: auto;
		
		.map-results-header {
		  border-bottom: 2px solid var(--grey-200);
		}
		
		.centros li {
		  font-family: "Open Sans";
		  border-bottom: 2px solid var(--grey-100);
		  cursor: pointer;
		}
	}
}