.contactos {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Certifica-se de que os blocos estejam alinhados verticalmente */
  }
  
  .contactos-title {
    color: #e5012c;
  
  }
  .contactos-moradas, .contactos-vazio {
    flex: 1; /* Cada bloco ocupa a mesma quantidade de espaço */
  }
  
  
  
  .contactos-moradas {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  
  
  
  
  
  .contactos-title {
    color: #e5012c;
  
  }
  @media (max-width: 768px) {
    .contactos {
        flex-direction: column; /* Empilha os elementos */
        gap: 30px; /* Mais espaço entre os blocos */
    }

    .contactos-moradas {
        width: 100%; /* Ocupa toda a largura no mobile */
        padding: 20px; /* Mais espaço ao redor do texto */
    }

    .contactos-vazio {
        display: none; /* Remove os blocos vazios no mobile */
    }
}