footer {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: var(--spacing-md);
    width: 100%;
    padding: var(--spacing-md) calc(var(--spacing-2xl) * 2);
    min-height: 134px;
    margin-top: auto;
    flex-shrink: 0;
}

footer {
    background: rgba(0, 0, 0, 0) !important;
}

p {
    font-size: var(--font-size-form);
    font-weight: normal;
}

.footer-container {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
    align-items: start;
    padding: 0 var(--spacing-xl);
}

.footer-section {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.footer-section p {
    font-size: var(--font-size-md);
    font-weight: normal;
    color: var(--color-gray-900);
    margin-right: var(--spacing-xl);
}

.footer-section .logos {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xl);
    flex-wrap: wrap;
    flex-grow: 1;
}

.footer-section img[alt="UFG"] {
    width: 62.67px;
    height: 32px;
}

.footer-section img[alt="UFPR"] {
    width: 48.67px;
    height: 32px;
}

.footer-section img[alt="Laboratório de Dados Educacionais"] {
    width: 88px;
    height: 24px;
}

.footer-section img[alt="Fábrica de Software"] {
    width: 91.81px;
    height: 32px;
}

.footer-section img[alt="Secretaria de Educação e Prefeitura de Vitória"] {
    width: 145.93px;
    height: 40px;
}

.logos img {
    max-width: 100%;
    object-fit: scale-down;
    display: block;
    margin: 0 auto;
}

#sobre {
    grid-column: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    align-items: flex-start;
}

#sobre a {

    text-decoration: none;
    font-size: var(--font-size-sm);
    color: var(--color-gray-600);
}


#desenvolvimento {
    grid-column: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-xl);
}

#financiamento {
    grid-column: 3;
    justify-self: end;
}



#footer-copyright {
    font-size: var(--font-size-xs);
    color: var(--color-gray-900);
}

@media (max-width: 1280px) {
    .footer-container {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: var(--spacing-xl);
    }

    #sobre {
        grid-column: 1;
        grid-row: 1;
        flex-direction: row;
        justify-content: center;
        gap: var(--spacing-md);
        width: 100%;
    }

    #desenvolvimento {
        grid-column: 1;
        grid-row: 2;
        flex-direction: column;
        width: 100%;
    }

    #financiamento {
        grid-column: 1;
        grid-row: 3;
        justify-self: center;
        width: 100%;
    }

    .footer-container>div {
        flex-direction: column;
        gap: var(--spacing-sm);
        align-items: center;
    }
}