/* IA Tracker · componentes (plugin iat). Só tokens: o tema (theme.json) ou o css_extra da sync redefinem.
   Padrões em :where(:root) = especificidade zero, qualquer tema ganha. Escuro é a marca; claro por preferência. */
:where(:root){
  --iat-fundo:#0E0F14;--iat-superficie:#171923;--iat-superficie-2:#1F2230;--iat-borda:#2A2E3F;
  --iat-texto:#E9EAF2;--iat-texto-suave:#A3A7BA;--iat-azul:#5271FF;--iat-roxo:#C066FF;--iat-link:#8EA2FF;
  --iat-ok:#3DDC97;--iat-alerta:#FFC75A;--iat-erro:#FF6B81;--iat-patrocinado:#FFB86B;
  --mono-azul:#5271FF;--mono-roxo:#C066FF;--mono-ciano:#2BB8D9;--mono-rosa:#F05FA8;--mono-verde:#2FBF8A;--mono-ambar:#E8A33D;
  --iat-f-titulo:"Poppins",system-ui,sans-serif;--iat-f-texto:inherit;--iat-f-dado:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --iat-dur-rapida:140ms;--iat-dur-media:280ms;--iat-curva:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme: light){:where(:root.iat-claro){
  --iat-fundo:#F7F7FB;--iat-superficie:#FFFFFF;--iat-superficie-2:#EEF0F7;--iat-borda:#DADDEA;--iat-texto:#14151C;--iat-texto-suave:#555A6E;
  --iat-azul:#3F5CF0;--iat-roxo:#9A3FE0;--iat-link:#3F5CF0;--iat-ok:#13804F;--iat-alerta:#9A6400;--iat-erro:#C21F3A}}

.iat-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.iat-nota{margin:0;font-size:.875rem;color:var(--iat-texto-suave)}
.iat-vazio{color:var(--iat-texto-suave);font-style:italic;font-size:.875em}
.iat-num{font-family:var(--iat-f-dado);font-variant-numeric:tabular-nums;white-space:nowrap}

/* botões */
.iat-botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:12px;font-weight:600;font-size:.9375rem;line-height:1.2;text-decoration:none!important;position:relative;z-index:2;
  transition:transform var(--iat-dur-rapida) var(--iat-curva),box-shadow var(--iat-dur-rapida) var(--iat-curva),border-color var(--iat-dur-rapida)}
.iat-botao::after{content:"↗";font-size:.875em}
.iat-botao--principal{color:#fff!important;background:linear-gradient(120deg,var(--iat-azul),var(--iat-roxo))}
.iat-botao--principal:hover{transform:translateY(-1px);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--iat-azul) 70%,transparent)}
.iat-botao--saida{color:var(--iat-texto)!important;background:var(--iat-superficie-2);border:1px solid var(--iat-borda)}
.iat-botao--saida:hover{border-color:var(--iat-azul)}
.iat-botao:focus-visible,.iat-card__link:focus-visible,.iat-video__play:focus-visible{outline:2px solid var(--iat-azul);outline-offset:3px}

/* monograma e selos */
.iat-mono,.iat-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;flex:none}
.iat-mono{font:700 1.0625rem var(--iat-f-titulo);color:#fff;background:var(--cor,var(--mono-azul))}
.iat-logo{object-fit:contain;background:#fff;padding:6px}
.iat-mono--grande{width:72px;height:72px;font-size:1.5rem;border-radius:16px}
.iat-selos{display:flex;flex-wrap:wrap;gap:6px}
.iat-selo{font:600 .75rem/1 var(--iat-f-dado);letter-spacing:.02em;padding:6px 10px;border-radius:999px;border:1px solid var(--iat-borda);color:var(--iat-texto-suave)}
.iat-selo--ok{color:var(--iat-ok);border-color:color-mix(in srgb,var(--iat-ok) 45%,transparent)}
.iat-selo--alerta{color:var(--iat-alerta);border-color:color-mix(in srgb,var(--iat-alerta) 55%,transparent)}

/* card: card inteiro -> ficha (link esticado); botão -> saída (camada acima) */
.iat-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:12px;margin-block:1.25em}
.iat-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-content:start;padding:16px;border-radius:12px;background:var(--iat-superficie);border:1px solid var(--iat-borda);color:var(--iat-texto);min-width:0;margin-block:1em;
  --mx:50%;--my:50%;background-image:radial-gradient(240px circle at var(--mx) var(--my),color-mix(in srgb,var(--iat-azul) 14%,transparent),transparent 70%);
  transition:transform var(--iat-dur-media) var(--iat-curva),border-color var(--iat-dur-rapida),box-shadow var(--iat-dur-media) var(--iat-curva)}
