/* Site: partials/banner-webcms.blade.php (tirado do <style> da view) */
#wb-banner{width:100%;aspect-ratio:970/250;position:relative;overflow:hidden;border-radius:8px;display:block;cursor:pointer}
#wb-stage{width:970px;height:250px;position:absolute;top:0;left:0;transform-origin:0 0;font-family:Poppins,sans-serif;color:#fff;background:linear-gradient(110deg,#0a0f2e 0%,#151049 55%,#2a0f52 100%);overflow:hidden}
.wb-sc{position:absolute;inset:0;display:flex;align-items:center;padding:0 48px;opacity:0;transform:translateX(-40px);transition:opacity .5s,transform .5s}
.wb-sc.wb-on{opacity:1;transform:none}
.wb-pt{position:absolute;width:3px;height:3px;border-radius:50%;background:#22e4ff;animation:wb-fl 6s linear infinite}
@keyframes wb-fl{from{transform:translateY(260px);opacity:0}20%{opacity:.8}to{transform:translateY(-20px);opacity:0}}
@keyframes wb-pu{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes wb-bl{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes wb-ar{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}
.wb-neon{color:#7ff0ff;text-shadow:0 0 14px #22e4ff66}
.wb-hl{background:#22e4ff;color:#0a0f2e;padding:0 10px;border-radius:6px}
.wb-on .wb-blk{animation:wb-bl .4s both}
#wb-banner{text-decoration:none}
@media (prefers-reduced-motion: reduce){#wb-stage *{animation:none!important}}
/* Os ícones em SVG (antes a fonte da Tabler): na linha do texto, do tamanho da fonte. */
#wb-banner .wb-ic { display: inline-block; vertical-align: middle; }