.consola-footer {
    background: var(--color-bg-interactive, #A83125);
    color: var(--color-txt-negative, #FFF);
}

/* ── Logos bar ───────────────────────────────── */

.consola-footer__logos-bar {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 1.25rem 2rem;
    padding-top: var(--space-padding-900-72, 72px);
}
.consola-footer .footer-nav__logo {
    filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(15%) hue-rotate(6deg) brightness(102%) contrast(107%);
}
.consola-footer__institutional-logo {
    display: inline-flex;
    align-items: center;
}

.consola-footer__institutional-logo img {
    height: 2.5rem;
    width: auto;
    display: block;
}

/* ── Main section ────────────────────────────── */

.consola-footer__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    max-width: 1248px;
    margin: 0 auto;
    padding-bottom: 35px;
    padding-top: var(--space-padding-500-40, 40px);
    border-bottom: 1px solid var(--color-border-negative, #FFF);
}

/* ── Brand + contact ─────────────────────────── */

.consola-footer__brand {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.consola-footer__site-logo {
    height: 3.5rem;
    width: auto;
    flex-shrink: 0;
}

.consola-footer__contact {
    display: flex;
    flex-direction: column;
    gap: 18px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.consola-footer__address {
    font-style: normal;
    color: var(--color-txt-negative, #FFF);
    font-family: var(--body-300-font-family-300, "Open Sans");
    font-size: var(--body-300-font-size-300, 16px);
    font-weight: 400;
    line-height: var(--body-300-line-height-300, 24px);
}

.consola-footer__phone,
.consola-footer__email {
    color: var(--color-txt-negative, #FFF);
    text-decoration: none;
    font-family: var(--body-300-font-family-300, "Open Sans");
    font-size: var(--body-300-font-size-300, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--body-300-line-height-300, 24px);
}

.consola-footer__phone:hover,
.consola-footer__email:hover {
    text-decoration: underline;
}

/* ── Legal bar ───────────────────────────────── */

.consola-footer__legal-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 31px;
    padding-block: 24px;
    color: var(--color-txt-negative, #FFF);
    text-align: center;
    font-family: var(--body-200-font-family-200, "Open Sans");
    font-size: var(--body-200-font-size-200, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--body-200-line-height-200, 16px);
    max-width: 1248px;
    margin: 0 auto;
}

.consola-footer__legal-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.consola-footer__legal-link {
    color: var(--color-txt-negative, #FFF);
    text-decoration: none;
    font-family: var(--body-200-font-family-200, "Open Sans");
    font-size: var(--body-200-font-size-200, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--body-200-line-height-200, 16px);
}

.consola-footer__legal-link:hover {
    text-decoration: underline;
}

/* ── Responsive ──────────────────────────────── */

@media (max-width: 1024px) {

    .consola-footer__main,
    .consola-footer__legal-bar {
        padding-inline: 2rem;
    }
}

@media (max-width: 768px) {
    .consola-footer__main {
        flex-direction: column;
        padding-inline: 1.5rem;

        justify-content: center;
        align-items: center;
        display: flex;

    }

    .consola-footer__brand {
        flex-direction: column;
        align-items: flex-start;
    }

    .consola-footer__social {
        flex-wrap: wrap;
    }

    .consola-footer__legal-bar {
        flex-direction: column;
        align-items: flex-start;
        padding-inline: 1.5rem;
        gap: 1rem;
    }

    .consola-footer__legal-nav {
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .consola-footer__logos-bar {
        gap: 1rem;
        padding: 1rem;
    }

    .consola-footer__contact {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

/* ── Social icons ────────────────────────────── */

.consola-footer__social {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.consola-footer__social-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--color-bg-surface, #FFF);
    color: var(--color-txt-negative, #FFF);
    text-decoration: none;
    transition: background 0.2s ease;
}

.consola-footer__social-item:hover {
    background: rgba(255, 255, 255, 0.3);
}

.consola-footer__social-item svg {
    width: 1.125rem;
    height: 1.125rem;
    fill: black;
    display: block;
}