/* ================================================================
   BCBA NUEVO — Header 2026
   Solo estilos del ticker y nav. No toca nada del contenido.
   ================================================================ */

/* ── Inter — local (Google Fonts bloqueado en local) ─────── */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('fonts/inter-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                   U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                   U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('fonts/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                   U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                   U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --bh-navy:       #00264d;
    --bh-navy-light: #003d7a;
    --bh-navy-dark:  #001628;
    --bh-gold:       #ee8d00;
    --bh-gold-light: #e4c97a;
    --bh-white:      #ffffff;
    --bh-bg:         #f8f9fa;
    --bh-text:       rgb(20,26,31);
    --bh-text-muted: rgba(20,26,31,0.7);
    --bh-muted:      #6c757d;
    --bh-sans:       'Inter', 'Open Sans', sans-serif;
    --bh-serif:      'Playfair Display', Georgia, serif;
    --bh-radius:     9999px;
    --bh-shadow:     0 2px 12px rgba(0,38,77,.12);
    --bh-h:          81px;
    --bh-ticker-h:   38px;
}

/* ── Ticker ─────────────────────────────────────────────── */
.bcba-ticker {
    background: var(--bh-navy);   /* #00264d — igual que Lovable bg-primary */
    height: var(--bh-ticker-h);
    overflow: hidden;
    display: flex;
    align-items: center;
}
.bcba-ticker__track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    animation: bh-ticker 60s linear infinite;
    will-change: transform;
}
.bcba-ticker:hover .bcba-ticker__track { animation-play-state: paused; }
@keyframes bh-ticker {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.bcba-ticker__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;          /* gap-2 */
    padding: 0 16px;   /* px-4 */
    font-family: var(--bh-sans);
    font-size: 14px;   /* text-sm */
    font-variant-numeric: tabular-nums;
}
.bcba-ticker__symbol {
    color: rgba(255,255,255,0.9);  /* text-primary-foreground/90 */
    font-weight: 600;              /* font-semibold */
}
.bcba-ticker__price {
    color: rgba(255,255,255,1.0);  /* text-primary-foreground */
}
.bcba-ticker__change {
    display: inline-flex;
    align-items: center;
    gap: 2px;          /* gap-0.5 */
    font-weight: 500;
}
.bcba-ticker__change svg { width: 12px; height: 12px; flex-shrink: 0; }
.bcba-ticker__change.up   { color: #6ee7b7; }   /* emerald-300 */
.bcba-ticker__change.down { color: #fca5a5; }   /* red-300 */

/* ── Header ─────────────────────────────────────────────── */
.bcba-header {
    background: rgba(255,255,255,0.8);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-bottom: 1px solid rgba(0,38,77,.08);
    position: sticky;
    top: 0;
    z-index: 1050;
    transition: box-shadow .2s ease;
}
.bcba-header.scrolled { box-shadow: var(--bh-shadow); }

/* ── 3 columnas: logo | menú | acciones. La columna FLEXIBLE (1fr) es
   la del MEDIO (menú) — así no compiten dos columnas "1fr" entre sí
   (eso rompía el reparto: si el logo no entraba en su "parte", el grid
   la congelaba en su ancho mínimo y todo el resto se lo comía la lupa).
   Con max-content en los costados y 1fr solo en el medio + justify-self:
   center, el menú SIEMPRE queda centrado en el espacio sobrante, con el
   mismo margen a cada lado, sin importar cuánto midan el logo o la lupa. ── */
.bcba-header__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
    height: var(--bh-h);
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    align-items: center;
    column-gap: 8px;
}
.bcba-header__logo { grid-column: 1; justify-self: start; flex-shrink: 0; line-height: 0; }
.bcba-header__logo img { height: 48px; width: auto; display: block; }

.bcba-nav {
    grid-column: 2;
    justify-self: center;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.bcba-nav__item { position: relative; }

/* Todos los links del nav — mismo estilo base */
.bcba-nav__link,
.bcba-nav__toggle,
.bcba-nav__socios {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    font-family: var(--bh-sans);
    font-size: 14px;
    font-weight: 500;
    color: var(--bh-text-muted);
    text-decoration: none !important;
    border-radius: 9999px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background .15s, color .15s;
    white-space: nowrap;
    line-height: 1;
    margin: 0;
}
.bcba-nav__link:hover,
.bcba-nav__toggle:hover,
.bcba-nav__socios:hover {
    background: rgba(20,26,31,.06);
    color: var(--bh-text);
    text-decoration: none;
}

/* Item activo — relleno navy igual que Lovable */
.bcba-nav__link.active,
.bcba-nav__toggle.active {
    background: var(--bh-navy);
    color: var(--bh-white) !important;
}
.bcba-nav__link.active:hover,
.bcba-nav__toggle.active:hover {
    background: var(--bh-navy-light);
    color: var(--bh-white);
}
.bcba-nav__item.open .bcba-nav__toggle.active {
    background: var(--bh-navy-light);
    color: var(--bh-white);
}

/* Socios — mismo look que el resto (no pill especial) */
.bcba-nav__socios {
    color: var(--bh-text-muted);
}
.bcba-nav__socios svg { width: 15px; height: 15px; flex-shrink: 0; }

.bcba-nav__chevron {
    width: 14px;
    height: 14px;
    transition: transform .2s;
    flex-shrink: 0;
}
.bcba-nav__item.open .bcba-nav__toggle {
    background: rgba(20,26,31,.06);
    color: var(--bh-text);
}
.bcba-nav__item.open .bcba-nav__chevron { transform: rotate(180deg); }

/* ── Dropdown ────────────────────────────────────────────── */
.bcba-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 220px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,38,77,.14);
    border: 1px solid rgba(0,38,77,.06);
    padding: 6px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .18s, transform .18s, visibility 0s .18s;
    z-index: 1060;
}
.bcba-nav__item.open .bcba-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity .18s, transform .18s, visibility 0s;
}
.bcba-dropdown__link {
    display: block;
    padding: 10px 14px;
    font-family: var(--bh-sans);
    font-size: 14px;
    font-weight: 400;
    color: var(--bh-text);
    text-decoration: none;
    border-radius: 8px;
    transition: background .12s;
}
.bcba-dropdown__link:hover {
    background: rgba(20,26,31,.05);
    color: var(--bh-text);
    text-decoration: none;
}