.iat-grade>.iat-card{margin:0}
.iat-card:hover,.iat-card:focus-within{transform:translateY(-3px);border-color:color-mix(in srgb,var(--iat-azul) 60%,var(--iat-borda));box-shadow:0 0 0 1px var(--iat-borda),0 12px 40px -12px color-mix(in srgb,var(--iat-azul) 45%,transparent)}
.iat-card--sem-ficha:hover,.iat-card--sem-ficha:focus-within{transform:none}
.iat-card .iat-mono,.iat-card .iat-logo{transition:transform var(--iat-dur-media) var(--iat-curva)}
.iat-card:hover .iat-mono,.iat-card:hover .iat-logo{transform:scale(1.06) rotate(-3deg)}
.iat-card__nome{font:600 1.0625rem/1.25 var(--iat-f-titulo);margin:0;align-self:center}
.iat-card__link{color:var(--iat-texto)!important;text-decoration:none!important}
.iat-card__link::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.iat-card__faz,.iat-card__para,.iat-card__preco,.iat-card__aviso,.iat-card .iat-selos,.iat-card .iat-botao{grid-column:1/-1;margin:0}
.iat-card__faz,.iat-card__para{font-size:.9375rem;color:var(--iat-texto-suave)}
.iat-card__para strong{color:var(--iat-texto)}
.iat-card__preco{font:500 .8125rem var(--iat-f-dado);color:var(--iat-texto-suave)}
.iat-card__aviso{font-size:.8125rem;color:var(--iat-alerta)}
.iat-card .iat-botao{justify-self:start}
.iat-card--compacto{grid-template-columns:auto 1fr auto;align-items:center}
.iat-card--compacto .iat-selos,.iat-card--compacto .iat-card__preco{display:none}
.iat-card--compacto .iat-botao{grid-column:auto}

