.contex-footer {
    background-color: #000000;
    background-image: url('../../assets/img/footer-bg.png');
    background-size: auto;
    background-position: center;
    background-repeat: repeat;
    color: var(--cor-rodape-texto);
    padding-top: var(--espaco-xl);
    padding-bottom: var(--espaco-xl);
}

.contex-footer__inner {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-lg);
}

.contex-footer__linha-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: var(--espaco-lg);
    border-bottom: 1px solid rgba( 204, 204, 204, 0.3 );
}

.contex-footer__logo img {
    max-height: 48px;
    width: auto;
    opacity: 0.85;
    transition: opacity 0.2s ease;
}

.contex-footer__logo img:hover {
    opacity: 1;
}

.contex-footer__badge img {
    max-height: 40px;
    width: auto;
    opacity: 0.85;
    transition: opacity 0.2s ease;
}

.contex-footer__badge img:hover {
    opacity: 1;
}

.contex-footer__nav {
    display: flex;
    gap: var(--espaco-md);
}

.contex-footer__nav a {
    font-family: var(--fonte-detalhe);
    font-size: var(--tamanho-detalhe);
    color: var(--cor-rodape-texto);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.contex-footer__nav a:hover {
    opacity: 0.7;
}

.contex-footer__linha-2 {
    display: grid;
    grid-template-columns: repeat( 3, 1fr );
    gap: var(--espaco-lg);
    padding-bottom: var(--espaco-lg);
    border-bottom: 1px solid rgba( 204, 204, 204, 0.3 );
}

.contex-footer__coluna {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-sm);
}

.contex-footer__coluna-titulo {
    font-family: var(--fonte-detalhe);
    font-size: var(--tamanho-detalhe);
    color: var(--cor-rodape-texto);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
    font-weight: 700;
    margin-bottom: var(--espaco-xs);
    transition: opacity 0.2s ease;
}

.contex-footer__coluna-titulo:hover {
    opacity: 0.7;
}

.contex-footer__coluna ul {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-xs);
    list-style: none;
    margin: 0;
    padding: 0;
}

.contex-footer__coluna ul li a {
    font-family: var(--fonte-detalhe);
    font-size: var(--tamanho-detalhe);
    color: var(--cor-rodape-texto);
    text-decoration: none;
    opacity: 0.75;
    transition: opacity 0.2s ease;
}

.contex-footer__coluna ul li a:hover {
    opacity: 1;
}

.contex-footer__linha-3 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.contex-footer__copyright {
    font-family: var(--fonte-detalhe);
    font-size: var(--tamanho-detalhe);
    color: var(--cor-rodape-texto);
    opacity: 0.75;
}

@media ( max-width: 480px ) {

    .contex-footer__linha-1 {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--espaco-md);
    }

    .contex-footer__linha-2 {
        grid-template-columns: 1fr;
    }

    .contex-footer__linha-3 {
        justify-content: center;
    }

}