/* Same icon motion as the approved MQ navigation. */
body #prisma-mobile-ux .prisma-tabs>button{overflow:visible!important;touch-action:manipulation}
body #prisma-mobile-ux .prisma-tabs .hub-nav-icon{display:block!important;width:52px!important;height:52px!important;flex:0 0 52px!important;background-image:url('/mg/hub-nav-icons-tech.png');background-size:300% auto;background-repeat:no-repeat;transform-origin:center 65%;transition:transform .26s cubic-bezier(.2,.8,.25,1.3)!important;pointer-events:none;mix-blend-mode:multiply}
.hub-nav-icon[data-icon=vagas]{background-position:0% center}
.hub-nav-icon[data-icon=ia]{background-position:50% center}
.hub-nav-icon[data-icon=grupos]{background-position:100% center}
@media(hover:hover){body #prisma-mobile-ux .prisma-tabs>button:hover .hub-nav-icon{transform:translateY(-2px) scale(1.18)!important}}
body #prisma-mobile-ux .prisma-tabs>button:active .hub-nav-icon{transform:scale(1.23)!important}
body #prisma-mobile-ux .prisma-tabs>button:focus-visible .hub-nav-icon{transform:scale(1.12)!important}
@media(max-width:600px){body #prisma-mobile-ux .prisma-tabs .hub-nav-icon{width:42px!important;height:42px!important;flex-basis:42px!important}}
@media(prefers-reduced-motion:reduce){body #prisma-mobile-ux .prisma-tabs .hub-nav-icon{transition:none!important}body #prisma-mobile-ux .prisma-tabs>button:is(:hover,:active,:focus-visible) .hub-nav-icon{transform:none!important}}

/* More room around the shared navigation, without changing toolbar alignment. */
body #prisma-mobile-ux .prisma-tabs{padding-top:16px!important;padding-bottom:12px!important}
body #prisma-mobile-ux .prisma-tabs>button{gap:12px!important;min-height:70px!important;padding:6px 8px 12px!important}
@media(max-width:600px){body #prisma-mobile-ux .prisma-tabs{padding-top:12px!important;padding-bottom:12px!important}body #prisma-mobile-ux .prisma-tabs>button{gap:7px!important;min-height:78px!important;padding:4px 6px 12px!important}}

body #prisma-mobile-ux .prisma-tabs{height:auto!important;min-height:104px!important;flex-shrink:0!important;box-sizing:border-box!important;width:max-content!important;max-width:100%!important;margin-inline:auto!important}body #prisma-mobile-ux .prisma-tabs>button{height:auto!important;box-sizing:border-box!important}@media(max-width:600px){body #prisma-mobile-ux .prisma-tabs{min-height:110px!important;width:100%!important}}

/* Stack desktop navigation like the mobile navigation. */
@media(min-width:601px){body #prisma-mobile-ux .prisma-tabs>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important}}
