/* El Bodegón — Footer */
.ebf {
    flex-shrink: 0;
    background: var(--eb-ink, #1d1d1f);
    color: #c9c9c9;
    font-family: var(--eb-font-body, 'Inter', sans-serif);
    margin-top: 60px;
}
.ebf-main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 52px 24px 40px;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
    gap: 40px;
}
.ebf-logo-chip {
    display: inline-block;
    background: #fff;
    padding: 9px 14px;
    border-radius: 10px;
    margin-bottom: 16px;
}
.ebf-logo { height: 34px; width: auto; display: block; }
.ebf-tagline { font-size: 0.85rem; line-height: 1.6; color: #9a9a9a; margin: 0 0 18px; max-width: 240px; }
.ebf-social { display: flex; gap: 10px; }
.ebf-social a {
    width: 38px; height: 38px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    text-decoration: none;
    transition: background 0.2s, transform 0.2s;
}
.ebf-social a:hover { background: var(--eb-red, #db0b14); transform: translateY(-2px); }

.ebf-title {
    font-family: var(--eb-font-head, 'Montserrat', sans-serif);
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 18px;
    position: relative;
    padding-bottom: 10px;
}
.ebf-title::after {
    content: '';
    position: absolute;
    left: 0; bottom: 0;
    width: 32px; height: 2px;
    background: var(--eb-red, #db0b14);
}
.ebf-col a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #b6b6b6;
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 12px;
    transition: color 0.2s, padding-left 0.2s;
}
.ebf-col a i { color: var(--eb-red, #db0b14); width: 16px; }
.ebf-col a:hover { color: #fff; padding-left: 3px; }

.ebf-pay { display: flex; align-items: center; gap: 10px; margin-top: 18px; }
.ebf-pay img { height: 26px; width: auto; background: #fff; border-radius: 5px; padding: 3px 5px; }

.ebf-bar {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    max-width: 1200px;
    margin: 0 auto;
    padding: 18px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 0.78rem;
    color: #8a8a8a;
}
.ebf-secure { display: inline-flex; align-items: center; gap: 7px; }
.ebf-secure i { color: var(--eb-red, #db0b14); }

@media (max-width: 820px) {
    .ebf-main { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 520px) {
    .ebf-main { grid-template-columns: 1fr; }
    .ebf-bar { flex-direction: column; text-align: center; }
}