/* style.css */
:root{
  --bg-azul: #13293D;
}

/* Ocupa 100% da altura e mantém boa legibilidade */
html, body { height: 100%; }

.bg-dark-azul { background-color: var(--bg-azul); }

/* Logo responsivo: limita por viewport e por px */
.logo{
  width: clamp(180px, 60vw, 420px);
  max-width: 100%;
  height: auto;
  margin-bottom: 16px;
}

/* Título com tamanho fluido (aumenta suavemente em telas maiores) */
.titulo{
  font-weight: 600;
  line-height: 1.15;
  font-size: clamp(1.5rem, 2.5vw + 1rem, 2.5rem);
}

/* Links com bom contraste e área de toque maior */
.link-contato{
  color: #fff;
  text-decoration: none;
  padding: .25rem .4rem;
  border-radius: .5rem;
}
.link-contato:hover,
.link-contato:focus{
  text-decoration: underline;
}

/* Ajustes finos de tipografia em telas bem pequenas */
@media (max-width: 360px){
  .contact{ font-size: 1rem; }
}

/* Em telas médias+, pode aumentar um pouco a tipografia */
@media (min-width: 768px){
  .contact{ font-size: 1.25rem; }
}