/* ==========================================================================
   TERPONTE S.A. — responsive.css
   ========================================================================== */

/* ---------- Tablets grandes / laptops pequenos ---------- */
@media (max-width: 1080px) {
  .servicos-grelha { grid-template-columns: repeat(3, 1fr); }
  .numeros-grelha { grid-template-columns: repeat(2, 1fr); row-gap: 2.5rem; }
  .testemunhos-faixa { grid-template-columns: repeat(2, 1fr); }
  .parceiros-faixa { grid-template-columns: repeat(3, 1fr); }
  .diferenciais-grelha { grid-template-columns: 1fr; }
}

/* ---------- Tablets ---------- */
@media (max-width: 900px) {
  .navegacao ul { display: none; }
  .navegacao .btn { display: none; }
  .menu-mobile-botao { display: flex; }

  .navegacao-mobile {
    position: fixed;
    inset: 0;
    background: var(--azul-marinho-dark);
    z-index: 150;
    display: none;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem;
  }
  .navegacao-mobile.aberto { display: flex; }
  .navegacao-mobile ul { display: flex; flex-direction: column; gap: 1.6rem; }
  .navegacao-mobile a { color: var(--branco); font-family: var(--font-display); font-size: 1.6rem; font-weight: 500; }
  .navegacao-mobile .btn { margin-top: 2rem; align-self: flex-start; }

  .sobre-grelha { grid-template-columns: 1fr; }
  .sobre-imagem img { height: 380px; }
  .sobre-imagem-selo { left: 1rem; bottom: -1.4rem; padding: 1.2rem 1.4rem; }
  .mvv-grelha { grid-template-columns: 1fr; gap: 1.6rem; }

  .servicos-grelha { grid-template-columns: repeat(2, 1fr); }
  .projetos-grelha { grid-template-columns: 1fr; }
  .linha-tempo { grid-template-columns: repeat(2, 1fr); row-gap: 3rem; }
  .linha-tempo::before { display: none; }
  .testemunhos-faixa { grid-template-columns: 1fr; }
  .parceiros-faixa { grid-template-columns: repeat(2, 1fr); }

  .contacto-grelha { grid-template-columns: 1fr; }
  .form-linha { grid-template-columns: 1fr; }

  .rodape-grelha { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .valores-culturais { grid-template-columns: 1fr; }
}

/* ---------- Telemóveis ---------- */
@media (max-width: 560px) {
  .secao { padding: 3.4rem 0; }
  .hero-conteudo { padding-top: 4rem; }
  .hero-botoes { flex-direction: column; align-items: flex-start; }
  .hero-botoes .btn { width: 100%; justify-content: center; }

  .servicos-grelha { grid-template-columns: 1fr; }
  .numeros-grelha { grid-template-columns: 1fr; }
  .parceiros-faixa { grid-template-columns: repeat(2, 1fr); }
  .rodape-grelha { grid-template-columns: 1fr; gap: 2.2rem; }
  .rodape-base { flex-direction: column; align-items: flex-start; }

  .vaga-cartao { flex-direction: column; align-items: flex-start; }
  .vaga-cartao .btn { width: 100%; justify-content: center; }

  .whatsapp-flutuante { width: 50px; height: 50px; right: 1rem; bottom: 1rem; }
  .topo-botao { width: 40px; height: 40px; right: 1.1rem; bottom: 4.6rem; }

  .formulario { padding: 1.6rem; }
  .valores-culturais { grid-template-columns: 1fr; }
}