/**
 * Informado V45 — approved brand + contact footer.
 */

/* Brand asset with “Vamos al punto”. */
.site-header__masthead,
.home .site-header__masthead {
    min-height: 5.6rem;
}

.informado-brand,
.home .informado-brand {
    width: min(13.5rem, 40vw);
}

.informado-brand img,
.site-drawer__brand img,
.informado-footer-horizontal__logo-image {
    object-fit: contain;
}

.site-drawer__brand {
    width: min(12rem, 56vw);
}

/* Footer: brand + direct contact. No newsletter form. */
.informado-footer-horizontal__shell {
    width: min(1240px, calc(100% - 64px));
    grid-template-columns: minmax(15rem, .82fr) minmax(0, 1.18fr);
    gap: clamp(3rem, 7vw, 7rem);
    align-items: center;
    padding: clamp(2.75rem, 5vw, 4.5rem) 0;
}

.informado-footer-horizontal__brand {
    min-width: 0;
}

.informado-footer-horizontal__logo {
    width: min(18rem, 100%);
}

.informado-footer-horizontal__contact {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(12rem, .75fr) minmax(15rem, 1.25fr);
    gap: clamp(2rem, 4vw, 4rem);
    align-items: end;
    padding-left: clamp(2rem, 4vw, 4rem);
    border-left: 1px solid rgb(255 255 255 / 14%);
}

.informado-footer-horizontal__contact-copy h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.45rem, 1.8vw, 1.9rem);
    font-weight: 850;
    letter-spacing: -.035em;
    line-height: 1;
}

.informado-footer-horizontal__contact-copy p {
    max-width: 34ch;
    margin: .72rem 0 0;
    color: rgb(255 255 255 / 58%);
    font-size: .78rem;
    line-height: 1.55;
}

.informado-footer-horizontal__contact-links {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: stretch;
}

.informado-footer-horizontal__contact-link,
.informado-footer-horizontal__social-link {
    min-height: 3.5rem;
    border: 1px solid rgb(255 255 255 / 17%);
    border-radius: .35rem;
    color: #fff;
    text-decoration: none;
    transition: border-color 180ms ease, background 180ms ease;
}

.informado-footer-horizontal__contact-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .12rem;
    padding: .65rem .9rem;
}

.informado-footer-horizontal__contact-label {
    color: rgb(255 255 255 / 48%);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.informado-footer-horizontal__contact-link strong {
    color: #fff;
    font-size: .88rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.informado-footer-horizontal__social-link {
    min-width: 8.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: 0 .95rem;
    font-size: .78rem;
    font-weight: 800;
}

.informado-footer-horizontal__social-link svg {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
}

.informado-footer-horizontal__contact-link:hover,
.informado-footer-horizontal__contact-link:focus-visible,
.informado-footer-horizontal__social-link:hover,
.informado-footer-horizontal__social-link:focus-visible {
    border-color: var(--informado-color-red);
    background: rgb(255 255 255 / 6%);
    color: #fff;
}

@media (max-width: 63.99rem) {
    .site-header__masthead,
    .home .site-header__masthead {
        min-height: 5.1rem;
    }

    .informado-brand,
    .home .informado-brand {
        width: min(12rem, 44vw);
    }

    .informado-footer-horizontal__shell {
        width: min(920px, calc(100% - 48px));
        grid-template-columns: minmax(13rem, .7fr) minmax(0, 1.3fr);
        gap: 2.75rem;
    }

    .informado-footer-horizontal__contact {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.35rem;
        padding-left: 2rem;
    }
}

@media (max-width: 47.99rem) {
    .site-header__masthead,
    .home .site-header__masthead {
        min-height: 4.6rem;
    }

    .informado-brand,
    .home .informado-brand {
        width: min(10.5rem, 51vw);
    }

    .informado-footer-horizontal__shell {
        width: min(100% - 2rem, 38rem);
        grid-template-columns: minmax(0, 1fr);
        gap: 1.65rem;
        padding: 2.25rem 0 2rem;
    }

    .informado-footer-horizontal__brand {
        padding-bottom: 1.4rem;
        border-bottom: 1px solid rgb(255 255 255 / 13%);
    }

    .informado-footer-horizontal__logo {
        width: min(15rem, 76vw);
    }

    .informado-footer-horizontal__contact {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.2rem;
        padding: 0;
        border-left: 0;
    }

    .informado-footer-horizontal__contact-copy h2,
    .informado-footer-horizontal__contact-copy p {
        max-width: none;
    }

    .informado-footer-horizontal__contact-links {
        grid-template-columns: minmax(0, 1fr);
    }

    .informado-footer-horizontal__contact-link,
    .informado-footer-horizontal__social-link {
        min-height: 3.25rem;
        width: 100%;
    }

    .informado-footer-horizontal__bottom-inner {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .informado-footer-horizontal__contact-link,
    .informado-footer-horizontal__social-link {
        transition: none;
    }
}