@font-face{font-family:Neulis Neue;src:url(/fonts/neulis/Neulis-Neue-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}.top-bar .bar-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:100%}.top-bar .bar-container .search-box{grid-column:2;width:100%;max-width:400px;min-width:200px;display:flex;justify-content:center}.top-bar .bar-container .user-box{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px}@media (max-width:768px){.top-bar .bar-container{display:flex;flex-wrap:wrap-reverse}.top-bar .bar-container .search-box{width:100%;max-width:none;margin:0}.top-bar .bar-container .user-box{margin-left:auto}}.top-bar .retro-button{--retro-blue:#0073ff;--retro-cyan:#02cfff;--retro-aqua:#00ffe0;--retro-coral:#f27d82;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2rem;padding:0 1rem;margin-right:.25rem;border-radius:9999px;border:1px solid hsla(0,0%,100%,.35);background:linear-gradient(110deg,#0b2942,#0073ff 25%,#00ffe0 50%,#f27d82 75%,#0b2942);background-size:300% 100%;animation:gradient-flow 6s ease-in-out infinite alternate;color:#fff;box-shadow:0 0 0 1px hsla(0,0%,100%,.1),0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.top-bar .retro-button:active{transform:scale(.96) translateY(0);filter:brightness(1.2);box-shadow:0 0 0 1px hsla(0,0%,100%,.3),0 2px 4px rgba(0,0,0,.3),inset 0 2px 10px hsla(0,0%,100%,.2)}.top-bar .retro-button:before{content:"";position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .1s ease;z-index:10}.top-bar .retro-button:active:before{opacity:.2;transition:none}.top-bar .retro-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:.5s}.top-bar .retro-button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px hsla(0,0%,100%,.2),0 6px 20px rgba(0,115,255,.25),inset 0 1px 0 hsla(0,0%,100%,.2);filter:brightness(1.1)}.top-bar .retro-button:hover:after{left:100%}.top-bar .retro-button .retro-icon{width:.85rem;height:.85rem;background:#fff;mask-image:url(/images/retro/grafismos/letra-a-icon.png);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/images/retro/grafismos/letra-a-icon.png);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transition:transform .3s}.top-bar .retro-button:hover .retro-icon{transform:scale(1.1) rotate(-5deg)}.top-bar .retro-button .retro-text{font-family:Neulis Neue,system-ui,sans-serif;font-size:.8125rem;font-weight:700;color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.1);white-space:nowrap}@media (max-width:1200px){.top-bar .retro-button{padding:0 .5rem;width:2rem;justify-content:center}.top-bar .retro-button .retro-text{display:none}.top-bar .retro-button .retro-icon{margin:0}}@keyframes gradient-flow{0%{background-position:0 50%}to{background-position:100% 50%}}