/* Mente Acima — Global Audience 0.4.29 */
.ma-global-audience-v50{width:100%;margin:0;padding:clamp(2.0rem,2.8vw,2.8rem) 0 clamp(1.15rem,1.8vw,1.8rem);background:transparent;color:#10182b;overflow:hidden}
.ma-ga-v50__inner{width:min(1200px,calc(100% - 32px));margin-inline:auto}

/* Cabeçalho: AUDIÊNCIA GLOBAL permanece na MESMA LINHA do título e seu limite direito coincide com o limite direito do bloco do globo. */
.ma-ga-v50__section-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr);gap:18px;margin:0 0 18px;padding:0 2px;align-items:end}
.ma-ga-v50__section-head-globe{grid-column:1;position:relative;display:flex;align-items:baseline;min-width:0;width:100%;padding-right:0}
.ma-ga-v50__section-head h2{margin:0;font-family:Inter,var(--fh,sans-serif);font-size:22px;line-height:1.15;font-weight:700;letter-spacing:-.025em;color:#10182b}
.ma-ga-v50__global-label{position:absolute;right:0;bottom:1px;display:block;font-family:"DM Mono",monospace;font-size:10px;font-weight:400;letter-spacing:.08em;color:#58657b;white-space:nowrap;line-height:1.15}

.ma-ga-v50__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr);gap:18px;align-items:stretch}
.ma-ga-v50__panel{position:relative;min-width:0;background:#fff;border:1px solid #e5e8ed;border-radius:18px;box-shadow:0 10px 30px rgba(18,30,50,.06);overflow:hidden}

/* Globo: canvas único. O fallback foi removido para impedir dupla renderização no mobile. */
.ma-ga-v50__panel--globe{padding:8px 12px 14px;display:flex;flex-direction:column;min-height:0}
.ma-ga-v50__globe-wrap{position:relative;width:min(100%,530px);aspect-ratio:1;margin:0 auto 8px;flex:none}
.ma-ga-v50__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab;z-index:2;opacity:1}
.ma-ga-v50__canvas:active{cursor:grabbing}
.ma-ga-v50__tooltip{position:absolute;left:50%;top:5%;transform:translate(-50%,-100%);opacity:0;pointer-events:none;padding:7px 10px;border-radius:6px;background:rgba(8,12,18,.94);color:#fff;font:600 11px/1.35 Inter,sans-serif;text-align:center;white-space:nowrap;transition:opacity .18s ease;box-shadow:0 5px 18px rgba(0,0,0,.18);z-index:4}
.ma-ga-v50__tooltip.is-visible{opacity:1}

.ma-ga-v50__stats{display:grid;grid-template-columns:1.45fr 1fr .8fr;border:1px solid #e2e6ec;border-radius:14px;background:#fbfcfd;min-height:108px;overflow:hidden}
.ma-ga-v50__legend,.ma-ga-v50__active-country,.ma-ga-v50__total{padding:14px 16px;display:flex;align-items:center}
.ma-ga-v50__legend{flex-direction:column;align-items:flex-start;justify-content:center;gap:11px}
.ma-ga-v50__legend-item{display:flex;align-items:flex-start;gap:11px}
.ma-ga-v50__legend-item strong{display:block;font:700 13px/1.2 Inter,sans-serif;color:#10182b}
.ma-ga-v50__legend-item small{display:block;margin-top:4px;font:400 11px/1.25 Inter,sans-serif;color:#66738a}
.ma-ga-v50__dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px;margin-top:2px}
.ma-ga-v50__dot--red{background:#ff2525;box-shadow:0 0 10px rgba(255,37,37,.55)}
.ma-ga-v50__dot--blue{background:#1769e8}
.ma-ga-v50__active-country,.ma-ga-v50__total{border-left:1px solid #e2e6ec;justify-content:center;gap:11px}
.ma-ga-v50__active-flag{width:42px;height:34px;display:grid;place-items:center;line-height:1}.ma-ga-v50__active-flag .ma-ga-v50__flag-image{display:block;width:42px;height:28px;object-fit:contain}.ma-ga-v50__active-flag .ma-ga-v50__flag-emoji{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:28px;line-height:1;display:block;filter:drop-shadow(0 1px 2px rgba(20,30,45,.16))}
.ma-ga-v50__active-copy strong{display:block;font:700 14px/1.2 Inter,sans-serif;color:#10182b}
.ma-ga-v50__active-copy span{display:block;margin-top:7px;font:400 11px/1.2 Inter,sans-serif;color:#0aa63b}
.ma-ga-v50__active-copy span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0db33f;margin-right:13px}
.ma-ga-v50__total{flex-direction:column;gap:2px;text-align:center}
.ma-ga-v50__total strong{font:700 25px/1 Inter,sans-serif;color:#10182b}
.ma-ga-v50__total span{font:400 11px/1.2 Inter,sans-serif;color:#66738a}
.ma-ga-v50__chart{height:27px;display:flex;align-items:flex-end;gap:4px;margin-bottom:3px}
.ma-ga-v50__chart b{display:block;width:6px;background:#243653;border-radius:1px 1px 0 0}.ma-ga-v50__chart b:nth-child(1){height:9px}.ma-ga-v50__chart b:nth-child(2){height:15px}.ma-ga-v50__chart b:nth-child(3){height:21px}.ma-ga-v50__chart b:nth-child(4){height:27px}

/* Bandeiras — catálogo dinâmico. Todas as bandeiras disponíveis no plugin ficam na base;
   somente os países efetivamente presentes nos dados aparecem na grade. Quando um novo
   país entra nos dados, o front-end o incorpora automaticamente. */
.ma-ga-v50__panel--flags{padding:20px 22px 20px;background:#fff}
.ma-ga-v50__flags-head{display:flex;align-items:baseline;justify-content:flex-start;gap:18px;width:100%;margin:0 0 12px}
.ma-ga-v50__flags-head h3{flex:0 0 auto;margin:0;font-family:Inter,var(--fh,sans-serif);font-size:22px;line-height:1.15;font-weight:700;letter-spacing:-.025em;color:#10182b}
.ma-ga-v50__flags-head p{margin-left:auto;color:#66738a;font:italic 400 13px/1.4 Inter,sans-serif;text-align:right;white-space:nowrap}
.ma-ga-v50__flags-viewport{height:auto;overflow:hidden;position:relative;padding:8px 0 10px;box-sizing:border-box;background:#fff}
.ma-ga-v50__flags-track{display:flex;flex-direction:column;gap:10px;padding:0;will-change:transform;min-height:0}
.ma-ga-v50__flags-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;align-items:start;width:100%;min-height:62px;will-change:transform;transform:translateX(0);opacity:1}
.ma-ga-v50__flag{position:relative;width:48px;min-height:58px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;overflow:visible}
.ma-ga-v50__flag-image{display:block;width:46px;height:29px;object-fit:contain;flex:0 0 29px;filter:drop-shadow(0 1px 2px rgba(20,30,45,.16));transition:transform .18s ease}.ma-ga-v50__flag-emoji{display:none;width:46px;height:29px;align-items:center;justify-content:center;flex:0 0 29px;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:27px;line-height:1;filter:drop-shadow(0 1px 2px rgba(20,30,45,.16));transition:transform .18s ease}.ma-ga-v50__flag:hover .ma-ga-v50__flag-image,.ma-ga-v50__flag:hover .ma-ga-v50__flag-emoji{transform:scale(1.08)}
.ma-ga-v50__flag-name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#172033;font:500 9px/1.15 Inter,sans-serif;letter-spacing:-.01em}
.ma-ga-v50__flag.is-active .ma-ga-v50__flag-image,.ma-ga-v50__flag.is-active .ma-ga-v50__flag-emoji{animation:ma-ga-v50-pulse 1.35s ease-out infinite}

/* Entrada alternada: linha 1 pela direita, linha 2 pela esquerda, e assim por diante. */
.ma-ga-v50__flags-track.is-sequenced .ma-ga-v50__flags-row.is-right{animation:ma-ga-v50-enter-right var(--row-duration,2200ms) cubic-bezier(.22,.7,.22,1) both}
.ma-ga-v50__flags-track.is-sequenced .ma-ga-v50__flags-row.is-left{animation:ma-ga-v50-enter-left var(--row-duration,2200ms) cubic-bezier(.22,.7,.22,1) both}
@keyframes ma-ga-v50-enter-right{0%{transform:translateX(110%);opacity:.15}18%{opacity:1}100%{transform:translateX(0);opacity:1}}
@keyframes ma-ga-v50-enter-left{0%{transform:translateX(-110%);opacity:.15}18%{opacity:1}100%{transform:translateX(0);opacity:1}}
@keyframes ma-ga-v50-pulse{0%{filter:drop-shadow(0 0 0 rgba(255,35,35,0))}45%{filter:drop-shadow(0 0 9px rgba(255,35,35,.9))}100%{filter:drop-shadow(0 0 0 rgba(255,35,35,0))}}

@media (max-width:900px){
  .ma-ga-v50__inner{width:min(100% - 28px,760px)}
  .ma-ga-v50__section-head,.ma-ga-v50__grid{grid-template-columns:1fr}
  .ma-ga-v50__section-head-globe{grid-column:1}
  .ma-ga-v50__panel--globe{order:1}.ma-ga-v50__panel--flags{order:2}
}
@media (max-width:768px){
  .ma-global-audience-v50{padding:2rem 0 1rem}
  .ma-ga-v50__inner{width:min(100% - 24px,680px)}
  .ma-ga-v50__section-head{gap:4px;margin-bottom:14px;align-items:end}
  .ma-ga-v50__section-head h2{font-size:20px}
  .ma-ga-v50__global-label{font-size:9px;bottom:1px;right:5px}
  .ma-ga-v50__panel--globe{padding:8px 10px 12px}
  .ma-ga-v50__globe-wrap{width:min(100%,430px);margin-bottom:6px}
  .ma-ga-v50__stats{grid-template-columns:1.35fr 1fr .8fr;min-height:92px}
  .ma-ga-v50__legend,.ma-ga-v50__active-country,.ma-ga-v50__total{border-left:1px solid #e2e6ec;border-top:0;min-height:70px}
  .ma-ga-v50__legend{border-top:0;border-left:0}
  .ma-ga-v50__active-country,.ma-ga-v50__total{justify-content:center;padding:10px 8px;gap:6px}.ma-ga-v50__active-copy strong{font-size:11px}.ma-ga-v50__active-copy span{font-size:9px}.ma-ga-v50__active-flag{width:30px}.ma-ga-v50__active-flag .ma-ga-v50__flag-emoji{font-size:22px}.ma-ga-v50__total strong{font-size:19px}.ma-ga-v50__chart{transform:scale(.82);transform-origin:center bottom}
  .ma-ga-v50__panel--flags{padding:16px 12px 16px}
  .ma-ga-v50__flags-head{align-items:flex-end;margin-bottom:7px}
  .ma-ga-v50__flags-head h3{font-size:20px}
  .ma-ga-v50__flags-head p{font-size:11px;margin-right:13px}
  .ma-ga-v50__flags-viewport{padding-top:6px;padding-bottom:8px}
  .ma-ga-v50__flags-track{gap:9px}
  /* 9 bandeiras por linha também no mobile. */
  .ma-ga-v50__flags-row{grid-template-columns:repeat(9,minmax(0,1fr));min-height:55px}
  .ma-ga-v50__flag{width:38px;min-height:52px;gap:4px}
  .ma-ga-v50__flag-image{display:none;width:36px;height:24px;flex-basis:24px}.ma-ga-v50__flag-emoji{display:flex;width:36px;height:24px;flex-basis:24px;font-size:23px}
  .ma-ga-v50__flag-name{font-size:8px}
}

@media (prefers-reduced-motion:reduce){
  .ma-ga-v50__flags-row,.ma-ga-v50__flags-track.is-sequenced .ma-ga-v50__flags-row{animation:none!important;transform:translateX(0)!important;opacity:1}
  .ma-ga-v50__flag.is-active .ma-ga-v50__flag-emoji{animation:none}
}
@media (max-width:520px){
  .ma-ga-v50__stats{grid-template-columns:1fr}
  .ma-ga-v50__legend,.ma-ga-v50__active-country,.ma-ga-v50__total{border-left:0;border-top:1px solid #e2e6ec;min-height:64px}
  .ma-ga-v50__legend{border-top:0}
  .ma-ga-v50__flag{width:34px}
  .ma-ga-v50__flag-image{display:none;width:32px;height:22px;flex-basis:22px}.ma-ga-v50__flag-emoji{display:flex;width:32px;height:22px;flex-basis:22px;font-size:20px}
  .ma-ga-v50__flag-name{font-size:7.5px}
}
