.carregamento-marca{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;box-sizing:border-box;background:#f5f3ee;color:#15172b;font-family:var(--fonte-texto,system-ui,sans-serif);text-align:center;--marca-tinta:#15172b;--marca-ponto:#e5482d}
.carregamento-marca__conteudo{width:min(100%,300px);display:flex;flex-direction:column;align-items:center;gap:0}
.carregamento-marca__marca{display:flex;justify-content:center;margin-bottom:26px}
.carregamento-marca__marca svg{display:block;width:196px;height:52px;overflow:visible}
.carregamento-marca p{margin:0;font-size:14px;font-weight:500;line-height:1.5}
.carregamento-marca small{margin-top:7px;color:#646778;font-size:12px;line-height:1.6}

/* A gôndola se monta: as hastes sobem do piso, as prateleiras correm, a diagonal do z
   trava o módulo e os dois produtos (os pingos) caem e assentam. Segura um instante,
   desmonta e recomeça. "plan" fica firme. Sem movimento, a assinatura aparece completa. */
.carregamento-marca__svg{display:block;width:100%;height:auto;overflow:visible}
.carregamento-marca__modulo,.carregamento-marca__letras{fill:var(--marca-tinta,#15172b)}
.carregamento-marca__pingos{fill:var(--marca-ponto,#e5482d)}
.carregamento-marca__modulo path,.carregamento-marca__pingos circle{transform-box:fill-box;animation-duration:2.6s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.55,0,.25,1)}
.cm-hasteEsquerda,.cm-hasteDireita{transform-origin:50% 100%}
.cm-hasteEsquerda{animation-name:cm-haste}
.cm-hasteDireita{animation-name:cm-haste-2}
.cm-barraTopo,.cm-barraBase{transform-origin:50% 50%}
.cm-barraTopo{animation-name:cm-barra}
.cm-barraBase{animation-name:cm-barra-2}
.cm-diagonal{transform-origin:50% 50%;animation-name:cm-diagonal}
.cm-pingo{transform-origin:50% 50%}
.cm-pingo--1{animation-name:cm-pingo}
.cm-pingo--2{animation-name:cm-pingo-2}
@keyframes cm-haste{0%,4%{transform:scaleY(0)}20%,78%{transform:scaleY(1)}90%,100%{transform:scaleY(0)}}
@keyframes cm-haste-2{0%,8%{transform:scaleY(0)}24%,80%{transform:scaleY(1)}92%,100%{transform:scaleY(0)}}
@keyframes cm-barra{0%,18%{transform:scaleX(0)}34%,76%{transform:scaleX(1)}88%,100%{transform:scaleX(0)}}
@keyframes cm-barra-2{0%,22%{transform:scaleX(0)}38%,78%{transform:scaleX(1)}90%,100%{transform:scaleX(0)}}
@keyframes cm-diagonal{0%,32%{transform:scale(0);opacity:0}33%{opacity:1}48%,74%{transform:scale(1);opacity:1}86%,100%{transform:scale(0);opacity:0}}
@keyframes cm-pingo{0%,44%{transform:translateY(-340px);opacity:0}45%{opacity:1}55%{transform:translateY(22px)}61%,72%{transform:translateY(0);opacity:1}84%,100%{transform:translateY(-280px);opacity:0}}
@keyframes cm-pingo-2{0%,49%{transform:translateY(-340px);opacity:0}50%{opacity:1}60%{transform:translateY(22px)}66%,74%{transform:translateY(0);opacity:1}86%,100%{transform:translateY(-280px);opacity:0}}
@media(prefers-reduced-motion:reduce){.carregamento-marca__modulo path,.carregamento-marca__pingos circle{animation:none}}

.carregamento-marca--secao,.carregamento-marca--compacto{position:relative;inset:auto;z-index:auto;min-width:0;width:100%;background:transparent;box-sizing:border-box}
.carregamento-marca--secao{min-height:180px;padding:28px 16px}
.carregamento-marca--secao .carregamento-marca__marca{margin-bottom:16px}
.carregamento-marca--secao .carregamento-marca__marca svg{width:132px;height:35px}
.carregamento-marca--compacto{display:inline-flex;justify-content:center;padding:12px 0;min-height:44px}
.carregamento-marca--compacto .carregamento-marca__conteudo{width:auto;max-width:100%;flex-direction:row;gap:12px}
.carregamento-marca--compacto .carregamento-marca__marca{margin:0;flex:none}
.carregamento-marca--compacto .carregamento-marca__marca svg{width:34px;height:26px}
.carregamento-marca--compacto p{font-size:12px;text-align:left;font-weight:400}
.carregamento-marca--escuro{--marca-tinta:#f5f3ee;--marca-ponto:#ffc531;color:#f5f3ee}
.carregamento-marca--escuro small{color:#b9bcd0}
@media(max-width:600px){.carregamento-marca--secao{min-height:156px}.carregamento-marca--secao p{font-size:13px}}