#page-footer {
    padding: 20px;
    text-align: center;
    background-color: #CECECE;
}

#page-footer a {
    text-decoration: none;
    color: #727272 !important;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 5px;
    width: max-content;
}

#link-perfil,
#link-sair {
    color: #727272 !important;
    transition: .25s;
}

#link-perfil:hover {
    color: #162c6a !important;
}

#link-sair:hover {
    color: red !important;
}

#link-documentacao-moodle {
    margin: 0 auto;
}

.top-footer {
    margin-top: 16.5em;
}

.container-fluid {
    max-width: 1680px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}

ul {
    list-style-type: none;
}

.logininfo {
    display: flex;
    gap: 5px;
    justify-content:center;
}

#logo-facam-reduzido {
    width: 30px;    
}

html {
  font-size: clamp(14px, 2vw, 20px);
}

ul.contacts li p {
    display: flex;
    gap: 10px;
    align-items: center;
}

.top-footer {
    /* background-image: url("view/img/footerimg.png"); */
    /* background: black;
    -webkit-mask: url("/vest_acesso2324/view/img/footerimg.png") no-repeat center;
    mask: url("/vest_acesso2324/view/img/footerimg.png") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    display: block; */
}

.top-footer {
    position: relative;
}

/* .top-footer::before {
    content: "";
    position: absolute;
    inset: 0;

    background: black;

    -webkit-mask: url("/vest_acesso2324/view/img/footerimg.png") no-repeat center;
    mask: url("/vest_acesso2324/view/img/footerimg.png") no-repeat center;

    -webkit-mask-size: contain;
    mask-size: contain;

    z-index: 0;
} */

.top-footer::before {
    content: "";
    position: absolute;
    inset: 0;

    background: #e3e3e3;

    -webkit-mask: url("/vest_acesso2324/view/img/footerimg.png") no-repeat center;
    mask: url("/vest_acesso2324/view/img/footerimg.png") no-repeat center;

    -webkit-mask-size: cover;
    mask-size: cover;
}

.top-footer > * {
    position: relative;
    z-index: 1;
}

.top-footer {
    padding: 16.5rem 0 45px 0;
    margin: 0 !important;
    margin-top: 100px !important;
}

.top-footer p {
    font-size: clamp(16px, 1.2vh, 18px);    
}

.top-footer p.copy {
    margin-bottom: 0;
}

.top-footer h6 {
    color: black;
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: clamp(22px, 1.2vh, 26px);
    font-weight: normal;
    text-transform: uppercase;
}

@media (max-width: 1400px) {
    /* .logininfo {
        font-size: clamp(14px, 1.2vh, 16px);
    } */
}

@media (max-width: 768px) {
    .top-footer .container-fluid {
        padding: 0 50px !important;
    }
}

@media (max-width: 600px) {
    .top-footer.row-fluid {
        text-align: center;
    }

    ul.contacts li p {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 500px) {
    #page-footer {
        padding: 20px 5px;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    #page-footer a{
        width: auto;
    }
}

@media (max-width: 320px) {
    .top-footer {
        margin-top: 7.5em !important;
    }
}

@media (max-width: 300px) {
    .logininfo {
        flex-direction: column;
        align-items: center;
    }
}