/* ── Acciones (búsqueda + hamburger) ─────────────────────── */
.bcba-header__actions {
    grid-column: 3;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}
.bcba-header__search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    color: var(--bh-text-muted);
    transition: background .15s;
    padding: 0;
}
.bcba-header__search-btn svg { width: 20px; height: 20px; }
.bcba-header__search-btn:hover { background: rgba(13,34,64,.06); }

/* Hamburger */
.bcba-hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    transition: background .15s;
}
.bcba-hamburger span {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--bh-navy);
    border-radius: 2px;
    transition: transform .2s, opacity .2s;
    pointer-events: none;
}
.bcba-hamburger:hover { background: rgba(13,34,64,.06); }
.bcba-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.bcba-hamburger.open span:nth-child(2) { opacity: 0; }
.bcba-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ── Barra de búsqueda vieja — deshabilitada ─────────────── */
.bcba-search { display: none !important; }

/* ── Overlay del drawer ──────────────────────────────────── */
.bcba-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 9998;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}
.bcba-drawer-overlay.open {
    opacity: 1;
    pointer-events: all;
}
body.bcba-drawer-open { overflow: hidden; }

/* ── Drawer móvil ────────────────────────────────────────── */
.bcba-mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    max-width: 85vw;
    height: 100vh;
    background: var(--bh-navy);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform .32s cubic-bezier(.4,0,.2,1);
    overflow-y: auto;
    overscroll-behavior: contain;
}
.bcba-mobile-nav.open { transform: translateX(0); }

/* Cabecera del drawer */
.bcba-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    flex-shrink: 0;
}
.bcba-drawer-logo { line-height: 0; }
.bcba-drawer-logo img { height: 30px; width: auto; display: block; }
.bcba-drawer-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: rgba(255,255,255,.1);
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    padding: 0;
    transition: background .15s;
    flex-shrink: 0;
}
.bcba-drawer-close svg { width: 18px; height: 18px; }
.bcba-drawer-close:hover { background: rgba(255,255,255,.2); }

/* Links del drawer */
.bcba-mobile-nav > a,
.bcba-mobile-toggler {
    display: flex;
    align-items: center;
    padding: 15px 24px;
    font-family: var(--bh-sans);
    font-size: .95rem;
    font-weight: 500;
    color: rgba(255,255,255,.85);
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    border-left: none;
    border-right: none;
    border-top: none;
    background: transparent;
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: background .15s, color .15s;
}
.bcba-mobile-nav > a:hover,
.bcba-mobile-toggler:hover {
    background: rgba(255,255,255,.08);
    color: #fff;
    text-decoration: none;
}
.bcba-mobile-nav__sub {
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s;
    background: rgba(0,0,0,.2);
}
.bcba-mobile-nav__sub.open { max-height: 300px; }
.bcba-mobile-nav__sub a {
    display: block;
    padding: 12px 24px 12px 44px;
    font-family: var(--bh-sans);
    font-size: .875rem;
    font-weight: 400;
    color: rgba(255,255,255,.65);
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.05);
    transition: background .12s, color .12s;
}
.bcba-mobile-nav__sub a:hover {
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.9);
    text-decoration: none;
}

.bcba-mobile-nav .bcba-nav__socios {
    margin: 16px 20px;
    justify-content: center;
    border-radius: 100px;
    color: var(--bh-gold);
    border: 1px solid rgba(201,168,76,.35);
    padding: 10px 20px;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1024px) {
    .bcba-nav { display: none; }
    .bcba-hamburger { display: flex; grid-column: 1; justify-self: start; }
    /* Sin nav visible, quedan 3 columnas: hamburger | logo | buscador */
    .bcba-header__inner { grid-template-columns: auto 1fr auto; column-gap: 0; }
    .bcba-header__logo { grid-column: 2; justify-self: center; }
    .bcba-header__actions { grid-column: 3; }
}
@media (max-width: 768px) {
    .bcba-header__inner { padding: 0 16px; }
    .bcba-search { padding: 0 16px; }
}

