#barra-de-publicidad{
 --bap-bg:#191919;--bap-text:#fff;--bap-font:Arial,sans-serif;--bap-size:14px;--bap-weight:700;--bap-height:40px;--bap-speed:28s;--bap-mobile-speed:23s;--bap-neon:1;
 position:fixed!important;top:0;left:0;width:100%!important;min-height:var(--bap-height)!important;
 background:var(--bap-bg)!important;color:var(--bap-text)!important;display:flex!important;align-items:center!important;
 overflow:hidden!important;z-index:99999!important;box-sizing:border-box!important;margin:0!important;padding:0!important;
 font-family:var(--bap-font)!important;box-shadow:0 2px 8px rgba(0,0,0,.22);
 animation:bap-neon 4.8s ease-in-out infinite!important;
}
#barra-de-publicidad .bap-viewport{width:100%;overflow:hidden;white-space:nowrap}
#barra-de-publicidad .bap-track{display:flex;width:max-content;align-items:center;will-change:transform;animation:bap-mover var(--bap-speed) linear infinite!important;animation-play-state:running!important}
#barra-de-publicidad .bap-group{display:flex;align-items:center;flex-shrink:0}
#barra-de-publicidad .bap-texto{display:inline-block;padding:0 16px;font-size:var(--bap-size);font-weight:var(--bap-weight);line-height:var(--bap-height);color:var(--bap-text)!important}
#barra-de-publicidad .bap-separador{color:var(--bap-text);font-size:var(--bap-size);font-weight:var(--bap-weight)}
@keyframes bap-mover{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
@keyframes bap-neon{0%,100%{filter:brightness(1);box-shadow:0 2px 8px rgba(0,0,0,.22)}50%{filter:brightness(1.08);box-shadow:0 2px 13px rgba(255,255,255,.12)}}
@media(max-width:600px){
 #barra-de-publicidad{min-height:var(--bap-height)!important}
 #barra-de-publicidad .bap-texto{padding:0 10px;font-size:calc(var(--bap-size) - 1px);line-height:var(--bap-height)}
 #barra-de-publicidad .bap-track{animation-duration:var(--bap-mobile-speed)}
}
@media(prefers-reduced-motion:reduce){#barra-de-publicidad .bap-track{animation-duration:var(--bap-speed)!important;animation-iteration-count:infinite!important;}}

/* v3.1: fixed bar and continuous marquee */
#barra-de-publicidad{
  height:var(--bap-height)!important;
  max-height:var(--bap-height)!important;
  inset-inline:0!important;
  transform:translateZ(0);
  backface-visibility:hidden;
}
#barra-de-publicidad .bap-viewport{display:block!important;flex:1 1 auto!important;min-width:0!important;}
#barra-de-publicidad .bap-track{
  flex-wrap:nowrap!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
}
