/* Ajustes da Perfectform por cima do Bootstrap (o bootstrap.css fica sem alterações, para poder ser atualizado). */

/* faixa vazia por baixo do carrossel (antes alterada dentro do bootstrap.css) */
.jumbotron {
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 8px;
    padding-bottom: 28px;
  }
}

/* Carrossel centrado e a toda a largura em qualquer ecrã.
   As imagens têm 1920 px: em ecrãs mais largos ficavam coladas à esquerda com uma faixa vazia à direita. */
.carousel {
  background-color: #000;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
}

/* ao saltar para o contacto, a barra fixa do topo não tapa o formulário */
#contact {
  scroll-margin-top: 100px;
}

/* campo-isco anti-spam: invisível para pessoas, preenchido por robôs */
.campo-extra {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ícones dos serviços: medida fixa de 140 x 140 px */
.marketing .img-circle {
  width: 140px;
  height: 140px;
  max-width: none;
  object-fit: cover;
}

/* seletor de idioma (PT | EN), visível também em ecrãs pequenos */
.idiomas {
  float: right;
  list-style: none;
  margin: 20px 0 0 12px;
  padding: 0;
  display: flex;
  gap: 4px;
}
.idiomas a {
  display: block;
  padding: 4px 8px;
  color: #777;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 3px;
}
.idiomas a:hover { color: #333; }
.idiomas .ativo a { background: #e7e7e7; color: #333; }

/* a barra do topo é fixa: o conteúdo começa por baixo dela (antes tapava o topo do carrossel) */
body {
  padding-top: 77px;
}
@media (max-width: 767px) {
  #nav .navbar-header {
    float: left;
  }
  #nav .navlogo {
    height: 56px;
  }
  .idiomas {
    margin-top: 14px;
  }
  body {
    padding-top: 57px;
  }
}