/* ── Ajuste del container original para que el sticky no lo tape ── */
.container-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

/* ══════════════════════════════════════════════════════════
   SEARCH DROPDOWN MD3
   ══════════════════════════════════════════════════════════ */

/* Wrapper — ocupa toda la ventana, pointer-events solo cuando está abierto */
.bcba-search-wrap {
    position: fixed;
    inset: 0;
    z-index: 2000;
    pointer-events: none;
}
.bcba-search-wrap.open { pointer-events: auto; }

/* Backdrop semitransparente */
.bcba-search-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background .2s ease;
}
.bcba-search-wrap.open .bcba-search-backdrop {
    background: rgba(0,0,0,0.18);
}

/* Tarjeta flotante — aparece bajo el header */
.bcba-search-drop {
    position: absolute;
    top: 128px; /* fallback; JS lo ajusta al getBoundingClientRect del header */
    right: 32px;
    width: min(480px, calc(100vw - 48px));
    background: #ffffff;
    border-radius: 18px;
    box-shadow:
        0 1px 3px rgba(0,38,77,.06),
        0 8px 24px rgba(0,38,77,.12),
        0 20px 48px rgba(0,38,77,.08);
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px) scale(.98);
    transition:
        opacity .2s ease,
        transform .25s cubic-bezier(.34,1.26,.64,1);
    pointer-events: none;
}
.bcba-search-wrap.open .bcba-search-drop {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* Fila del input */
.bcba-sdrop__input-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(0,38,77,.06);
}
.bcba-sdrop__input-row .bcba-sdrop__icon {
    width: 20px; height: 20px;
    color: var(--bh-text-muted);
    flex-shrink: 0;
}
.bcba-sdrop__input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--bh-sans);
    font-size: 15px;
    font-weight: 400;
    color: var(--bh-text);
    line-height: 1.4;
}
.bcba-sdrop__input::placeholder { color: rgba(20,26,31,.4); }
.bcba-sdrop__clear {
    display: none;
    width: 28px; height: 28px;
    border: none;
    background: rgba(20,26,31,.06);
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    transition: background .12s;
    color: var(--bh-text-muted);
}
.bcba-sdrop__clear.visible { display: flex; }
.bcba-sdrop__clear svg { width: 13px; height: 13px; }
.bcba-sdrop__clear:hover { background: rgba(20,26,31,.10); }

/* Área de resultados */
.bcba-sdrop__results { max-height: 380px; overflow-y: auto; }
.bcba-sdrop__results:empty { display: none; }

/* Lista */
.bcba-sdrop__list {
    list-style: none;
    margin: 0;
    padding: 6px;
}
.bcba-sdrop__list li { margin: 0; padding: 0; }

/* Ítem individual */
.bcba-sdrop__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    text-decoration: none !important;
    transition: background .12s;
    cursor: pointer;
}
.bcba-sdrop__item:hover { background: rgba(0,38,77,.05); }

.bcba-sdrop__item-ico {
    width: 36px; height: 36px;
    border-radius: 8px;
    background: rgba(0,38,77,.06);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    color: var(--bh-navy);
}
.bcba-sdrop__item-ico svg { width: 16px; height: 16px; }

