.anunciosHeaderCatalogo {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 1025;
  height: 34px;
  overflow: hidden;
  background: var(--colorPrincipal);
  color: var(--colorTextoNavbar, #fff);
  border-top: 1px solid rgba(255,255,255,.22);
  border-bottom: 1px solid rgba(0,0,0,.08);
  font-family: var(--fontPrincipal);
}

.anunciosHeaderViewport { width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; }
.anunciosHeaderTrack { display: flex; align-items: center; width: max-content; white-space: nowrap; will-change: transform; animation: anunciosHeaderDesplazar var(--anunciosHeaderDuracion, 36s) linear infinite; }
.anunciosHeaderGrupo { display: inline-flex; align-items: center; flex: none; }
.anuncioHeaderItem { display: inline-flex; align-items: center; min-height: 34px; padding: 0 1rem; color: inherit; font-size: .88rem; font-weight: 600; text-decoration: none; border: 0; background: transparent; }
.anuncioHeaderItem[data-accion="1"] { cursor: pointer; }
.anuncioHeaderItem[data-accion="1"]:hover, .anuncioHeaderItem[data-accion="1"]:focus-visible { color: inherit; text-decoration: underline; outline: 2px solid currentColor; outline-offset: -3px; }
.anuncioHeaderSeparador { opacity: .65; }
body.anunciosHeaderVisible .contenidoCatalogo { padding-top: 34px !important; }

@media (hover: hover) and (pointer: fine) {
  .anunciosHeaderCatalogo:hover .anunciosHeaderTrack { animation-play-state: paused; }
}

@keyframes anunciosHeaderDesplazar { from { transform: translateX(0); } to { transform: translateX(-50%); } }

@media (min-width: 992px) {
  .anunciosHeaderCatalogo { top: 60px; }
  body.anunciosHeaderVisible .subNavbarCategorias { top: 94px; }
  body.anunciosHeaderVisible .contenidoCatalogo { padding-top: 34px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .anunciosHeaderTrack { width: 100%; animation: none; overflow-x: auto; scrollbar-width: thin; }
  .anunciosHeaderGrupo[data-copia="1"] { display: none; }
}