/* Barra superior (plugin Annyeongkstore Interface). Escritorio > 700px, celular <= 700px. */

/* Alto por defecto mientras carga el JS (el JS lo ajusta al alto real y lo reduce al hacer scroll) */
body.aks-tb-on{--aks-tb-off:36px}
@media (max-width:700px){body.aks-tb-on{--aks-tb-off:34px}}

.aks-tb{position:relative;z-index:1;display:block;width:100%;box-sizing:border-box;background:var(--aks-tb-bg,#2f5fd0);color:var(--aks-tb-fg,#fff);font-family:'Inter','Helvetica Neue',Arial,system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.25;letter-spacing:.01em;text-align:center;overflow:hidden;text-decoration:none}
.aks-tb--l{--aks-tb-fg:#fff}
.aks-tb--d{--aks-tb-fg:#15121a}
a.aks-tb,a.aks-tb:hover,a.aks-tb:focus,a.aks-tb:visited{color:var(--aks-tb-fg);text-decoration:none}
a.aks-tb:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
.aks-tb__in{box-sizing:border-box;min-height:36px;display:flex;align-items:center;justify-content:center;padding:0 16px}

/* Texto fijo */
.aks-tb__t{margin:0!important;padding:6px 0!important;color:inherit;font:inherit}

/* Banda deslizante: dos grupos iguales que recorren la barra sin cortes (el JS ajusta duracion y repeticiones) */
.aks-tb--m .aks-tb__in{padding:0;justify-content:flex-start}
.aks-tb__track{display:flex;flex:none;width:max-content;animation:aks-tb-run var(--aks-tb-dur,30s) linear infinite;will-change:transform}
.aks-tb__grp{display:flex;flex:none}
.aks-tb__grp span{position:relative;display:block;padding:0 30px 0 0;margin-right:30px;white-space:nowrap}
.aks-tb__grp span::after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:currentColor;opacity:.55}
@keyframes aks-tb-run{to{transform:translate3d(-50%,0,0)}}
.aks-tb--m:hover .aks-tb__track{animation-play-state:paused}

/* Slider: un mensaje a la vez, entra desde abajo y sale hacia arriba */
.aks-tb__slides{position:relative;width:100%;min-height:36px}
.aks-tb__s{position:absolute;left:0;right:0;top:0;bottom:0;margin:0!important;padding:6px 8px!important;display:flex;align-items:center;justify-content:center;color:inherit;font:inherit;opacity:0;transform:translate3d(0,60%,0);transition:opacity .45s ease,transform .45s ease}
.aks-tb__s.is-on{opacity:1;transform:none}
.aks-tb__s.is-out{opacity:0;transform:translate3d(0,-60%,0)}

/* Con "reducir movimiento" activado en el sistema, se muestra solo el primer mensaje, quieto */
.aks-tb--reduce .aks-tb__track{animation:none}
.aks-tb--reduce.aks-tb--m .aks-tb__in{justify-content:center}
.aks-tb--reduce .aks-tb__grp:nth-child(n+2),.aks-tb--reduce .aks-tb__grp span:nth-child(n+2){display:none}
.aks-tb--reduce .aks-tb__grp span::after{display:none}

@media (max-width:700px){
	.aks-tb{font-size:12px}
	.aks-tb__in,.aks-tb__slides{min-height:34px}
	.aks-tb__in{padding:0 12px}
	.aks-tb--m .aks-tb__in{padding:0}
}

/* El encabezado del tema es fijo: se baja lo que mide la barra y sube al hacer scroll (--aks-tb-off lo calcula el JS) */
body.aks-tb-on .aks-header{top:var(--aks-tb-off,0px)!important}
@media (min-width:1001px){body.admin-bar.aks-tb-on .aks-header{top:calc(44px + var(--aks-tb-off,0px))!important}}
@media (max-width:1000px){body.admin-bar.aks-tb-on .aks-header{top:calc(42px + env(safe-area-inset-top,0px) + var(--aks-tb-off,0px))!important}}
@media screen and (max-width:782px){body.admin-bar.aks-tb-on .aks-header{top:calc(52px + env(safe-area-inset-top,0px) + var(--aks-tb-off,0px))!important}}