.bcba-sdrop__item-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.bcba-sdrop__item-title {
    font-family: var(--bh-sans);
    font-size: 14px;
    font-weight: 500;
    color: var(--bh-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.bcba-sdrop__item-type {
    font-family: var(--bh-sans);
    font-size: 11px;
    font-weight: 500;
    color: rgba(0,38,77,.5);
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Highlight texto coincidente */
mark.bcba-sdrop__hl {
    background: transparent;
    color: var(--bh-navy);
    font-weight: 700;
}

/* Footer — "Ver todos" */
.bcba-sdrop__footer {
    border-top: 1px solid rgba(0,38,77,.06);
    padding: 6px;
}
.bcba-sdrop__all {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 10px;
    font-family: var(--bh-sans);
    font-size: 13px;
    font-weight: 500;
    color: var(--bh-navy);
    text-decoration: none !important;
    transition: background .12s;
}
.bcba-sdrop__all:hover { background: rgba(0,38,77,.05); }
.bcba-sdrop__all svg { width: 14px; height: 14px; flex-shrink: 0; }

/* Estados vacío y cargando */
.bcba-sdrop__state {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 28px 20px;
    font-family: var(--bh-sans);
    font-size: 14px;
    color: var(--bh-text-muted);
}
.bcba-sdrop__state--empty {
    flex-direction: column;
    padding: 36px 24px;
    text-align: center;
}
.bcba-sdrop__state--empty svg {
    width: 36px; height: 36px;
    color: rgba(0,38,77,.18);
}
.bcba-sdrop__state--empty strong { color: var(--bh-text); }

/* Spinner de carga */
.bcba-sdrop__spinner {
    width: 16px; height: 16px;
    border: 2px solid rgba(0,38,77,.12);
    border-top-color: var(--bh-navy);
    border-radius: 50%;
    animation: bh-spin .65s linear infinite;
    flex-shrink: 0;
}
@keyframes bh-spin { to { transform: rotate(360deg); } }

/* Mobile: dropdown full-width */
@media (max-width: 768px) {
    .bcba-search-drop {
        right: 12px;
        left: 12px;
        width: auto;
    }
}

/* ══════════════════════════════════════════════════════════
   HERO SLIDER — HOME
   ══════════════════════════════════════════════════════════ */

/* Full-width breakout desde dentro del container centrado */
body.home {
    overflow-x: hidden;
}
body.home .main-background {
    display: none;
}

/* Reset del layout viejo: el carousel original usaba margin-top:-460px y padding-top:481px
   en .home .content para solaparse con el slider. Ese layout ya no existe. */
body.home #content.content {
    position: static;
    left: auto;
    width: auto;
    margin: 0;
    padding: 0 !important;
    background-color: transparent;
    border-radius: 0;
}

/* ── Encuadre visual de imagen (editor "mover + zoom" del mantenedor) ──────
   Wrapper invisible (display:contents, no ocupa caja propia) que solo pasa
   variables CSS al <img> real de adentro, así el object-position/scale que
   ya trae cada bloque (hero, tarjeta de novedad, sidebar) no se toca. Si
   nunca se editó el encuadre, las variables caen en sus valores por defecto
   (50%/50%/1) y el resultado es idéntico a un <img> sin este wrapper. ── */
.bcba-encuadre { display: contents; }
.bcba-encuadre img {
    object-position: var(--ix, 50%) var(--iy, 50%);
    transform: scale(var(--iz, 1));
}
@media (max-width: 767px) {
    .bcba-encuadre img {
        object-position: var(--ixm, var(--ix, 50%)) var(--iym, var(--iy, 50%));
        transform: scale(var(--izm, var(--iz, 1)));
    }
}

.bcba-hero {
    background: var(--bh-navy);
    overflow: hidden;
    position: relative;
}
body.home .bcba-hero {
    margin-left: calc(-50vw + 50%);
    width: 100vw;
    max-width: none;
}

/* Aspect ratio: 16:7 mobile → 16:6 md → 16:5 lg */
.bcba-hero__viewport {
    position: relative;
    padding-bottom: 43.75%; /* 16:7 */
}
@media (min-width: 768px)  { .bcba-hero__viewport { padding-bottom: 37.5%;  } }
@media (min-width: 1024px) { .bcba-hero__viewport { padding-bottom: 31.25%; } }

/* Slides: apilados, opacity transition */
.bcba-hero__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .7s ease;
    pointer-events: none;
}
.bcba-hero__slide.is-active {
    opacity: 1;
    pointer-events: auto;
}

/* Imagen de fondo */
.bcba-hero__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Gradient overlay izquierda → transparente (igual Lovable from-primary/90 to-transparent) */
.bcba-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(0,38,77,.90) 0%,
        rgba(0,38,77,.60) 40%,
        rgba(0,38,77,.00) 70%
    );
}

/* Contenedor del texto sobre la imagen */
.bcba-hero__content {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
}
.bcba-hero__container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
}
@media (min-width: 1024px) { .bcba-hero__container { padding: 0 32px; } }

.bcba-hero__text {
    max-width: 560px; /* max-w-xl */
}
@media (min-width: 1024px) { .bcba-hero__text { max-width: 640px; } }

/* Label dorado — tipo | categoría */
.bcba-hero__label {
    display: inline-block;
    font-family: var(--bh-sans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--bh-gold);
    margin-bottom: 12px;
}

/* Título serif blanco */
.bcba-hero__title {
    font-family: var(--bh-serif);
    font-size: 24px;
    font-weight: 700;
    color: var(--bh-white);
    line-height: 1.25;
    margin: 0 0 16px;
}
@media (min-width: 768px)  { .bcba-hero__title { font-size: 30px; } }
@media (min-width: 1024px) { .bcba-hero__title { font-size: 36px; } }
.bcba-hero__title a {
    color: inherit;
    text-decoration: none;
}
.bcba-hero__title a:hover {
    color: rgba(255,255,255,.85);
    text-decoration: none;
}

/* Copete */
.bcba-hero__excerpt {
    font-family: var(--bh-sans);
    font-size: 14px;
    color: rgba(255,255,255,.70);
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 640px) { .bcba-hero__excerpt { display: none; } }