/* ranking */
.iat-ranking{margin-block:1.5em}
.iat-ranking__criterio{font-size:.9375rem;padding:12px 16px;border-radius:12px;background:var(--iat-superficie-2);margin:0 0 12px}
.iat-ranking__lista{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.iat-ranking__item{display:grid;grid-template-columns:2.5rem 1fr;gap:12px;align-items:start}
.iat-ranking__pos{font:700 1.5rem/1 var(--iat-f-titulo);color:var(--iat-azul);text-align:center;padding-top:20px}
.iat-ranking__corpo{min-width:0}
.iat-ranking__corpo .iat-card{margin:0}
.iat-ranking__porque{margin:8px 0 0;font-size:.9375rem;color:var(--iat-texto-suave)}

/* tabelas */
.iat-tabela{overflow-x:auto;border:1px solid var(--iat-borda);border-radius:12px;margin-block:1.25em}
.iat-tabela table{border-collapse:collapse;width:100%;min-width:32rem;font-size:.9375rem;margin:0}
.iat-tabela th,.iat-tabela td{text-align:left;padding:10px 14px;border:0;border-bottom:1px solid var(--iat-borda);vertical-align:top}
.iat-tabela thead th{font:600 .75rem var(--iat-f-dado);text-transform:uppercase;letter-spacing:.06em;color:var(--iat-texto-suave);background:var(--iat-superficie)}
.iat-tabela tbody tr:last-child>*{border-bottom:0}
@media (max-width:40rem){
  .iat-comparativo table{min-width:0}
  .iat-comparativo thead{display:none}
  .iat-comparativo tr{display:grid;gap:4px;padding:10px 14px;border-bottom:1px solid var(--iat-borda)}
  .iat-comparativo th,.iat-comparativo td{border:0;padding:2px 0}
  .iat-comparativo td::before{content:attr(data-rotulo) ": ";font-weight:600;color:var(--iat-texto-suave)}
}

/* ficha */
.iat-pagina{max-width:72rem;margin:0 auto;padding-inline:16px;padding-block:24px 64px}
.iat-ficha{display:grid;gap:24px;max-width:46rem;margin:0 auto;color:var(--iat-texto)}
.iat-ficha h1,.iat-ficha h2{font-family:var(--iat-f-titulo);line-height:1.15;text-wrap:balance;margin:0}
.iat-trilha{font-size:.875rem;color:var(--iat-texto-suave)}
.iat-trilha a{color:inherit}
.iat-ficha__topo{display:grid;grid-template-columns:auto 1fr;gap:16px 20px;align-items:start;padding:24px;border-radius:20px;background:var(--iat-superficie);border:1px solid var(--iat-borda);position:relative;overflow:hidden}
.iat-ficha__topo::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--iat-azul),var(--iat-roxo))}
.iat-ficha__id{display:grid;gap:8px;min-width:0}
.iat-ficha__id h1{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700}
.iat-ficha__faz{margin:0;color:var(--iat-texto-suave)}
.iat-ficha__acao{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.iat-bloco{display:grid;gap:12px}
.iat-bloco h2{font-size:1.375rem;font-weight:600}
.iat-bloco p{margin:0}
.iat-bloco ul{margin:0;padding-left:1.2em;display:grid;gap:4px}
.iat-linha-tempo{list-style:none;padding-left:0!important}
.iat-linha-tempo time{font:500 .8125rem var(--iat-f-dado);color:var(--iat-texto-suave);margin-right:8px}
.iat-fontes{font-size:.8125rem;color:var(--iat-texto-suave);border-top:1px solid var(--iat-borda);padding-top:16px}
.iat-fontes p{margin:0}
.iat-ficha details{border:1px solid var(--iat-borda);border-radius:12px;padding:12px 16px;background:var(--iat-superficie)}
.iat-ficha summary{cursor:pointer;font-weight:600}
.iat-ficha details p{margin-top:8px;color:var(--iat-texto-suave)}
@media (max-width:30rem){.iat-ficha__topo{grid-template-columns:1fr}.iat-mono--grande{width:56px;height:56px}}

/* confiança */
.iat-divulgacao{margin:1em 0;font-size:.875rem;color:var(--iat-texto-suave);border-left:2px solid var(--iat-borda);padding-left:12px}
.iat-atualizado{margin:1em 0;font-size:.9375rem;padding:12px 16px;border-radius:12px;background:var(--iat-superficie-2)}
.iat-atualizado strong{font-family:var(--iat-f-dado);font-weight:500;font-size:.875rem}
.iat-aviso{padding:16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--iat-alerta) 55%,transparent);background:color-mix(in srgb,var(--iat-alerta) 10%,transparent)}
.iat-aviso strong{color:var(--iat-alerta)}
.iat-cta{margin:1.25em 0}

/* promo (Empresa 1P): rótulo sempre visível, nunca parece ranking */
.iat-promo{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;align-items:center;margin:1.75em 0;padding:16px;border-radius:12px;border:1px dashed var(--iat-borda);background:var(--iat-superficie)}
.iat-promo__rotulo{grid-column:1/-1;margin:0;font:600 .6875rem/1 var(--iat-f-dado);text-transform:uppercase;letter-spacing:.08em;color:var(--iat-patrocinado)}
.iat-promo__img{width:72px;height:72px;border-radius:12px;object-fit:cover}
.iat-promo__corpo{display:grid;gap:8px;min-width:0}
.iat-promo__titulo{margin:0;font:600 1.0625rem/1.3 var(--iat-f-titulo)}
.iat-promo__texto{margin:0;font-size:.9375rem;color:var(--iat-texto-suave)}
.iat-promo .iat-botao{justify-self:start}
.iat-promo:not(:has(.iat-promo__img)) .iat-promo__corpo{grid-column:1/-1}

