/* Minification failed. Returning unminified contents.
(4,22): run-time error CSS1039: Token not allowed after unary operator: '-color-footer-background'
(5,17): run-time error CSS1039: Token not allowed after unary operator: '-color-footer-text'
(10,17): run-time error CSS1039: Token not allowed after unary operator: '-color-footer-links'
(14,21): run-time error CSS1039: Token not allowed after unary operator: '-color-footer-contrast'
(18,26): run-time error CSS1039: Token not allowed after unary operator: '-color-footer-background'
(24,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color-header-primary'
(25,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color-header-secondary'
(52,29): run-time error CSS1039: Token not allowed after unary operator: '-color-footer-text'
(71,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color-header-secondary'
(76,21): run-time error CSS1039: Token not allowed after unary operator: '-color-footer-text'
 */

.component-container-footer {
    min-height: 60px;
    background: var(--color-footer-background);
    color: var(--color-footer-text);
    padding-top: 40px;
}

.component-container-footer a {
    color: var(--color-footer-links);
}

    .component-container-footer a:hover {
        color: var(--color-footer-contrast);
    }

    .component-container-footer .footer {
        background: var(--color-footer-background);
        padding: 20px 10px 0 10px;
    }

    .component-container-footer .line-bottom {
        height: 28px;
        background-color: var(--main-color-header-primary);
        color: var(--main-color-header-secondary);
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding: 5px 10px 0;
        font-size: 0.8rem;
    }
    
        .component-container-footer .footer .central {
            width: 100%;
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            justify-content: space-between;
        }

        .component-container-footer .footer .central .rodape-widget{
            display:flex;
            flex-direction: column;
            justify-items:flex-start;
        }

            .component-container-footer .footer .central .rodape-widget .empresa {
                max-width: 100%;
                padding-left: 20px;
                display: grid;
                color: var(--color-footer-text);
            }

                .component-container-footer .footer .central .rodape-widget .empresa .empresa-cep {
                    float: left;
                    text-transform: uppercase;
                }

            .component-container-footer .footer .central .rodape-widget .info-adicional {
                max-width: 80%;
                padding-left: 20px;
            }

            .component-container-footer .footer .central .rodape-widget .rodape-logotipo {
                margin-bottom: 20px;
                max-width: 250px;
            }

            .component-container-footer a {
                color: var(--main-color-header-secondary);
            }

    .component-container-footer p,
    .component-container-footer span {
        color: var(--color-footer-text);
    }
        
           .rodape-widget .rodape-logotipo a img {
                width: 100%;
            }

    .component-container-footer .info-adicional .footer_obs {
        font-family: Times New Roman;
        font-size: 12px;
        margin-top: 10px;
    }

    .component-container-footer .info-adicional .context-parceiros {
        margin-top: 40px
    }


@media (max-width: 700px) {
    .component-container-footer .info-adicional .context-parceiros img {
        max-width: 100%;
        margin-bottom: 20px;
    }


    .component-container-footer .line-bottom {
        min-height: 100px;
        display: flex;
        flex-direction:column;
        font-size: 0.8rem;
    }
}

.rodape-widget .img-right {
    max-width: 250px;
}

.rodape-widget .img-right a img {
    width: 100%;
}

@media (max-width: 768px) {
    .component-container-footer .footer .central {
        flex-wrap: wrap;
    }

        .rodape-widget .img-right,
        .component-container-footer .footer .central .rodape-widget .rodape-logotipo {
            max-width: 200px;
        }

        .component-container-footer .footer .central .rodape-widget .info-adicional,
        .component-container-footer .footer .central .rodape-widget .empresa {
            max-width: 100%;
        }
}