/* ── Controles — bottom-right ─────── */
.bcba-hero__controls {
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (min-width: 1024px) {
    .bcba-hero__controls { bottom: 24px; right: 32px; }
}

/* Dots */
.bcba-hero__dots {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-right: 8px;
}
.bcba-hero__dot {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: rgba(255,255,255,.40);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background .3s, width .3s;
}
.bcba-hero__dot.is-active {
    background: var(--bh-white);
    width: 24px;
}

/* Botones prev/next */
.bcba-hero__nav {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    background: rgba(255,255,255,.10);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: none;
    cursor: pointer;
    color: var(--bh-white);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}
.bcba-hero__nav:hover { background: rgba(255,255,255,.20); }
.bcba-hero__nav svg { width: 20px; height: 20px; }

/* ══════════════════════════════════════════════════════════
   SISTEMA DE BLOQUES — filas con columnas (grid de 12), usado por
   bcba_render_bloques() para cualquier página. Full-bleed con fondo
   claro, igual estética que tenía la sección Novedades+Agenda del home.
   ══════════════════════════════════════════════════════════ */

.bcba-bloques-row {
    margin-left: calc(-50vw + 50%);
    width: 100vw;
    background: #f4f6f9;
    padding: 40px 0;
}
.bcba-bloques-row__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .bcba-bloques-row__inner { grid-template-columns: repeat(12, 1fr); }
    /* Sin align-items:start: las columnas se estiran (default stretch) a la
       altura de la fila — así la columna del panel lateral tiene el alto real
       disponible y la card sticky de adentro puede "flotar" en ese espacio. */
    .bcba-bloques-col--3  { grid-column: span 3; }
    .bcba-bloques-col--4  { grid-column: span 4; }
    .bcba-bloques-col--6  { grid-column: span 6; }
    .bcba-bloques-col--8  { grid-column: span 8; }
    .bcba-bloques-col--9  { grid-column: span 9; }
}

/* Columna de una fila mixta: si trae más de un bloque apilado (ej. "Palabra
   del día" arriba de "Destacados", ambos en la col. izquierda), se listan
   en columna con separación entre ellos. */
.bcba-bloques-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* Evita que se sume el margin-top genérico entre .bcba-bloque (usado en
   páginas internas) al gap del flex — si no, quedan 44px + 24px de más. */
.bcba-bloques-col > .bcba-bloque + .bcba-bloque { margin-top: 0; }

/* "Palabra del día" — card compacta, va arriba de Destacados en la misma columna */
.bcba-word {
    padding: 20px 24px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid rgba(0,38,77,.08);
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,38,77,.06);
}
.bcba-word__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}
.bcba-word__eyebrow {
    font-family: var(--bh-sans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--bh-gold);
}
.bcba-word__date {
    font-family: var(--bh-sans);
    font-size: 12px;
    color: #8892a0;
}
.bcba-word__term {
    font-family: var(--bh-serif);
    font-size: 22px;
    font-weight: 700;
    color: var(--bh-navy);
    margin: 0 0 6px;
}
.bcba-word__def {
    font-family: var(--bh-sans);
    font-size: 13.5px;
    line-height: 1.5;
    color: #475569;
    margin: 0 0 10px;
}
.bcba-word__more {
    display: inline-block;
    font-family: var(--bh-sans);
    font-size: 13px;
    font-weight: 600;
    color: var(--bh-gold);
    text-decoration: none;
}
.bcba-word__more:hover { color: var(--bh-navy); }

/* ══════════════════════════════════════════════════════════
   NOVEDADES + AGENDA — Sección combinada
   Izquierda: 4 novedades en grid 2×2 (alturas iguales por row)
   Derecha: 4 link pills + Agenda
   ══════════════════════════════════════════════════════════ */

/* ── Sección wrapper ── */
.bcba-na {
    margin-left: calc(-50vw + 50%);
    width: 100vw;
    max-width: none;
    padding: 48px 0 64px;
    background: #f4f6f9;
}

.bcba-na__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    column-gap: 40px;
}

@media (min-width: 992px) {
    .bcba-na__inner {
        grid-template-columns: 1fr 360px;
        grid-template-rows: auto auto;
    }
    /* Header: col 1, fila 1 — la col 2 queda vacía arriba */
    .bcba-na__inner > .bcba-na__section-header {
        grid-column: 1;
        grid-row: 1;
    }
    /* Cards: col 1, fila 2 */
    .bcba-na__inner > .bcba-na__cards {
        grid-column: 1;
        grid-row: 2;
    }
    /* Sidebar: col 2, fila 2 — misma altura que los 4 cards (grid stretch) */
    .bcba-na__inner > .bcba-na__sidebar-card {
        grid-column: 2;
        grid-row: 2;
    }
}

/* ── Headers de sección ── */
.bcba-na__section-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 20px;
}

.bcba-na__section-title {
    font-family: var(--bh-serif);
    font-size: 22px;
    font-weight: 700;
    color: var(--bh-navy);
    margin: 0;
}

.bcba-na__more-link {
    font-family: var(--bh-sans);
    font-size: 13px;
    font-weight: 600;
    color: var(--bh-gold);
    text-decoration: none;
    transition: color .2s;
}