/* vídeo com fachada */
.iat-video{margin:1.75em 0}
.iat-video__play{position:relative;display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#000;aspect-ratio:16/9}
.iat-video__play img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--iat-dur-media) var(--iat-curva),opacity var(--iat-dur-media)}
.iat-video__play:hover img{transform:scale(1.02);opacity:.85}
.iat-video__icone{position:absolute;inset:50% auto auto 50%;width:68px;height:48px;transform:translate(-50%,-50%);border-radius:14px;background:linear-gradient(120deg,var(--iat-azul),var(--iat-roxo))}
.iat-video__icone::after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.iat-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;display:block}
.iat-video figcaption{margin-top:8px;font-size:.875rem;color:var(--iat-texto-suave);display:flex;flex-wrap:wrap;gap:4px 10px}
.iat-video__titulo{color:var(--iat-texto);font-weight:600}
.iat-video__dur{font-family:var(--iat-f-dado)}

@media (prefers-reduced-motion: reduce){
  .iat-card,.iat-botao,.iat-card .iat-mono,.iat-video__play img{transition:none}
  .iat-card:hover,.iat-card:focus-within,.iat-botao--principal:hover,.iat-card:hover .iat-mono,.iat-card:hover .iat-logo,.iat-video__play:hover img{transform:none}
}

