/* Métrica Lab — anúncios, convite e aviso de cookies.
   Carregado só quando alguma peça está ligada em Aparência → Anúncios.
   Regra de ouro: espaço reservado para o anúncio não empurrar o texto e
   nenhuma peça nossa encostada em um anúncio. */

/* Quem não vê anúncio (Founder, Moderador, administrador) — o navegador
   reconhece pelo cookie e apaga tudo, mesmo em página vinda do cache. */
.ml-sem-anuncios .ml-ad-faixa,
.ml-sem-anuncios .ml-convite,
.ml-sem-anuncios .ml-cookies{display:none!important}

/* ---------- unidades ---------- */

.ml-ad-faixa{display:flex;justify-content:center;width:100%;padding:0 var(--ml-gutter,24px)}
.ml-ad-faixa--resumo{margin:32px 0 8px}
.ml-ad-faixa--rodape{margin:40px 0 48px}

.ml-ad{width:100%;max-width:970px;margin:0;padding:0;text-align:center}
.ml-ad-rotulo{display:block;font-family:var(--ml-font-mono,monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ml-color-muted,#626764);opacity:.75;margin:0 0 6px}

/* Tamanho fixo por faixa de tela — é o que reserva o espaço e mantém os
   formatos aprovados no plano. Sem isto o AdSense escolhe um retângulo alto. */
.ml-ad-ins{display:inline-block;width:320px;height:100px;background:transparent}

@media (min-width:768px){
  .ml-ad-ins{width:728px;height:90px}
}
@media (min-width:1100px){
  .ml-ad--rodape .ml-ad-ins{width:970px;height:90px}
}

/* ---------- peça 4 · convite do Métrica Lab ---------- */

.ml-convite-gatilho{display:block;height:1px;margin:0;padding:0}

.ml-convite{position:fixed;z-index:99998;background:var(--ml-color-bg,#FBFAF7);border:1px solid var(--ml-color-line-strong,#CFCDC3);box-shadow:0 24px 70px -30px rgba(22,24,26,.5);font-family:var(--ml-font-body,sans-serif);color:var(--ml-color-ink,#16181A);opacity:0;transform:translateY(14px);transition:opacity .28s ease,transform .28s ease}
.ml-convite.is-open{opacity:1;transform:translateY(0)}
.ml-convite[hidden]{display:none}

.ml-convite-eyebrow{font-family:var(--ml-font-mono,monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ml-color-primary,#1F4E45);margin:0 0 8px}
.ml-convite-tit{font-family:var(--ml-font-heading,serif);font-weight:500;font-size:22px;line-height:1.15;letter-spacing:-.015em;margin:0 0 6px}
.ml-convite-txt{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--ml-color-text,#5C615F)}
.ml-convite-acoes{display:flex;gap:10px;flex-wrap:wrap}
.ml-convite-acoes a{display:inline-flex;align-items:center;gap:8px;border-radius:var(--ml-radius-pill,999px);padding:11px 18px;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
.ml-convite-a1{background:var(--ml-color-primary,#1F4E45);color:var(--ml-color-bg,#FBFAF7)}
.ml-convite-a2{background:transparent;color:var(--ml-color-primary,#1F4E45);border:1px solid var(--ml-color-line-strong,#CFCDC3)}
.ml-convite-acoes a:focus-visible{outline:2px solid var(--ml-color-primary,#1F4E45);outline-offset:3px}
.ml-convite svg{width:16px;height:16px;flex-shrink:0}
.ml-convite-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;border:1px solid var(--ml-color-line,#E2E1DA);background:#fff;color:var(--ml-color-text,#5C615F);font-size:17px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}

@media (max-width:780px){
  .ml-convite{left:0;right:0;bottom:0;border-radius:20px 20px 0 0;border-bottom:0;padding:22px 20px 26px}
}
@media (min-width:781px){
  .ml-convite{right:28px;bottom:28px;width:390px;border-radius:18px;padding:24px 26px}
}
@media (prefers-reduced-motion:reduce){
  .ml-convite{transition:none;transform:none}
}

/* ---------- aviso de cookies ---------- */

.ml-cookies{position:fixed;left:0;right:0;bottom:0;z-index:99997;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:12px 18px;background:var(--ml-color-ink,#16181A);color:#FBFAF7;font-family:var(--ml-font-body,sans-serif);font-size:13px;line-height:1.5}
.ml-cookies[hidden]{display:none}
.ml-cookies p{margin:0}
.ml-cookies a{color:#fff;text-decoration:underline}
.ml-cookies-ok{border:1px solid rgba(251,250,247,.4);background:transparent;color:#FBFAF7;border-radius:var(--ml-radius-pill,999px);padding:7px 16px;font-size:13px;cursor:pointer}
.ml-cookies-ok:hover{background:rgba(251,250,247,.12)}

/* O convite sobe acima do aviso; nunca se sobrepõem. */
.ml-cookies:not([hidden])~.ml-convite{bottom:64px}