.bcba-na__more-link:hover {
    color: var(--bh-navy);
    text-decoration: none;
}

/* ── Grid 2×2 de novedades: alturas iguales por fila ── */
.bcba-na__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    /* align-items: stretch es el default — no se sobreescribe */
}
/* Columnas editables desde el mantenedor (mismo mecanismo que Discursos/Galería/etc). */
.bcba-na__cards.has-cols { grid-template-columns: repeat(var(--bcba-cols), minmax(0, 1fr)); }
@media (max-width: 900px) {
    .bcba-na__cards.has-cols { grid-template-columns: repeat(min(var(--bcba-cols), 2), minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .bcba-na__cards.has-cols { grid-template-columns: 1fr; }
}

/* Card: flex-column para que el contenido se distribuya correctamente */
.bcba-na__card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0,38,77,.06);
    transition: box-shadow .3s ease, transform .3s ease;
}


.bcba-na__card:hover {
    text-decoration: none;
    box-shadow: 0 8px 28px rgba(0,38,77,.14);
    transform: translateY(-2px);
}

/* Imagen: aspect-ratio fijo garantiza misma altura en todas las cards */
.bcba-na__card-img-wrap {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    flex-shrink: 0;
    background: var(--bh-navy);
}

.bcba-na__card-img-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #00264d 0%, #003d7a 100%);
}

.bcba-na__card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s cubic-bezier(.25,.46,.45,.94);
}


/* Contenido: flex:1 llena el espacio sobrante → cards de la misma fila quedan iguales */
.bcba-na__card-content {
    padding: 16px 18px 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.bcba-na__card-label {
    font-family: var(--bh-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--bh-gold);
    display: block;
    margin-bottom: 6px;
}

.bcba-na__card-title {
    font-family: var(--bh-serif);
    font-size: 16px;
    font-weight: 700;
    color: var(--bh-text);
    line-height: 1.3;
    margin: 0 0 8px;
    transition: color .2s;
}

@media (min-width: 1200px) {
    .bcba-na__card-title { font-size: 17px; }
}

.bcba-na__card:hover .bcba-na__card-title {
    color: var(--bh-navy);
}

.bcba-na__card-excerpt {
    font-family: var(--bh-sans);
    font-size: 12.5px;
    color: var(--bh-text-muted);
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Sidebar: card blanca sticky — crece con su contenido y se
   mantiene visible mientras se hace scroll por la columna izquierda,
   que suele ser más alta. Se despega del header (sticky, 82px). ── */
.bcba-na__sidebar-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0,38,77,.08);
    box-shadow: 0 2px 12px rgba(0,38,77,.06);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: 98px;
}
@media (max-width: 991px) {
    .bcba-na__sidebar-card { position: static; }
}

/* ── Link pills ── */
.bcba-na__links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bcba-na__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #f4f6f9;
    border: 1px solid rgba(0,38,77,.08);
    border-radius: 12px;
    padding: 13px 16px;
    text-decoration: none;
    transition: background .2s ease;
}

.bcba-na__link:hover {
    background: #e8ecf2;
    text-decoration: none;
}

.bcba-na__link-text {
    font-family: var(--bh-sans);
    font-size: 13.5px;
    font-weight: 500;
    color: var(--bh-text);
    line-height: 1.4;
    transition: color .2s;
}

.bcba-na__link:hover .bcba-na__link-text {
    color: var(--bh-navy);
}

.bcba-na__link-arrow {
    width: 15px;
    height: 15px;
    color: var(--bh-text-muted);
    flex-shrink: 0;
    transition: transform .25s ease, color .2s;
}

.bcba-na__link:hover .bcba-na__link-arrow {
    transform: translate(2px, -2px);
    color: var(--bh-gold);
}

/* ── Cards del panel lateral: foto + título + link ── */
.bcba-na__cardlinks {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bcba-na__cardlink {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f4f6f9;
    border: 1px solid rgba(0,38,77,.08);
    border-radius: 12px;
    padding: 10px 14px;
    text-decoration: none;
    transition: background .2s ease;
}

.bcba-na__cardlink:hover {
    background: #e8ecf2;
    text-decoration: none;
}

.bcba-na__cardlink-img {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--bh-navy);
}

.bcba-na__cardlink-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.bcba-na__cardlink-text {
    flex: 1;
    font-family: var(--bh-sans);
    font-size: 13.5px;
    font-weight: 500;
    color: var(--bh-text);
    line-height: 1.4;
    transition: color .2s;
}

.bcba-na__cardlink:hover .bcba-na__cardlink-text {
    color: var(--bh-navy);
}

.bcba-na__cardlink:hover .bcba-na__link-arrow {
    transform: translate(2px, -2px);
    color: var(--bh-gold);
}

/* ── Agenda ── */
.bcba-na__agenda-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.bcba-na__agenda-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,38,77,.07);
    text-decoration: none;
    transition: opacity .2s;
}

