/* -------------------------------------------------------------------------
   footer.css — rodapé institucional e barra do ecossistema BeFly.
   ------------------------------------------------------------------------- */

.site-footer {
    background: var(--roxo-escuro);
    color: #fff;
    padding-top: 52px;
}

/* No layout as duas colunas de links ficam encostadas à direita:
   a primeira começa em 1190 e a segunda em 1401 (container 390..1530). */
.site-footer-top {
    display: grid;
    grid-template-columns: 1fr 160px 130px;
    column-gap: 51px;
    padding-bottom: 40px;
}

.site-footer-logo {
    height: 44px;
    width: auto;
    display: block;
    margin-bottom: 26px;
}

.site-footer-social-label {
    font-size: .82rem;
    margin-bottom: 14px;
    color: rgba(255, 255, 255, .9);
}

.site-footer-social {
    display: flex;
    gap: 10px;
}

/* Os SVGs já vêm com o círculo de fundo e o ícone branco. */
.site-footer-social a {
    display: block;
    border-radius: 50%;
    transition: opacity .2s ease;
}

.site-footer-social img { display: block; width: 32px; height: 32px; }

.site-footer-social a:hover { opacity: .8; }



.site-footer-col-titulo {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .82rem;
    font-weight: 600;
    color: var(--laranja);
    margin-bottom: 14px;
}

.site-footer-col-titulo::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--laranja);
}

.site-footer-links {
    display: grid;
    gap: 10px;
}

.site-footer-links a {
    font-size: .84rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, .92);
    text-decoration: none;
}

.site-footer-links a:hover {
    color: var(--laranja);
    text-decoration: underline;
}

.site-footer-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    padding: 22px 0 28px;
    border-top: 1px solid rgba(255, 255, 255, .18);
    font-size: .74rem;
    color: rgba(255, 255, 255, .82);
}

.site-footer-ecossistema {
    background: var(--azul-marinho);
    padding: 16px 0;
}

.site-footer-ecossistema-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.site-footer-ecossistema span {
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .85);
}

.site-footer-ecossistema img { height: 20px; width: auto; display: block; }

@media (max-width: 900px) {
    .site-footer-top { grid-template-columns: 1fr 1fr; }
    .site-footer-brand { grid-column: 1 / -1; text-align: center; }
    .site-footer-logo { margin-inline: auto; }
    .site-footer-social { justify-content: center; }
}

@media (max-width: 560px) {
    .site-footer-legal { justify-content: center; text-align: center; }
    .site-footer-ecossistema-inner { flex-direction: column; gap: 8px; }
}