.empresa-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;min-height:42px;margin-left:auto;color:#fff;border-radius:9px;transition:background-color .18s}
.empresa-bell:hover{background:rgba(255,255,255,.16)}
.empresa-bell svg{transition:transform .2s}
.empresa-bell:hover svg{transform:rotate(-12deg)}
.empresa-bell:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.empresa-bell-count{position:absolute;top:1px;right:0;min-width:18px;padding:1px 4px;border-radius:12px;background:#dc2626;color:#fff;font-size:10px;font-weight:800;text-align:center;line-height:16px;border:1px solid #fff}
.empresa-bell-count[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.empresa-bell,.empresa-bell svg{transition:none}.empresa-bell:hover svg{transform:none}}

.empresa-bell .empresa-bell-gold{filter:drop-shadow(0 3px 2px rgba(0,0,0,.3));transform-origin:50% 15%}
.empresa-bell .empresa-bell-gold{animation:bell-greeting 2.6s ease-in-out infinite}
@keyframes bell-greeting{0%,60%,100%{transform:rotate(0)}66%{transform:rotate(12deg)}72%{transform:rotate(-10deg)}78%{transform:rotate(7deg)}84%{transform:rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){.empresa-bell .empresa-bell-gold{animation:none}}

.empresa-coin{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;min-height:42px;padding:0 8px;margin-left:6px;border-radius:9px;color:#fff;transition:background-color .18s}
.empresa-coin:hover{background:rgba(255,255,255,.16)}
.empresa-coin:focus-visible{outline:2px solid #ffe178;outline-offset:-3px}
.empresa-coin-gold{filter:drop-shadow(0 3px 2px rgba(0,0,0,.3));animation:coin-welcome 1s ease-out;transform-origin:center}
.empresa-coin:hover .empresa-coin-gold{animation:coin-turn .75s ease-in-out}
.empresa-coin-balance{font-size:12px;font-weight:800;color:#ffe178;min-width:12px}
@keyframes coin-welcome{0%{transform:translateY(-4px) rotateY(-65deg)}65%{transform:translateY(1px) rotateY(15deg)}100%{transform:translateY(0) rotateY(0)}}
@keyframes coin-turn{0%,100%{transform:rotateY(0)}50%{transform:rotateY(65deg) translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.empresa-coin,.empresa-coin-gold,.empresa-coin:hover .empresa-coin-gold{transition:none;animation:none}}

.tutorial-header-play{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;min-height:42px;margin-left:6px;border-radius:9px;color:#ffe178}
.tutorial-header-play:hover{background:rgba(255,255,255,.16)}
.tutorial-header-play:focus-visible{outline:2px solid #ffe178;outline-offset:-3px}
.tutorial-header-play svg{filter:drop-shadow(0 3px 2px rgba(0,0,0,.3))}
.tutorial-header-play.has-pending svg{animation:tutorial-green-glow 1.8s ease-in-out infinite}
.tutorial-header-count{position:absolute;top:0;right:-2px;min-width:18px;padding:1px 4px;border-radius:12px;background:#15803d;color:#fff;font-size:10px;font-weight:800;text-align:center;line-height:16px;border:1px solid #bbf7d0}
.tutorial-header-count[hidden]{display:none}
@keyframes tutorial-green-glow{0%,100%{filter:drop-shadow(0 0 2px #22c55e)}50%{filter:drop-shadow(0 0 9px #4ade80) drop-shadow(0 0 4px #22c55e)}}
@media(prefers-reduced-motion:reduce){.tutorial-header-play.has-pending svg{animation:none;filter:drop-shadow(0 0 5px #4ade80)}}