.bcba-na__agenda-item:last-child {
    border-bottom: none;
}

.bcba-na__agenda-item:hover {
    opacity: .75;
    text-decoration: none;
}

.bcba-na__agenda-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.bcba-na__agenda-tipo {
    font-family: var(--bh-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--bh-gold);
    text-transform: uppercase;
}

.bcba-na__agenda-fecha {
    font-family: var(--bh-sans);
    font-size: 10px;
    color: var(--bh-text-muted);
    letter-spacing: .02em;
}

.bcba-na__agenda-title {
    font-family: var(--bh-sans);
    font-size: 13.5px;
    font-weight: 600;
    color: var(--bh-text);
    line-height: 1.4;
}

/* ================================================================
   FOOTER — bcba-footer
   ================================================================ */

.bcba-footer {
    background: var(--bh-navy);
    color: rgba(255,255,255,.75);
    font-family: var(--bh-sans);
    font-size: 14px;
    margin-left: calc(-50vw + 50%);
    width: 100vw;
    position: relative;
}

/* ── Barra de entidades vinculadas ── */
.bcba-footer__entities {
    border-bottom: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.15);
}

.bcba-footer__entities-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
}

.bcba-flogo {
    display: inline-block;
    width: 100px;
    height: 36px;
    background: url('../img/sprite-logos-v2.png') no-repeat;
    text-indent: -9999px;
    margin: 10px 16px;
    opacity: .85;
    transition: opacity .2s ease;
}

.bcba-flogo:hover {
    opacity: 1;
    text-decoration: none;
}

.bcba-flogo-1 { background-position: 0 0; }
.bcba-flogo-2 { background-position: -100px 0; }
.bcba-flogo-3 { background-position: -200px 0; }
.bcba-flogo-4 { background-position: -300px 0; }
.bcba-flogo-5 { background-position: -400px 0; }
.bcba-flogo-8 { background-position: -600px 0; }

/* ── Inner / max-width ── */
.bcba-footer__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 32px 0;
}

/* ── Grid 4 col: brand | sidebar-1 | sidebar-2 | form ── */
.bcba-footer__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1.2fr;
    gap: 40px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(255,255,255,.10);
    align-items: start;
}

