/* Shared header proportions and logo finish from the home page. */
.cab-padrao a:has(>img[src*="whaka-logo-branco"]){position:relative;isolation:isolate}
.cab-padrao a:has(>img[src*="whaka-logo-branco"])::after{
 content:"";position:absolute;inset:0;transform:translateY(4px);pointer-events:none;
 background:linear-gradient(110deg,transparent 40%,#f4de9a88 46%,#fff 50%,#f4de9a88 54%,transparent 60%);
 background-size:300% 100%;background-position:100% 0;
 -webkit-mask:url('../../img/otimizada/whaka-logo-branco.webp') center/contain no-repeat;
 mask:url('../../img/otimizada/whaka-logo-branco.webp') center/contain no-repeat;
 animation:whaka-logo-shine 6s ease-in-out infinite;
}
.cab-padrao img[src*="whaka-logo-branco"]{animation:whaka-logo-glow 6s ease-in-out infinite}

@keyframes whaka-logo-shine{0%,12%{background-position:100% 0;opacity:0}18%{opacity:.95}42%{background-position:0 0;opacity:.95}50%,100%{background-position:0 0;opacity:0}}
@keyframes whaka-logo-glow{0%,12%,48%,100%{filter:drop-shadow(0 0 1px #ffffff20)}28%{filter:drop-shadow(0 0 3px #fff9) drop-shadow(0 0 7px #f4de9a55)}}
@media(prefers-reduced-motion:reduce){.cab-padrao a:has(>img[src*="whaka-logo-branco"])::after{display:none}.cab-padrao img[src*="whaka-logo-branco"]{animation:none;filter:none}}

/* One set of header dimensions for every public page. */
header.cab-padrao>div:first-child{padding:16px 20px;gap:24px;align-items:center}
header.cab-padrao img[src*="whaka-logo-branco"]{height:76.8px;width:auto;max-width:none;flex-shrink:0}
header.cab-padrao>div:first-child>nav{font:400 14px/21px Manrope,system-ui,sans-serif;gap:28px}
header.cab-padrao>div:first-child>div:last-child:not(.cab-brand-export){gap:12px}
@media(min-width:768px){header.cab-padrao>div:first-child{padding-inline:40px}header.cab-padrao img[src*="whaka-logo-branco"]{height:86.4px}}
@media(min-width:1024px){header.cab-padrao>div:first-child{padding-inline:56px}}
@media(min-width:1280px){header.cab-padrao>div:first-child{padding-inline:80px}}
@media(min-width:1024px) and (max-width:1279px){header.cab-padrao>div:first-child>nav{display:none}header.cab-padrao #btnMenu{display:block}header.cab-padrao #menuMobile:not([hidden]){display:block}}
@media(max-width:400px){header.cab-padrao>div:first-child{gap:8px;padding-inline:12px}header.cab-padrao>div:first-child>div:last-child:not(.cab-brand-export){gap:6px}}
