.texto a:hover {
    text-decoration: underline;
}

.nav-com-menu {
    ul {
        display: inline-block;
        margin: 1rem 0 0 0;
    }
    li {
        display: inline-block;
        margin-right: 1rem;
    }
    a {
        font-size: 0.8rem;
        color: #404040;
    }
}

@media (min-width: 769px) {
.nav-com-menu {
        a::after {
            position:relative;
            bottom:0;
            height: 1px;
            width:0%;
            background-color: #404040;
            display: block;
            content:'';
        }
        a:hover:after{
            left:0;
            width:100%;
        }
    }
}

@media (max-width: 768px) {
.nav-com-menu a {
        padding-right: 2px;
        border-bottom: 1px solid transparent;
        border-right: 1px solid transparent;
    }

    .nav-com-menu a:active{
        border-color: #404040;
    }
}