/* Barra de promociones de la tienda (Nexo ARG). La encola Barra::encolar() solo si hay mensajes para mostrar.
   z-index 399: arriba del contenido y del header, debajo de menús y carritos laterales (Woodmart 400/500; Astra, Kadence,
   Blocksy y el carrito de WooCommerce usan más). Un tema raro se ajusta con --wnx-b-z. */
.woonexo-barra{position:relative;z-index:var(--wnx-b-z,399);background:var(--wnx-b-fondo);color:var(--wnx-b-texto);font-size:var(--wnx-b-tam,14px);line-height:1.3;text-align:center;padding:9px 44px;min-height:20px}
.woonexo-barra.has-fuente{font-family:var(--wnx-b-fuente)}
.woonexo-barra.is-fija{position:sticky;top:0}
.admin-bar .woonexo-barra.is-fija{top:32px}
.woonexo-barra.is-oculta{display:none}
.woonexo-barra__pista{position:relative;display:grid}
.woonexo-barra__msj{grid-area:1/1;margin:0;opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.woonexo-barra__msj.is-activo{opacity:1;transform:none;pointer-events:auto}
.woonexo-barra.is-scroll{padding-left:0;padding-right:44px;overflow:hidden;text-align:left}
.woonexo-barra__cinta{display:flex;width:max-content;animation:wnx-barra-cinta var(--wnx-b-dur,30s) linear infinite}
.woonexo-barra.is-scroll:hover .woonexo-barra__cinta,.woonexo-barra.is-scroll:focus-within .woonexo-barra__cinta{animation-play-state:paused}
.woonexo-barra__grupo{display:flex;flex:none}
.woonexo-barra__item{white-space:nowrap;padding:0 28px;position:relative}
.woonexo-barra__item::after{content:"•";position:absolute;right:-4px;opacity:.6}
@keyframes wnx-barra-cinta{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Enlaces: con #id para que el a:hover del tema no les cambie color ni subrayado; lo decide la configuración de la barra. */
#woonexo-barra a,#woonexo-barra a:visited{color:inherit;text-decoration:underline;text-underline-offset:2px}
#woonexo-barra.sin-subrayado a{text-decoration:none}
#woonexo-barra a:hover,#woonexo-barra a:focus-visible{color:var(--wnx-b-hover,inherit)}
#woonexo-barra.hover-subrayado a:hover,#woonexo-barra.hover-subrayado a:focus-visible{text-decoration:underline}
#woonexo-barra.hover-sin-subrayado a:hover{text-decoration:none}
#woonexo-barra strong{font-weight:700}#woonexo-barra em{font-style:italic}
.woonexo-barra__cerrar{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:4px 8px;opacity:.8}
.woonexo-barra__cerrar:hover{opacity:1}
@media (prefers-reduced-motion:reduce){.woonexo-barra__msj{transition:none;transform:none}}
/* Headers fijos de temas conocidos: con la barra fija se ubican debajo (--wnx-barra-fin lo publica barra-tienda.js). */
.woonexo-con-barra-fija .whb-sticked .whb-main-header{top:var(--wnx-barra-fin,0px)!important}
.woonexo-con-barra-fija .header-wrapper.stuck{top:var(--wnx-barra-fin,0px)!important}
.woonexo-con-barra-fija .elementor-sticky--active{top:var(--wnx-barra-fin,0px)!important}