@media (max-width: 1024px) {
    .bcba-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
    .bcba-footer__brand {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 24px;
        flex-wrap: wrap;
    }
    .bcba-footer__form-col {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .bcba-footer__grid {
        grid-template-columns: 1fr;
    }
    .bcba-footer__inner {
        padding: 40px 20px 0;
    }
    .bcba-footer__entities-inner {
        padding: 16px 20px;
        gap: 20px;
    }
    .bcba-footer__brand {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}

/* ── Col 1: Logo + social + staff ── */
.bcba-footer__logo-link {
    display: inline-block;
    margin-bottom: 20px;
}

.bcba-footer__logo {
    height: 35px;
    width: auto;
    display: block;
}

.bcba-footer__social {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.bcba-footer__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.65);
    transition: background .2s ease, color .2s ease;
    text-decoration: none;
}

.bcba-footer__social-link:hover {
    background: var(--bh-gold);
    color: var(--bh-navy);
    text-decoration: none;
}

.bcba-footer__social-link svg {
    width: 16px;
    height: 16px;
    display: block;
    flex-shrink: 0;
}

.bcba-footer__staff-link {
    display: inline-block;
    font-size: 12px;
    color: rgba(255,255,255,.40);
    text-decoration: none;
    transition: color .2s ease;
}

.bcba-footer__staff-link:hover {
    color: rgba(255,255,255,.75);
    text-decoration: none;
}

.bcba-footer__atencion-link {
    display: inline-block;
    margin-top: 10px;
    font-family: var(--bh-sans);
    font-size: 13.5px;
    color: rgba(255,255,255,.80);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: rgba(255,255,255,.35);
    transition: color .2s ease;
}

.bcba-footer__atencion-link:hover {
    color: #fff;
}

/* ── Col title (sidebars + form) — con línea extensora ── */
.bcba-footer__col-title,
.bcba-footer__col h1,
.bcba-footer__col h2,
.bcba-footer__col h3,
.bcba-footer__col h4,
.bcba-footer__col h5,
.bcba-footer__col h6 {
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: var(--bh-gold) !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.bcba-footer__col-title::after,
.bcba-footer__col h1::after,
.bcba-footer__col h2::after,
.bcba-footer__col h3::after,
.bcba-footer__col h4::after,
.bcba-footer__col h5::after,
.bcba-footer__col h6::after {
    content: '' !important;
    flex: 1 !important;
    height: 1px !important;
    background: rgba(201,168,76,.22) !important;
    display: block !important;
}

/* ── Atención al público ── */
.bcba-footer__atencion-link {
    display: inline-block;
    margin-top: 10px;
    color: rgba(255,255,255,.80) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    text-decoration-color: rgba(255,255,255,.35) !important;
    font-family: var(--bh-sans);
    font-size: 13.5px;
}

.bcba-footer__atencion-link:hover {
    color: #fff !important;
}

/* ── Sidebar links ── */
.bcba-footer__col a,
.bcba-footer__col ul li a {
    color: rgba(255,255,255,.80);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: rgba(255,255,255,.18);
    font-size: 13.5px;
    line-height: 1.4;
    transition: color .2s ease, text-decoration-color .2s ease;
}

.bcba-footer__col a:hover,
.bcba-footer__col ul li a:hover {
    color: var(--bh-gold);
    text-decoration: underline;
    text-decoration-color: rgba(201,168,76,.45);
}

.bcba-footer__col ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bcba-footer__col ul li {
    padding: 0;
    margin: 0;
}

.bcba-footer__col p {
    color: rgba(255,255,255,.65);
    font-size: 13.5px;
    line-height: 1.6;
    margin: 0 0 8px;
}

/* ── CF7 form en footer — compacto ── */
.bcba-footer__cf7 .wpcf7-form {
    display: block;
}

/* Anular márgenes de los <p> que genera CF7 */
.bcba-footer__cf7 .wpcf7-form p,
.bcba-footer__cf7 .wpcf7-form p + p {
    margin: 0 0 8px !important;
    padding: 0 !important;
    font-size: 13px;
    color: rgba(255,255,255,.65);
}

.bcba-footer__cf7 label {
    display: none; /* CF7 usa placeholders — las labels se ocultan para compactar */
}

.bcba-footer__cf7 input[type="text"],
.bcba-footer__cf7 input[type="email"],
.bcba-footer__cf7 input[type="tel"] {
    width: 100% !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 5px !important;
    padding: 8px 11px !important;
    color: #fff !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    outline: none !important;
    transition: border-color .2s ease, background .2s ease !important;
    box-sizing: border-box !important;
    height: auto !important;
}

.bcba-footer__cf7 textarea {
    width: 100% !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 5px !important;
    padding: 8px 11px !important;
    color: #fff !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    outline: none !important;
    transition: border-color .2s ease, background .2s ease !important;
    box-sizing: border-box !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    resize: none !important;
}

.bcba-footer__cf7 input[type="text"]:focus,
.bcba-footer__cf7 input[type="email"]:focus,
.bcba-footer__cf7 input[type="tel"]:focus,
.bcba-footer__cf7 textarea:focus {
    border-color: var(--bh-gold) !important;
    background: rgba(255,255,255,.11) !important;
}

.bcba-footer__cf7 input::placeholder,
.bcba-footer__cf7 textarea::placeholder {
    color: rgba(255,255,255,.32);
}

.bcba-footer__cf7 .wpcf7-submit,
.bcba-footer__cf7 input[type="submit"] {
    background: var(--bh-gold) !important;
    color: var(--bh-navy) !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 8px 18px !important;
    font-family: var(--bh-sans) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background .2s ease !important;
    display: inline-block !important;
    width: auto !important;
}

.bcba-footer__cf7 .wpcf7-submit:hover,
.bcba-footer__cf7 input[type="submit"]:hover {
    background: var(--bh-gold-light) !important;
}

.bcba-footer__cf7 .wpcf7-not-valid-tip {
    color: #f8a4a4;
    font-size: 11px;
    margin-top: 2px;
    display: block;
}

/* Ocultar el response-output nativo — reemplazado por toast JS */
.bcba-footer__cf7 .wpcf7-response-output {
    display: none !important;
}

/* ── Toast de confirmación ── */
.bcba-toast {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 99999;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    color: var(--bh-navy);
    border-radius: 10px;
    padding: 14px 20px;
    box-shadow: 0 8px 32px rgba(0,38,77,.22);
    font-family: var(--bh-sans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    max-width: 320px;
    transform: translateY(20px);
    opacity: 0;
    transition: transform .35s cubic-bezier(.22,.68,0,1.2), opacity .3s ease;
    pointer-events: none;
}

.bcba-toast.bcba-toast--visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.bcba-toast.bcba-toast--error {
    background: #fff5f5;
    border-left: 3px solid #e53e3e;
}

.bcba-toast__icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    color: var(--bh-gold);
}

.bcba-toast.bcba-toast--error .bcba-toast__icon {
    color: #e53e3e;
}

.bcba-toast__text strong {
    display: block;
    font-weight: 700;
    color: var(--bh-navy);
    margin-bottom: 2px;
}

/* ── Bottom bar ── */
.bcba-footer__bottom {
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.bcba-footer__bottom p {
    margin: 0;
    font-size: 12px;
    color: rgba(255,255,255,.30);
}

.bcba-footer__bottom-credit {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.bcba-footer__kreativa-link {
    display: inline-flex;
    align-items: center;
    opacity: .60;
    transition: opacity .2s ease;
    text-decoration: none !important;
}

.bcba-footer__kreativa-link:hover {
    opacity: 1;
}

.bcba-footer__kreativa-logo {
    height: 16px;
    width: auto;
    display: block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}