/* Estilos para melhorar a navegação para títulos de seção */

/* Adiciona padding-top aos títulos das seções para que fiquem visíveis quando navegados */
 
#sobre h2
{
    padding-top: 0px;
    margin-top: -85px;
    
    position: relative; /* Garante que o elemento seja um alvo válido para navegação */
    z-index: 1; /* Garante que o elemento fique acima de outros elementos */
}
#clientes-secao h2
{
    padding-top: 120px;
    margin-top: -85px;
    
    position: relative; /* Garante que o elemento seja um alvo válido para navegação */
    z-index: 1; /* Garante que o elemento fique acima de outros elementos */
}
#servicos h2
 {
    padding-top: 30px;
    margin-top: -75px;
    
    position: relative; /* Garante que o elemento seja um alvo válido para navegação */
    z-index: 1; /* Garante que o elemento fique acima de outros elementos */
}
.info-contacto h2 {
    padding-top: 200px;
    margin-top: -150px;
    
    position: relative; /* Garante que o elemento seja um alvo válido para navegação */
    z-index: 1; /* Garante que o elemento fique acima de outros elementos */
}

/* Ajuste específico para a seção de serviços */
#servicos {
    scroll-margin-top: 80px; /* Ajuste adicional para a seção de serviços */
}

/* Ajuste para dispositivos móveis */
@media screen and (max-width: 768px) {
    #servicos h2, 
    #sobre h2,
    .info-contacto h2 {
        padding-top: 50px;
        margin-top: -80px;
    }
     
    #sobre h2
     {
        padding-top: 0px;
        margin-top: -80px;
    }

    #clientes-secao h2
    
    {
        padding-top: 80px;
        margin-top: -80px;
    }
    #servicos h2
    {
        padding-top: 90px;
        margin-top: -80px;
    }
    #servicos {
        scroll-margin-top: 100px;
        
    }
}