/* Midnight Club 163 · V67 · mobile scroll, apresentação e transparência */
html{overscroll-behavior-y:none!important;scroll-behavior:auto!important;scroll-padding-top:74px;background:#071724!important;overflow-x:clip!important;scrollbar-gutter:auto}
body{overscroll-behavior-y:none!important;overflow-x:clip!important;background:#f4f8fb!important;min-height:100%;position:relative}
#home{scroll-margin-top:0}
body:not(.mc67-admin-open) section.hero#home{background-color:#071724!important}
section.hero#home .mc67-hero-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;opacity:0;pointer-events:none;transition:opacity .35s ease}
section.hero#home .mc67-hero-video.mc67-playing{opacity:1}
section.hero#home .mc67-hero-video[hidden]{display:none!important}
section.hero#home:before{z-index:1!important}
section.hero#home .hero-content{z-index:2!important}
/* Impede o conteúdo sob demanda de trocar por um placeholder de altura fictícia.
   Imagens da galeria continuam com loading="lazy". */
@supports (content-visibility:auto){
  #carteirinha-membros,#loja,#mural-fotos,#rotas,#patrocinadores-beneficios,#gde-guardians,#hierarquia,#marketing,#nosso-codigo,#sistema-cargos{content-visibility:visible!important;contain-intrinsic-size:none!important}
}
/* Não propagar o gesto de scroll dentro de galerias e modais para o documento. */
#muralWrapper,#galleryPhotosDisplayArea,.modal-content,.admin-content-area{overscroll-behavior:contain}
#mural-fotos[hidden],#mural-fotos.mc67-mural-off{display:none!important}
#mural-fotos{padding-top:28px!important;padding-bottom:30px!important}
#mural-fotos .section-header{margin-bottom:13px!important}
#muralWrapper .mc65-card .mc65-visual{height:165px!important}
#muralWrapper .mc65-card{width:230px!important;min-width:230px!important}
#muralWrapper .mural-card-info{min-height:66px!important;padding:8px 10px!important}
#muralWrapper .mural-card-info h4{font-size:.82rem!important;margin:0!important}
#mural-fotos .mural-manual-controls{margin:8px auto!important;padding:5px!important}
#mural-fotos .mc65-see-all{margin:10px auto 0!important}
/* Abrir a configuração do vídeo apenas quando necessário. */
.mc67-brand-video-config{border:1px solid #d3e7f1;border-radius:13px;background:#f7fbfd;margin:12px 0}
.mc67-brand-video-config summary{padding:13px 15px;color:#125a78;font-size:.86rem;font-weight:900;cursor:pointer}
.mc67-brand-video-inner{display:grid;gap:9px;padding:4px 14px 15px}
.mc67-brand-video-inner p{margin:0;font-size:.76rem;line-height:1.5;color:#627f91}
.mc67-brand-video-inner label{font-size:.78rem;font-weight:800;color:#31576c}
.mc67-brand-video-inner small{font-size:.72rem;overflow-wrap:anywhere;color:#7b8795}
.mc67-brand-video-inner .mc67-toggle{display:flex;gap:8px;align-items:center}
.mc67-progress{position:relative;height:18px;border-radius:20px;overflow:hidden;background:#deedf4}
.mc67-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#0791c9,#52dfce)}
.mc67-progress output{position:absolute;inset:0;text-align:center;color:#113146;font-size:.68rem;font-weight:900}
.mc67-mural-toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border:1px solid #cae4ee;background:#f5fcff;padding:11px 13px;border-radius:13px;margin:10px 0}
.mc67-mural-toggle>span{display:grid;gap:3px}
.mc67-mural-toggle strong{font-size:.83rem;color:#133e53}
.mc67-mural-toggle small{font-size:.72rem;color:#708b9b}
.mc67-mural-toggle label{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800}
.mc67-mural-toggle button{padding:8px 11px!important;min-height:36px;font-size:.72rem!important;border-radius:10px!important}
/* Portal público de contribuições: visual claro, compacto e legível. */
#mc64Transparency.mc64-transparency{max-width:1000px!important;width:calc(100% - 28px)!important;margin:26px auto!important;padding:24px!important;background:#fff!important;color:#123148!important;border-radius:24px!important;border:1px solid #dce8ef!important;box-shadow:0 12px 30px rgba(8,34,50,.045)!important}
#mc64Transparency header{display:flex;flex-direction:column;gap:4px;align-items:flex-start!important;text-align:left!important;margin:0!important}
#mc64Transparency header small{color:#0782ad!important;font-size:.62rem!important;letter-spacing:.15em!important}
#mc64Transparency header h2{font-size:clamp(1.15rem,2.5vw,1.65rem)!important;line-height:1.2!important;margin:0!important;color:#142f42!important}
#mc64Transparency header p{font-size:.8rem!important;margin:2px 0 6px!important;color:#688392!important;line-height:1.5!important}
#mc64Transparency .mc64-money-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:13px 0 15px!important}
#mc64Transparency .mc64-money-stat-row>div{min-width:0!important;padding:11px!important;border-radius:13px!important;border:1px solid #dae9f0!important;background:linear-gradient(160deg,#f7fbfd,#fff)!important}
#mc64Transparency .mc64-money-stat-row span{font-size:.66rem!important;color:#597688!important}
#mc64Transparency .mc64-money-stat-row strong{font-size:clamp(.86rem,2.6vw,1.1rem)!important;color:#115873!important;overflow-wrap:anywhere}
#mc64Transparency>h3{font-size:.83rem!important;margin:12px 0 9px!important;color:#244b61!important}
#mc64Transparency .mc64-ledger-public{gap:7px!important}
#mc64Transparency .mc64-ledger-public>details{padding:0!important;border:1px solid #deedf3!important;border-radius:12px!important;background:#fafdfd!important;overflow:hidden}
#mc64Transparency .mc64-ledger-public>details>summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 12px!important;padding:12px!important;align-items:center!important;list-style:none!important}
#mc64Transparency .mc64-ledger-public summary::-webkit-details-marker{display:none}
#mc64Transparency .mc64-ledger-public summary strong{font-size:.76rem!important;line-height:1.35!important;min-width:0;overflow-wrap:anywhere;color:#193d50}
#mc64Transparency .mc64-ledger-public summary b{margin:0!important;font-size:.76rem!important;white-space:nowrap}
#mc64Transparency .mc64-ledger-public summary small{grid-column:1/-1;font-size:.63rem!important}
#mc64Transparency .mc64-receipt-links{margin:0!important;padding:10px 12px 13px!important;background:#fff}
#mc64Transparency .mc64-proof{font-size:.69rem!important}
/* Guardiões, Conselho e Marketing: cartões iguais, branco suave sobre seção neutra. */
#gde-guardians,#hierarquia,#marketing{background:#f7fafc!important;color:#1d384a!important;padding-block:25px!important}
#gde-guardians .section-header h2,#hierarquia .section-header h2,#marketing .section-header h2{color:#0f2635!important}
#gde-guardians .section-header p,#hierarquia .section-header p,#marketing .section-header p{color:#657f91!important}
#gdeGuardiansGrid.mc-gde-guardians-grid{max-width:760px!important;width:100%!important;gap:10px!important;display:flex!important;justify-content:center!important;align-items:stretch!important;flex-wrap:wrap!important}
#gdeGuardiansGrid .mc-gde-guardian,#gdeGuardiansGrid .mc-gde-guardian.principal{flex:0 0 154px!important;width:154px!important;max-width:154px!important;min-height:143px!important;margin:0!important;transform:none!important;order:0!important;box-sizing:border-box!important;background:#fff!important;color:#153044!important;border:1px solid #d9e7ee!important;border-radius:16px!important;padding:13px 9px!important;box-shadow:0 6px 20px rgba(13,39,59,.055)!important}
#gdeGuardiansGrid .mc-gde-guardian.principal{order:-1!important;border-color:#bedfb0!important;margin-left:calc((100% - 154px)/2)!important;margin-right:calc((100% - 154px)/2)!important}
#gdeGuardiansGrid .mc-gde-guardian img{width:52px!important;height:52px!important;max-width:52px!important;margin:0 auto 7px!important;border:2px solid #28b8d0!important}
#gdeGuardiansGrid .mc-gde-guardian h3{color:#153044!important;font-size:.79rem!important;line-height:1.25!important;margin:2px 0!important}
#gdeGuardiansGrid .mc-gde-guardian p{color:#588194!important;font-size:.69rem!important;line-height:1.3!important;margin:0!important}
#hierarquia .member-card,#marketing .member-card{width:154px!important;max-width:154px!important;min-height:143px!important;min-width:0!important;background:#fff!important;color:#133347!important;border:1px solid #d9e7ee!important;border-radius:16px!important;box-shadow:0 6px 20px rgba(13,39,59,.055)!important;padding:13px 9px!important}
#hierarquia .member-card h4,#marketing .member-card h4{color:#163549!important;font-size:.8rem!important;line-height:1.25!important}
#hierarquia .member-avatar,#marketing .member-avatar{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important;border-radius:50%!important;margin:0 auto 7px!important}
#hierarquia .member-card .member-bio-text,#marketing .member-card .member-bio-text{color:#658398!important}
/* Medalha da carteirinha: selo minimalista alinhado junto à função. */
.mc49-card .mc49-facts>div:last-child{padding-right:58px!important}
.mc49-card .mc49-facts .mc60-card-ranking-medal{height:50px!important;width:46px!important;border-radius:13px!important;background:linear-gradient(145deg,#0c3548,#092331)!important;box-shadow:0 4px 11px #0002!important;border:1px solid #5caaba80!important;right:5px!important;top:50%!important;pointer-events:none!important}
.mc49-card .mc49-facts .mc60-card-ranking-medal svg{width:29px!important;height:34px!important}
.mc49-card .mc49-facts .mc60-card-ranking-medal small{font-size:6px!important;font-weight:900!important;color:#a8ebf4!important}
#carteirinha-membros .mc49-card{max-width:620px!important;margin-inline:auto!important}
#carteirinha-membros .mc49-card .mc49-badge-grid{gap:4px!important}
@media(max-width:760px){
 html{overscroll-behavior-y:none!important}
 section.hero#home{min-height:calc(100svh - 76px)!important;padding:50px 6% 44px!important;align-items:center!important;background-position:center 45%!important}
 section.hero#home .hero-content{width:100%!important;max-width:100%!important}
 section.hero#home h1{font-size:clamp(2.15rem,9vw,3.3rem)!important}
 section.hero#home p{font-size:.9rem!important}
 #rotas .route-card-pro{grid-template-columns:1fr!important;min-height:0!important}
 #rotas .route-media-side{min-height:0!important;max-height:260px!important;aspect-ratio:1.65!important}
 #rotas .route-info-side{padding:17px!important;text-align:left!important}
 #rotas .route-info-side h3{font-size:1.1rem!important;line-height:1.25!important;margin-bottom:6px!important}
 #rotas .route-info-side p{font-size:.74rem!important;margin:0 0 12px!important}
 #rotas .route-info-side .btn{width:auto!important;max-width:100%!important;min-height:36px!important;padding:9px 12px!important;font-size:.72rem!important}
 #carteirinha-membros{padding-block:26px!important}
 #carteirinha-membros .section-header{margin-bottom:8px!important}
 #carteirinha-membros .mc49-card{max-width:94%!important}
 #carteirinha-membros #demoIdCard{transform:scale(.80)!important;transform-origin:top center!important;margin-bottom:-65px!important}
 #mc64Transparency.mc64-transparency{margin:12px auto!important;padding:16px 12px!important;width:calc(100% - 22px)!important;border-radius:18px!important}
 #mc64Transparency .mc64-money-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 #mc64Transparency .mc64-money-stat-row>div{padding:8px 6px!important;gap:3px!important}
 #mc64Transparency .mc64-money-stat-row span{font-size:.59rem!important;line-height:1.3}
 #mc64Transparency .mc64-money-stat-row strong{font-size:.76rem!important;line-height:1.4}
 #gde-guardians,#hierarquia,#marketing{padding:21px 4%!important}
 #gdeGuardiansGrid .mc-gde-guardian,#gdeGuardiansGrid .mc-gde-guardian.principal{flex:0 0 calc((100% - 22px)/3)!important;width:calc((100% - 22px)/3)!important;max-width:155px!important;min-height:128px!important;padding:10px 5px!important}
 #gdeGuardiansGrid .mc-gde-guardian.principal{margin-left:calc((100% - min(155px,(100% - 22px)/3))/2)!important;margin-right:calc((100% - min(155px,(100% - 22px)/3))/2)!important}
 #gdeGuardiansGrid .mc-gde-guardian img{width:46px!important;height:46px!important;margin-bottom:5px!important}
 #gdeGuardiansGrid .mc-gde-guardian h3{font-size:.71rem!important}
 #gdeGuardiansGrid .mc-gde-guardian p{font-size:.62rem!important}
 #hierarquia .member-card,#marketing .member-card{width:calc((100% - 22px)/3)!important;max-width:155px!important;min-height:126px!important;padding:10px 5px!important}
 #hierarquia .member-card h4,#marketing .member-card h4{font-size:.73rem!important}
 #hierarquia .member-avatar,#marketing .member-avatar{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important}
 #mural-fotos{padding:16px 4% 21px!important}
 #muralWrapper .mc65-card{width:188px!important;min-width:188px!important}
 #muralWrapper .mc65-card .mc65-visual{height:137px!important}
 #mural-fotos .mural-manual-controls>span{display:none!important}
 #mural-fotos .mural-manual-controls .mural-manual-btn{font-size:.74rem!important;padding:6px 10px!important}
 .mc49-card .mc49-facts>div:last-child{padding-right:48px!important}
 .mc49-card .mc49-facts .mc60-card-ranking-medal{width:40px!important;height:46px!important}
}
@media(max-width:390px){#gdeGuardiansGrid .mc-gde-guardian,#gdeGuardiansGrid .mc-gde-guardian.principal{flex-basis:calc((100% - 14px)/2)!important;width:calc((100% - 14px)/2)!important}#gdeGuardiansGrid .mc-gde-guardian.principal{margin-left:calc((100% - min(155px,(100% - 14px)/2))/2)!important;margin-right:calc((100% - min(155px,(100% - 14px)/2))/2)!important}}
@media(prefers-reduced-motion:reduce){section.hero#home .mc67-hero-video{transition:none!important}#muralWrapper{scroll-behavior:auto!important}}
/* As campanhas de doações usam outro portal; padronizar os dois. */
#mc41PublicTransparency.mc41-public-transparency{width:calc(100% - 28px)!important;max-width:1000px!important;margin:16px auto 26px!important;padding:22px!important;background:#fff!important;color:#123148!important;border:1px solid #dce8ef!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(8,34,50,.045)!important}
#mc41PublicTransparency>h2{margin:0 0 5px!important;color:#183b51!important;font-size:clamp(1.2rem,2.4vw,1.65rem)!important;line-height:1.2!important;text-align:left!important}
#mc41PublicTransparency>p{color:#678192!important;line-height:1.45!important;font-size:.8rem!important;margin:0 0 12px!important}
#mc41PublicTransparency .mc41-finance-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:12px 0 15px!important}
#mc41PublicTransparency .mc41-stat{padding:10px!important;border-radius:12px!important;min-width:0;display:grid;gap:4px;box-shadow:none!important}
#mc41PublicTransparency .mc41-stat span{font-size:.68rem!important;line-height:1.35!important;color:#537283!important}
#mc41PublicTransparency .mc41-stat strong{font-size:clamp(.8rem,2.4vw,1.1rem)!important;color:#19374d!important;overflow-wrap:anywhere}
#mc41PublicTransparency .mc41-stat.good{background:#eaf8f0!important;border:1px solid #d0eddb!important}
#mc41PublicTransparency .mc41-stat.warning{background:#fff7e5!important;border:1px solid #f5e6c4!important}
#mc41PublicTransparency .mc41-stat.neutral{background:#f0f6fb!important;border:1px solid #dceaf4!important}
#mc41PublicTransparency .mc41-public-campaign{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding:12px!important;border:1px solid #e0ebf2!important;border-radius:12px!important;margin-top:8px!important;background:#fbfdff!important;box-shadow:none!important}
#mc41PublicTransparency .mc41-public-campaign>b{font-size:.85rem!important;color:#163d53!important;line-height:1.3!important}
#mc41PublicTransparency .mc41-public-campaign>span{font-size:.73rem!important;color:#58758a!important;line-height:1.5!important}
#mc41PublicTransparency .mc41-public-campaign details{border-top:1px solid #e3edf2;margin-top:5px;padding-top:7px}
#mc41PublicTransparency .mc41-public-campaign summary{font-size:.73rem!important;color:#0a6e97!important;font-weight:850!important;cursor:pointer}
#mc41PublicTransparency .mc41-portal-expense{padding:9px 0!important;line-height:1.4!important;font-size:.75rem!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;border-bottom:1px solid #e9f0f5!important}
#mc41PublicTransparency .mc41-portal-expense a{background:#eaf8fe;color:#076a90;text-decoration:none;font-size:.7rem!important;padding:5px 8px;border-radius:8px;border:1px solid #d3ebf5}
#marketing #tier-Marketing .mc62-marketing-principal{flex:0 0 154px!important;width:154px!important;max-width:154px!important;margin:0!important;order:-1!important}
@media(max-width:760px){
 #mc41PublicTransparency.mc41-public-transparency{width:calc(100% - 22px)!important;padding:15px 12px!important;margin:12px auto 22px!important}
 #mc41PublicTransparency .mc41-finance-grid{gap:5px!important}
 #mc41PublicTransparency .mc41-stat{padding:8px 6px!important}
 #mc41PublicTransparency .mc41-stat strong{font-size:.76rem!important}
 #mc41PublicTransparency .mc41-stat span{font-size:.58rem!important}
 #marketing #tier-Marketing .mc62-marketing-principal{flex-basis:calc((100% - 22px)/3)!important;width:calc((100% - 22px)/3)!important;max-width:155px!important}
}
/* Correções das classes reais usadas pela diretoria no módulo V56. */
#gdeGuardiansGrid .mc-gde-guardian h4{font-size:.77rem!important;line-height:1.28!important;color:#17384c!important;font-weight:850!important;margin:2px 0!important;overflow-wrap:anywhere!important}
#gdeGuardiansGrid .mc-gde-guardian .mc-gde-avatar{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;border-radius:50%!important;margin:0 auto 6px!important}
#hierarquia .mc56-team-card,#marketing .mc56-team-card,#gde-guardians .mc56-team-card{background:#fff!important;border-color:#d9e7ee!important;box-shadow:0 6px 20px rgba(13,39,59,.055)!important}
#hierarquia .mc56-team-card h4,#marketing .mc56-team-card h4,#gde-guardians .mc56-team-card h4{color:#17384c!important}
#hierarquia .mc56-team-card p,#marketing .mc56-team-card p,#gde-guardians .mc56-team-card p{color:#588194!important}
#rotas .route-info-side a.btn{width:auto!important;min-height:36px!important;padding:9px 13px!important;font-size:.75rem!important}