/* Variante transparente del logo 05-10: recorte de presentación; casco conservado. */
.bf-brand-lockup {
  position: relative; display: inline-block; flex-shrink: 0;
  width: 206px; max-width: 100%; aspect-ratio: 1750 / 545;
  overflow: hidden; vertical-align: middle; background: transparent;
  isolation: isolate;
}
.bf-brand-lockup > img {
  position: absolute; width: 101.37%; max-width: none; height: auto;
  left: -1.09%; top: -36.7%; display: block; pointer-events: none;
}
/* Un destello localizado: sin zoom, ni bucles, ni bloqueo de la interacción. */
.bf-brand-lockup::before,
.bf-brand-lockup::after {
  content: ""; position: absolute; inset: 0; background: #fff;
  clip-path: polygon(48.98% 47.6%,47.12% 65.1%,50.78% 64.6%,41.01% 95.4%,44.66% 74.7%,42.09% 75.1%);
  opacity: 0; pointer-events: none;
}
.bf-brand-lockup::before { background: #ffdf00; z-index: 1; }
.bf-brand-lockup::after { z-index: 2; }
.bf-brand-lockup:hover::after,
:focus-visible > .bf-brand-lockup::after,
.bf-brand-lockup.bf-brand-flash::after { animation: bfBrandLightning 420ms ease-out; }
@keyframes bfBrandLightning { 0%, 100% { opacity: 0; } 35% { opacity: .75; } 65% { opacity: .15; } }
#mainSidebar.bf-sidebar #sidebarLogo { gap: 8px; min-height: 94px; }
#mainSidebar.bf-sidebar #sidebarLogo > .bf-brand-lockup { flex: 1; width: auto; }
#mainSidebar.bf-sidebar #sidebarLogo > .bf-brand-lockup > img,
#authGate.bf-inicio .bf-inicio-logo > .bf-brand-lockup > img,
#authGate.bf-inicio .bf-inicio-footer .bf-brand-lockup > img,
.bf-boot__wordmark > .bf-brand-lockup > img,
.bf-guest-brand > .bf-brand-lockup > img { filter: brightness(0) invert(1); }
#mainSidebar.bf-sidebar #sidebarLogo > .bf-brand-lockup::before,
#authGate.bf-inicio .bf-inicio-logo > .bf-brand-lockup::before,
#authGate.bf-inicio .bf-inicio-footer .bf-brand-lockup::before,
.bf-boot__wordmark > .bf-brand-lockup::before,
.bf-guest-brand > .bf-brand-lockup::before { opacity: 1; }
.bf-boot__wordmark > .bf-brand-lockup { width: clamp(180px, 20vw, 280px); }
#authGate.bf-inicio .bf-inicio-logo > .bf-brand-lockup { width: 174px; }
#authGate.bf-inicio .bf-inicio-footer .bf-brand-lockup { width: 150px; }
.bf-guest-brand > .bf-brand-lockup { width: 180px; }
.bf-brand-import { display: block; width: 245px; margin: 0 auto 22px; }
.brand > .bf-brand-lockup { width: 160px; }
@media (max-width: 480px) {
  #authGate.bf-inicio .bf-inicio-logo > .bf-brand-lockup { width: 145px; }
  .bf-guest-brand > .bf-brand-lockup { width: 145px; }
}
@media (prefers-reduced-motion: reduce) { .bf-brand-lockup::after { animation: none !important; } }
html.bf-reduce-motion .bf-brand-lockup::after,
html.bf-low-effects .bf-brand-lockup::after { animation: none !important; }
