.area {
  height: max(470px, 50vh);

  .ol-attribution.ol-uncollapsible {
    bottom: initial;
    top: 0;
  }

  .ol-popup {
    background: var(--bs-white);
  }
  
  .fotocentro {
  	  --bs-card-border-radius: 0;
  	  max-width: 477px;
  	  
	  img {
	  	object-fit: contain;
	  	height: auto;
	  }
	}
}

.news-list {
  max-height: 30vh;
  max-width: 100%;
  overflow: auto;
}

.servbottom {
  --margin-over-map: 15rem;	
	
  margin-top: calc(var(--margin-over-map) * -1);

  .news-list .nav-link.active {
    --bs-nav-tabs-link-active-bg:transparent;
    font-weight: 600;
  }

  .fakepages .active {
    cursor: default;
    color: var(--grey-500);
    text-decoration: none;
  }
}

.conteudo .servicos a {
  text-decoration: none;
}
.conteudo .servicos a:hover, .conteudo .servicos a:focus {
  text-decoration: underline;
  color: var(--blue-hover);
}
.conteudo .servicos h2 {
  color: var(--grey-500);
  text-transform: uppercase;
  font-size: 1rem;
  margin: 1em 0;
}
.conteudo .servicos h2 a {
  color: var(--grey-500);
}
.conteudo .servicos h2 ~ h2 {
  border-top: 1px solid var(--grey-200);
  padding-top: 1em;
}

.moradas .h4 {
	color: var(--grey-500);
	font-weight: 700;
	font-size: 1.1rem;
}

.service-link {
	a {
		font-weight: 300;
		.bi {
			margin-right: .5rem;
			transition: margin .3s;
		}
	}
	
	a:hover .bi{
		margin-right: 1em;
	}
}