/* AION 59073 — Index público: assets visuales unificados fuera de index.php. */
/* AION 59057: guard anti scroll horizontal del index generado por pulsos/badges de marca. */
html,body{max-width:100%;overflow-x:clip;}
@supports not (overflow-x:clip){html,body{overflow-x:hidden;}}
.ab-index-brand-overflow-guard{max-width:100%;overflow-x:clip;overflow-y:visible;padding-inline:clamp(10px,2vw,18px);contain:layout;}
@supports not (overflow-x:clip){.ab-index-brand-overflow-guard{overflow-x:hidden;}}
body.aion-index-pulse-overflow-safe .ab-index-brand-ring-bubble{max-width:min(190px,calc(100vw - 42px));}
.ab-index-brand-overflow-guard>.row{max-width:100%;margin-left:0!important;margin-right:0!important;--bs-gutter-x:clamp(.5rem,1.7vw,1rem);}
.ab-index-brand-overflow-guard .ab-index-brand-cell{max-width:calc(100vw - 28px);}
/* AION 58601: ring comercial con badge rotativo, transición suave y color dinámico por propiedad. */
.ab-index-brand-cell{position:relative;overflow:visible!important;z-index:1;padding-top:6px;}
.ab-index-brand-cell:hover,.ab-index-brand-cell:focus-within{z-index:220;}
.ab-index-brand-wrap{position:relative;overflow:visible!important;padding-top:3px;}
.ab-index-brand-ring{--ab-ring-size:90px;--ab-ring-accent:#0d6efd;position:relative;z-index:2;display:inline-flex!important;align-items:center;justify-content:center;width:var(--ab-ring-size)!important;height:var(--ab-ring-size)!important;min-width:var(--ab-ring-size)!important;max-width:var(--ab-ring-size)!important;min-height:var(--ab-ring-size)!important;max-height:var(--ab-ring-size)!important;flex:0 0 var(--ab-ring-size);aspect-ratio:1/1;border-radius:999px;text-decoration:none;line-height:0;isolation:isolate;vertical-align:top;overflow:visible!important;contain:none!important;transform:translateZ(0);}
.ab-index-brand-ring::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--ab-ring-size) + 8px);height:calc(var(--ab-ring-size) + 8px);aspect-ratio:1/1;border-radius:999px;display:none;z-index:1;pointer-events:none;box-shadow:0 7px 18px rgba(15,23,42,.10),0 0 0 1px rgba(255,255,255,.42);transform:translate(-50%,-50%) rotate(0deg);animation:aionIndexRingSpin 8.8s linear infinite;will-change:transform;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 5px));}
.ab-index-brand-ring img{position:relative;z-index:2;width:var(--ab-ring-size)!important;height:var(--ab-ring-size)!important;max-width:var(--ab-ring-size)!important;max-height:var(--ab-ring-size)!important;object-fit:contain;background:#fff;border-radius:999px;display:block;transform:translateZ(0);}
.ab-index-brand-ring-new{--ab-ring-accent:#0d6efd;}
.ab-index-brand-ring-promo{--ab-ring-accent:#18b56b;}
.ab-index-brand-ring-bonus{--ab-ring-accent:#f5b301;}
.ab-index-brand-ring-both{--ab-ring-accent:#0d6efd;}
.ab-index-brand-ring-new-bonus{--ab-ring-accent:#0d6efd;}
.ab-index-brand-ring-promo-bonus{--ab-ring-accent:#18b56b;}
.ab-index-brand-ring-multi{--ab-ring-accent:#0d6efd;}
.ab-index-brand-ring-new::before{display:block;background:conic-gradient(from 0deg,transparent 0 18%,#0d6efd 24%,#5bc0ff 40%,#0d6efd 58%,transparent 76% 100%);}
.ab-index-brand-ring-promo::before{display:block;background:conic-gradient(from 0deg,transparent 0 18%,#18b56b 24%,#6ee7a8 40%,#18b56b 58%,transparent 76% 100%);}
.ab-index-brand-ring-bonus::before{display:block;background:conic-gradient(from 0deg,transparent 0 18%,#f5b301 24%,#ffe08a 40%,#f59f00 58%,transparent 76% 100%);}
.ab-index-brand-ring-both::before{display:block;background:conic-gradient(from 0deg,#0d6efd 0 16%,#5bc0ff 23% 33%,transparent 39% 49%,#18b56b 55% 71%,#6ee7a8 77% 87%,transparent 93% 100%);}
.ab-index-brand-ring-new-bonus::before{display:block;background:conic-gradient(from 0deg,#0d6efd 0 18%,#5bc0ff 24% 34%,transparent 40% 53%,#f5b301 60% 78%,#ffe08a 84% 94%,transparent 98% 100%);}
.ab-index-brand-ring-promo-bonus::before{display:block;background:conic-gradient(from 0deg,#18b56b 0 20%,#6ee7a8 27% 39%,transparent 45% 58%,#f5b301 65% 82%,#ffe08a 88% 97%,transparent 100%);}
.ab-index-brand-ring-multi::before{display:block;background:conic-gradient(from 0deg,#0d6efd 0 13%,#5bc0ff 18% 25%,transparent 31% 39%,#18b56b 45% 58%,#6ee7a8 64% 70%,transparent 76% 82%,#f5b301 87% 96%,#ffe08a 98% 100%);}
.ab-index-brand-ring-dot{position:absolute;right:-8px;top:-8px;z-index:260;width:15px;height:15px;border-radius:999px;border:2px solid #fff;box-shadow:0 7px 18px rgba(15,23,42,.32),0 0 0 1px rgba(15,23,42,.08),0 0 14px color-mix(in srgb,var(--ab-ring-accent) 68%,transparent);pointer-events:none;background:var(--ab-ring-accent);}
.ab-index-brand-ring-dot::after{content:"";position:absolute;inset:-8px;border-radius:999px;border:1px solid currentColor;color:var(--ab-ring-accent);opacity:.52;animation:aionIndexRingPulse 3.4s ease-out infinite;}
.ab-index-brand-ring-both .ab-index-brand-ring-dot{background:linear-gradient(135deg,#0d6efd 0 48%,#18b56b 52% 100%);}
.ab-index-brand-ring-new-bonus .ab-index-brand-ring-dot{background:linear-gradient(135deg,#0d6efd 0 48%,#f5b301 52% 100%);}
.ab-index-brand-ring-promo-bonus .ab-index-brand-ring-dot{background:linear-gradient(135deg,#18b56b 0 48%,#f5b301 52% 100%);}
.ab-index-brand-ring-multi .ab-index-brand-ring-dot{background:conic-gradient(#0d6efd 0 33%,#18b56b 0 66%,#f5b301 0 100%);}
/* AION 59061: centra fino el badge/label respecto del punto pulse sin reabrir overflow horizontal. */
.ab-index-brand-ring{--ab-brand-bubble-offset:-12px;}
.ab-index-brand-ring-bubble{position:absolute;right:var(--ab-brand-bubble-offset);top:-12px;z-index:270;display:inline-flex;align-items:center;justify-content:flex-start;gap:0;height:24px;max-width:0;padding:0;border-radius:999px;background:color-mix(in srgb,var(--ab-ring-current,var(--ab-ring-accent)) 88%,#172033);border:1px solid color-mix(in srgb,var(--ab-ring-current,var(--ab-ring-accent)) 55%,rgba(255,255,255,.32));box-shadow:0 10px 24px rgba(15,23,42,.22);color:#fff;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;opacity:0;visibility:hidden;transform:translate(4px,-1px) scale(.96);transform-origin:right center;transition:max-width .42s ease,padding .42s ease,gap .42s ease,opacity .34s ease,visibility .34s ease,transform .42s ease,background .35s ease,border-color .35s ease,color .35s ease;pointer-events:none;}
.ab-index-brand-ring-bubble::before{content:"";display:inline-block;width:8px;height:8px;min-width:8px;border-radius:999px;background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,#fff 24%,transparent);opacity:.96;}
.ab-index-brand-ring-bubble-text{opacity:1;transform:none;transition:opacity .26s ease,transform .3s ease;} .ab-index-brand-ring.is-changing .ab-index-brand-ring-bubble-text{opacity:.08;transform:translateX(5px);}
.ab-index-brand-ring:hover,.ab-index-brand-ring:focus-visible{z-index:250;}
.ab-index-brand-ring:hover .ab-index-brand-ring-bubble,.ab-index-brand-ring:focus-visible .ab-index-brand-ring-bubble,.ab-index-brand-ring.aion-ring-intro .ab-index-brand-ring-bubble{max-width:min(220px,calc(100vw - 32px));padding:0 10px 0 9px;gap:7px;opacity:1;visibility:visible;transform:translate(0,-1px) scale(1);}
/* AION 58607: kilos/bonus conserva formato del pulse; texto claro y fondo dorado profundo, no letras negras. */
.ab-index-brand-ring-bonus .ab-index-brand-ring-bubble,.ab-index-brand-ring-new-bonus .ab-index-brand-ring-bubble,.ab-index-brand-ring-promo-bonus .ab-index-brand-ring-bubble,.ab-index-brand-ring-multi .ab-index-brand-ring-bubble{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--ab-ring-current,var(--ab-ring-accent)) 74%,#5a3600),color-mix(in srgb,var(--ab-ring-current,var(--ab-ring-accent)) 58%,#172033));border-color:color-mix(in srgb,var(--ab-ring-current,var(--ab-ring-accent)) 54%,rgba(255,255,255,.34));text-shadow:0 1px 1px rgba(0,0,0,.26);}
.ab-index-brand-ring-bonus .ab-index-brand-ring-bubble::before,.ab-index-brand-ring-new-bonus .ab-index-brand-ring-bubble::before,.ab-index-brand-ring-promo-bonus .ab-index-brand-ring-bubble::before,.ab-index-brand-ring-multi .ab-index-brand-ring-bubble::before{background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,#fff 24%,transparent);}
.ab-index-brand-ring-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
@keyframes aionIndexRingSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes aionIndexRingPulse{0%{transform:scale(.65);opacity:.55}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
@media (prefers-reduced-motion:reduce){.ab-index-brand-ring::before,.ab-index-brand-ring-dot::after{animation:none;}.ab-index-brand-ring-bubble,.ab-index-brand-ring-bubble-text{transition:none;}}
[data-bs-theme="dark"] .ab-index-brand-ring img,[data-aion-theme="dark"] .ab-index-brand-ring img,[data-theme="dark"] .ab-index-brand-ring img,.dark .ab-index-brand-ring img,body.dark .ab-index-brand-ring img{background:#f8fafc;box-shadow:0 0 0 1px rgba(255,255,255,.16);}
[data-bs-theme="dark"] .ab-index-brand-ring::before,[data-aion-theme="dark"] .ab-index-brand-ring::before,[data-theme="dark"] .ab-index-brand-ring::before,.dark .ab-index-brand-ring::before,body.dark .ab-index-brand-ring::before{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--ab-ring-accent) 72%,transparent)) drop-shadow(0 0 12px rgba(255,255,255,.10));box-shadow:0 0 0 1px rgba(255,255,255,.18),0 12px 22px rgba(0,0,0,.34);}
[data-bs-theme="dark"] .ab-index-brand-ring-dot,[data-aion-theme="dark"] .ab-index-brand-ring-dot,[data-theme="dark"] .ab-index-brand-ring-dot,.dark .ab-index-brand-ring-dot,body.dark .ab-index-brand-ring-dot{border-color:#0b1120;box-shadow:0 0 0 2px rgba(255,255,255,.24),0 7px 18px rgba(0,0,0,.38),0 0 16px color-mix(in srgb,var(--ab-ring-accent) 76%,transparent);}
[data-bs-theme="dark"] .ab-index-brand-ring-bubble,[data-aion-theme="dark"] .ab-index-brand-ring-bubble,[data-theme="dark"] .ab-index-brand-ring-bubble,.dark .ab-index-brand-ring-bubble,body.dark .ab-index-brand-ring-bubble{background:color-mix(in srgb,var(--ab-ring-current,var(--ab-ring-accent)) 32%,#0b1120);border-color:color-mix(in srgb,var(--ab-ring-current,var(--ab-ring-accent)) 58%,rgba(255,255,255,.18));color:#eef4ff;box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 16px color-mix(in srgb,var(--ab-ring-accent) 34%,transparent);}
@media (prefers-color-scheme:dark){:root:not([data-bs-theme="light"]):not([data-aion-theme="light"]):not([data-theme="light"]) .ab-index-brand-ring::before{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--ab-ring-accent) 72%,transparent));}:root:not([data-bs-theme="light"]):not([data-aion-theme="light"]):not([data-theme="light"]) .ab-index-brand-ring-dot{border-color:#0b1120;box-shadow:0 0 0 2px rgba(255,255,255,.24),0 7px 18px rgba(0,0,0,.38),0 0 16px color-mix(in srgb,var(--ab-ring-accent) 76%,transparent);}}
@media (max-width:575.98px){.ab-index-brand-cell{padding-top:7px;}.ab-index-brand-wrap{padding-top:4px;}.ab-index-brand-ring{--ab-ring-size:78px;--ab-brand-bubble-offset:-14px;}.ab-index-brand-ring::before{width:calc(var(--ab-ring-size) + 8px);height:calc(var(--ab-ring-size) + 8px);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 4px));}.ab-index-brand-ring-dot{width:13px;height:13px;right:-7px;top:-7px;}.ab-index-brand-ring-dot::after{inset:-8px;}.ab-index-brand-ring-bubble{top:-11px;height:22px;font-size:10.5px;}.ab-index-brand-ring:hover .ab-index-brand-ring-bubble,.ab-index-brand-ring:focus-visible .ab-index-brand-ring-bubble,.ab-index-brand-ring.aion-ring-intro .ab-index-brand-ring-bubble{max-width:180px;}}