/* 1.2.3: ícone da ferramenta = logo sobre o fundo azul (capa-ícone) ou arte antiga da ficha (logo da marca) */
.iat-logo--marca{padding:0;background:none;object-fit:cover}
.iat-logo--arte{overflow:hidden;padding:0;background:#E3E2FF}
.iat-logo--arte img{width:100%;height:100%;object-fit:cover;transform:scale(1.7)}

/* 1.2.5: catálogo */
.iat-catalogo{max-width:1240px;margin:0 auto;padding:clamp(24px,4vw,48px) clamp(16px,4vw,32px)}
.iat-catalogo__topo h1{margin:0 0 .4em;font:700 clamp(1.9rem,4.5vw,2.75rem)/1.1 var(--iat-f-titulo)}
.iat-catalogo__topo p{margin:0;color:var(--iat-texto-suave);max-width:60ch}
.iat-catalogo__filtros{display:grid;gap:12px;margin:24px 0 8px;padding:14px;border:1px solid var(--iat-borda);border-radius:16px;background:color-mix(in srgb,var(--iat-fundo) 92%,transparent);backdrop-filter:blur(10px)}
.iat-catalogo__busca{max-width:none}
.iat-catalogo__busca input{flex:1;min-width:0;border:0;background:transparent;color:var(--iat-texto);font-size:1rem;padding:.55rem .25rem;outline:none}
.iat-catalogo__cats{display:flex;flex-wrap:wrap;gap:8px}
.iat-catalogo__cats .iat-chip{cursor:pointer;font:inherit;font-size:.875rem}
.iat-catalogo__cats .iat-chip span{opacity:.6;margin-left:4px;font-size:.8em}
.iat-catalogo__cats .iat-chip[aria-pressed="true"]{background:var(--iat-grad);color:#fff;border-color:transparent}
.iat-catalogo__opcoes{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;font-size:.9375rem;color:var(--iat-texto-suave)}
.iat-catalogo__opcoes label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.iat-catalogo__conta{margin-left:auto;font:500 .875rem var(--iat-f-dado)}
.iat-cat-item[hidden]{display:none}
.iat-catalogo__grade{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:14px}
.iat-catalogo__grade>.iat-cat-item>.iat-card{height:100%;margin:0}
.iat-catalogo__vazio{padding:32px 0;text-align:center;color:var(--iat-texto-suave)}
.iat-link{background:none;border:0;padding:0;color:var(--iat-link);text-decoration:underline;cursor:pointer;font:inherit}
@media (max-width:781px){.iat-catalogo__conta{margin-left:0}}
.iat-cat-item--destaque{display:grid;grid-template-rows:auto 1fr;gap:6px}
.iat-cat-item__rotulo{margin:0;font:600 .6875rem/1 var(--iat-f-dado);text-transform:uppercase;letter-spacing:.08em;color:var(--iat-patrocinado,var(--iat-roxo))}
.iat-cat-item--destaque>.iat-card{border-color:color-mix(in srgb,var(--iat-azul) 55%,var(--iat-borda))}
.iat-catalogo .iat-chip{border:1px solid var(--iat-borda);background:var(--iat-superficie);border-radius:999px;padding:6px 13px;color:var(--iat-texto)}
.iat-catalogo .iat-busca{display:flex;align-items:center;gap:10px;background:var(--iat-superficie);border:1px solid var(--iat-borda);border-radius:14px;padding:6px 6px 6px 16px;box-sizing:border-box}
.iat-catalogo .iat-busca:focus-within{border-color:var(--iat-azul)}

/* 1.2.8: blog (guias) e ABC da IA */
.iat-blog .iat-gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.iat-blog .iat-gcard{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:18px;overflow:hidden;background:var(--iat-superficie);border:1px solid var(--iat-borda);transition:transform var(--iat-dur-media) var(--iat-curva),border-color var(--iat-dur-rapida),box-shadow var(--iat-dur-media)}
.iat-blog .iat-gcard[hidden]{display:none}
.iat-blog .iat-gcard:hover,.iat-blog .iat-gcard:focus-within{transform:translateY(-4px);border-color:color-mix(in srgb,var(--iat-azul) 55%,var(--iat-borda));box-shadow:0 20px 40px -22px color-mix(in srgb,var(--iat-azul) 55%,transparent)}
.iat-blog .iat-gcard__capa{display:block;aspect-ratio:1200/630;overflow:hidden;background:var(--iat-superficie-2)}
.iat-blog .iat-gcard__capa .iat-capa{display:block;width:100%;height:100%}
.iat-blog .iat-gcard__img{width:100%;height:100%;object-fit:cover;display:block}
.iat-blog .iat-gcard__corpo{display:grid;align-content:start;gap:8px;padding:16px 18px 18px}
.iat-blog .iat-pcard__tipo{font:600 .72rem/1 var(--iat-f-dado);text-transform:uppercase;letter-spacing:.06em;color:var(--iat-azul)}
.iat-blog .iat-gcard__titulo{margin:0;font:600 1.08rem/1.3 var(--iat-f-titulo);color:var(--iat-texto)}
.iat-blog .iat-gcard__titulo a{color:inherit;text-decoration:none}
.iat-blog .iat-gcard__titulo a::after{content:"";position:absolute;inset:0}
.iat-blog .iat-gcard__resumo{margin:0;font-size:.92rem;line-height:1.5;color:var(--iat-texto-suave)}
.iat-blog .iat-num{font:500 .75rem var(--iat-f-dado);color:var(--iat-texto-suave)}
.iat-abc__nav{display:flex;flex-wrap:wrap;gap:6px}
.iat-abc__nav .iat-chip{min-width:2.2em;text-align:center;text-decoration:none;padding:5px 10px;font-weight:600}
.iat-abc__lista{display:grid;gap:28px;margin-top:20px}
.iat-abc__letra[hidden]{display:none}
.iat-abc__letra h2{margin:0 0 10px;font:700 1.6rem/1 var(--iat-f-titulo);color:var(--iat-texto);scroll-margin-top:90px}
.iat-abc__letra h2 span{font:500 .8rem var(--iat-f-dado);color:var(--iat-texto-suave);margin-left:6px}
.iat-abc__letra ul{list-style:none;margin:0;padding:0;columns:4 220px;column-gap:28px}
.iat-abc__letra li{break-inside:avoid;padding:4px 0}
.iat-abc__letra li[hidden]{display:none}
.iat-abc__letra a{color:var(--iat-texto);text-decoration:none;border-bottom:1px solid transparent}
.iat-abc__letra a:hover{color:var(--iat-link);border-bottom-color:currentColor}
