/* A primeira pintura é neutra. A identidade só aparece depois da paleta da empresa. */
html[data-brand-loading]{background:#f4f4f5!important;color-scheme:light!important}
html[data-brand-loading] body{background:#f4f4f5!important;visibility:hidden!important}
html[data-brand-loading]::before{content:'';position:fixed;inset:0;background:#f4f4f5;z-index:2147483000}
html[data-brand-loading=loading]::after{content:'';position:fixed;top:calc(50% - 64px);left:calc(50% - 18px);width:36px;height:36px;box-sizing:border-box;border:3px solid #d4d4d8;border-top-color:#52525b;border-radius:50%;animation:brand-spin .8s linear infinite;z-index:2147483002}
#brandLoader{display:none}html[data-brand-loading] #brandLoader{display:flex!important;visibility:visible!important;position:fixed;inset:0;z-index:2147483001;align-items:center;justify-content:center;padding:24px;background:transparent;color:#27272a!important;font:16px/1.5 system-ui,sans-serif;text-align:center}
#brandLoader>div{max-width:420px;padding-top:48px}#brandLoader p{color:#52525b!important;overflow-wrap:anywhere}#brandLoader button[hidden]{display:none!important}
#brandLoader button{display:inline-block;font:inherit;min-height:48px;padding:12px 20px;border:1px solid #a1a1aa;border-radius:10px;background:#fff;color:#27272a;cursor:pointer}
@keyframes brand-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html[data-brand-loading=loading]::after{animation-duration:2.5s}}