/* MP Fit · temas sazonais: enfeite do logo, banner do Início e partículas (app e prévia do painel). */
.logo-tema{position:relative;display:inline-block;width:96px;height:19px}
.logo-tema .topo-logo{display:block}
.logo-enf{position:absolute;height:auto;max-width:none;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.tema-banner{position:relative;overflow:hidden;border-radius:var(--r);padding:18px 18px 16px;min-height:168px;margin-bottom:14px;
  background:linear-gradient(135deg,var(--f1),var(--f2));border:1px solid color-mix(in srgb,var(--or) 45%,transparent);isolation:isolate}
.tema-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.14) 45%,transparent 60%);transform:translateX(-100%);animation:tbLuz 5.5s var(--ease) 1s infinite}
@keyframes tbLuz{0%{transform:translateX(-100%)}45%,100%{transform:translateX(100%)}}
.tb-motivo{position:absolute;right:-8px;bottom:-6px;width:128px;height:128px;z-index:-1;opacity:.95;transform:rotate(-10deg);filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}
.tb-padrao{position:absolute;z-index:-1;pointer-events:none}
[data-tema-banner="halloween"] .tb-padrao{left:-6px;top:-6px;width:120px;opacity:.35}
[data-tema-banner="junina"] .tb-padrao{left:0;right:0;top:-4px;width:100%;height:40px;object-fit:cover;opacity:.95}
[data-tema-banner="junina"] .tb-txt{padding-top:16px}
.tb-faixas{position:absolute;left:0;right:0;bottom:0;height:5px;display:flex;z-index:-1}.tb-faixas i{flex:1}
.tb-txt{position:relative;max-width:calc(100% - 96px)}
.tb-txt .kick{color:var(--or3)}
.tb-txt h2{font-size:30px;margin:4px 0 2px;color:#fff}
.tb-txt p{margin:0 0 10px;color:rgba(255,255,255,.82);font-size:14px}
.tb-des{display:block;font-size:14px;color:#fff}
.tb-prog{margin:6px 0 10px}.tb-prog .bar{height:6px}.tb-prog span{font-size:12px;color:rgba(255,255,255,.75)}
.tb-cta{min-height:40px}
.tb-cont{display:flex;align-items:baseline;gap:8px;margin:-4px 0 8px;flex-wrap:wrap}.tb-cont span{font-size:12px;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.08em}.tb-cont b{font-size:26px;color:var(--or)}
.fx{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.fx i{position:absolute;top:-12px;border-radius:50%;background:#fff;opacity:.8;animation:tbCai var(--t) linear var(--d) infinite}
.fx.confete i{border-radius:2px}
@keyframes tbCai{to{transform:translateY(200px) rotate(260deg)}}
@media (prefers-reduced-motion:reduce){.tema-banner::after,.fx i{animation:none}.fx{display:none}}