.footer-background {
    height: fit-content;
    background-image: linear-gradient(to right, #11305D, #008ACB);
    color: white;
}

.top-row {
    width: 100%;
    padding: 48px 0px;
    border-bottom: 1px solid rgb(224,224,224);
}

.info-row-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.principal-column-box {
    height: fit-content;
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.logos-row {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: row;
    justify-items: start;
    margin-bottom: 24px;
}

.logos-img {
    width: 200px;
    height: auto;
    margin-right: 24px;
}

.slogan-text {
    font-size: 18px;
    padding-bottom: 24px;
}

.social-media-icon {
    height: 30px;
    width: auto;
    margin-right: 12px;
}

.list-column-box {
    min-width: 10%;
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding-left: 24px;
}

.list-column-title {
    font-size: 18px;
    margin-bottom: 16px;
}

.list-column-item {
    font-size: 14px;
    display: flex;
    flex-direction: column;
}

.list-column-item-icon {
    width: 20px;
}

.bottom-row {
    width: 100%;
    padding: 12px 0px;
}

.credits-row{
    background: linear-gradient(to bottom, #001729ee, #11305D);
    color: white;
    padding: 1em !important;
    text-align: center !important;
}

.footer-brand-link {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.footer-brand {
    height: auto;
    margin: 0.5em !important;
    max-width: 200px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .footer-brand {
        max-width: 150px;
        margin: 0.3em !important;
    }
    
    /* Alinha os h4 do footer à esquerda em mobile */
    #footer-general-box .footer-item h4 {
        text-align: start !important;
    }
    
    #footer-col-left .footer-item h4,
    #footer-col-center .footer-item h4 {
        text-align: start !important;
    }
}

@media (max-width: 480px) {
    .footer-brand {
        max-width: 120px;
        margin: 0.2em !important;
    }
    
    /* Alinha os h4 do footer à esquerda em telas pequenas */
    #footer-general-box .footer-item h4 {
        text-align: start !important;
        font-size: 1.2rem;
    }
}