/* Meu Pássaro v0.8.2 — marca legível, header estável e carregamento discreto */
:root{--mp82-forest:#123d31;--mp82-gold:#c99a2e;--mp82-ink:#17211d;--mp82-muted:#66736e;--mp82-line:#e3e8e5;--mp82-soft:#f6f8f7}

/* Marca oficial do produto: uma única assinatura, sem repetição */
.mp-brand-lockup-v82{display:grid;justify-items:center;gap:4px;text-align:center;color:var(--mp82-ink)}
.mp-brand-lockup-v82 img{width:54px;height:54px;display:block}
.mp-brand-lockup-v82 b{font-family:Georgia,serif;font-size:1.05rem;line-height:1;letter-spacing:.04em;color:#111b17}
.mp-brand-lockup-v82 small{font-size:.58rem;line-height:1.2;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:#936f20}
.sidebar-brand-v8{padding:8px 6px 17px!important;min-height:auto!important}
.sidebar-brand-v8>*:not(.mp-brand-lockup-v82){display:none!important}
.sidebar-brand-v8 .mp-brand-lockup-v82{display:grid!important}

/* Menu lateral: inativos legíveis, ativo forte sem ficar pesado */
@media(min-width:1024px){
  body[data-page$="-v7"] .bottom-nav .nav-link{color:#51625b!important;font-weight:720!important;opacity:1!important}
  body[data-page$="-v7"] .bottom-nav .nav-link i{color:#70827a!important;opacity:1!important}
  body[data-page$="-v7"] .bottom-nav .nav-link:hover{background:#f4f6f5!important;color:var(--mp82-forest)!important}
  body[data-page$="-v7"] .bottom-nav .nav-link.active{background:#edf2ef!important;color:var(--mp82-forest)!important;box-shadow:inset 3px 0 var(--mp82-gold)!important}
  body[data-page$="-v7"] .bottom-nav .nav-link.active i{color:var(--mp82-forest)!important}
}

/* Header: menor e sem sensação de bloco solto */
body[data-page$="-v7"] .topbar{min-height:58px!important;padding:7px 14px!important}
body[data-page$="-v7"] .topbar .brand{min-height:42px!important;gap:9px!important}
body[data-page$="-v7"] .topbar .brand b{font-size:.82rem!important;line-height:1.1!important}
body[data-page$="-v7"] .topbar .brand small{font-size:.64rem!important;margin-top:2px!important}
body[data-page$="-v7"] .topbar .brand-mark,body[data-page$="-v7"] .topbar-creator-logo-v8{width:36px!important;height:36px!important}
body[data-page$="-v7"] .topbar .icon-btn{min-width:42px!important;height:42px!important;border-radius:11px!important}
@media(min-width:1024px){body[data-page$="-v7"] .topbar{margin-left:0!important}}

/* Home: placeholders neutros e sem texto de carregamento piscando */
.mp-skeleton-v82{position:relative;overflow:hidden;background:#eef2ef!important;color:transparent!important;border-color:#eef2ef!important;min-height:18px;border-radius:7px}
.mp-skeleton-v82::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:mp82shimmer 1.15s ease-in-out infinite}
@keyframes mp82shimmer{100%{transform:translateX(100%)}}
.creator-banner-v8.is-loading-v82 .creator-banner-content-v8{visibility:hidden}
.creator-banner-v8.is-loading-v82::before{content:"";position:absolute;left:18px;top:50%;width:42%;max-width:330px;height:54px;transform:translateY(-50%);border-radius:8px;background:rgba(255,255,255,.12);z-index:1}
.home-main-grid-v8 .loading-clean-v82{min-height:54px;border:0;background:#f8faf9;border-radius:9px;color:transparent;position:relative;overflow:hidden}
.home-main-grid-v8 .loading-clean-v82::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:mp82shimmer 1.15s ease-in-out infinite}

/* evita que o topo cubra o título durante a rolagem */
body[data-page$="-v7"] .app-shell{scroll-margin-top:66px}
body[data-page$="-v7"] .hero h1{overflow-wrap:anywhere}

/* mobile: marca compacta, navegação clara e sem exagero de elementos */
@media(max-width:1023px){
  .product-brand-v81 img.mp-product-symbol-v82{width:31px;height:31px;flex:0 0 31px}
  body[data-page$="-v7"] .topbar{padding:6px 10px!important;min-height:54px!important}
  body[data-page$="-v7"] .topbar .brand{min-height:40px!important}
  body[data-page$="-v7"] .topbar .brand b{font-size:.78rem!important}
  body[data-page$="-v7"] .topbar .brand small{font-size:.57rem!important}
}

@media(prefers-reduced-motion:reduce){.mp-skeleton-v82::after,.home-main-grid-v8 .loading-clean-v82::after{animation:none}}