/* GDA FIPE 1.11.0 (campeões e raio-X da medida) — compare pneus pela etiqueta do INMETRO [gda_pneus]. Padrão visual da Tabela FIPE; celular primeiro; sem depender do fipe.css. */
.gf-pn{
  --pn-azul:#3666af;--pn-azul-fo:#1f3f73;--pn-azul-cl:#e8eef8;--pn-verde:#22a94f;
  --pn-bg:#f3f6fb;--pn-card:#fff;--pn-fg:#14213a;--pn-sub:#5a6680;--pn-linha:#dfe5ef;--pn-raio:14px;
  --pn-num:"Saira Semi Condensed","Arial Narrow",sans-serif;
  color:var(--pn-fg);background:var(--pn-card);border:1px solid var(--pn-linha);border-radius:calc(var(--pn-raio) + 8px);
  box-shadow:0 18px 40px -28px rgba(31,63,115,.35);overflow:hidden;margin:28px 0;font-size:16px;line-height:1.5
}
[data-theme="dark"] .gf-pn{--pn-azul:#6f9be0;--pn-azul-fo:#a9c4ef;--pn-azul-cl:#1a2a44;--pn-bg:#0c1220;--pn-card:#131c2e;--pn-fg:#e6ecf7;--pn-sub:#97a3bb;--pn-linha:#24304a}
.gf-pn *{box-sizing:border-box}
.gf-pn button,.gf-pn select{font:inherit;color:inherit}
.gf-pn button{cursor:pointer}
.gf-pn :focus-visible{outline:3px solid var(--pn-verde);outline-offset:2px}
/* topo */
.gf-pn-topo{padding:clamp(18px,4vw,28px) clamp(16px,4vw,28px) 16px;background:radial-gradient(120% 140% at 100% 0%,var(--pn-azul-cl) 0%,var(--pn-card) 62%);position:relative;overflow:hidden}
.gf-pn-topo::before{content:"";position:absolute;right:-110px;top:-110px;width:320px;height:320px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--pn-azul) 16%,transparent);pointer-events:none}
.gf-pn-selo{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--pn-azul);background:var(--pn-card);border:1px solid var(--pn-linha);border-radius:999px;padding:5px 11px}
.gf-pn-selo svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.gf-pn .gf-pn-tit{margin:12px 0 4px;font-size:clamp(22px,4.4vw,28px);line-height:1.2;color:var(--pn-azul-fo);font-weight:800}
.gf-pn-sub{margin:0 0 16px;color:var(--pn-sub);font-size:15px;max-width:62ch}
.gf-pn-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative}
.gf-pn-kpi{background:var(--pn-azul);color:#fff;border-radius:var(--pn-raio);padding:12px 12px 10px;display:grid;gap:2px;min-width:0}
.gf-pn-kpi b{font:800 clamp(22px,5vw,32px)/1 var(--pn-num);font-variant-numeric:tabular-nums}
.gf-pn-kpi span{font-size:13px;line-height:1.3;opacity:.92}
.gf-pn-kpi--v{background:var(--pn-verde)}
.gf-pn-kpi--e{background:var(--pn-azul-fo)}
[data-theme="dark"] .gf-pn-kpi--e{background:#2a4a80}
/* escolha da medida */
.gf-pn-escolha{padding:18px clamp(16px,4vw,28px);border-top:1px solid var(--pn-linha);background:var(--pn-bg)}
.gf-pn-onde{display:flex;align-items:flex-start;justify-content:center;gap:4px;margin:0 auto 12px;padding:12px 18px 8px;max-width:340px;border-radius:999px;background:#1d2433;color:#e9edf5;font:800 clamp(26px,7vw,34px)/1 var(--pn-num);letter-spacing:.02em;box-shadow:inset 0 0 0 6px #2b3446,inset 0 0 0 7px #3a4458}
.gf-pn-lat{display:inline-flex;flex-direction:column;align-items:center}
.gf-pn-lat>span{white-space:nowrap}
.gf-pn-lat small{font-size:.7em;margin-right:2px}
.gf-pn-lat i{font:600 11px/1.2 system-ui,sans-serif;font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:#9fb6dc;margin-top:6px}
.gf-pn-bar{opacity:.6}
.gf-pn-pergunta{margin:0 0 12px;color:var(--pn-sub);font-size:15px;text-align:center}
.gf-pn-pergunta b{display:block;color:var(--pn-fg);font-size:17px}
.gf-pn-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin:0 auto}
.gf-pn-form label,.gf-pn-marca{display:grid;gap:4px;font-size:13px;font-weight:700;color:var(--pn-sub);text-transform:uppercase;letter-spacing:.04em;min-width:0}
.gf-pn select{width:100%;min-height:48px;padding:8px 34px 8px 12px;border:1px solid var(--pn-linha);border-radius:12px;background:var(--pn-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%233666af' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center/18px;-webkit-appearance:none;appearance:none;font-size:18px;font-weight:700;color:var(--pn-fg);text-transform:none;letter-spacing:0}
.gf-pn-form select{font:800 22px/1 var(--pn-num);font-variant-numeric:tabular-nums}
.gf-pn-form noscript{grid-column:1/-1}
.gf-pn-pops{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:14px}
.gf-pn-pops span{font-size:14px;color:var(--pn-sub);font-weight:600}
.gf-pn-pop{display:inline-flex;align-items:center;min-height:40px;padding:6px 13px;border-radius:999px;border:1px solid var(--pn-linha);background:var(--pn-card);color:var(--pn-fg);font-weight:700;font-size:15px;text-decoration:none;font-variant-numeric:tabular-nums}
.gf-pn-pop:hover{border-color:var(--pn-azul);color:var(--pn-azul)}
.gf-pn-pop.is-on{background:var(--pn-azul);border-color:var(--pn-azul);color:#fff}
/* resultados */
.gf-pn-res{padding:18px clamp(16px,4vw,28px) 6px;border-top:1px solid var(--pn-linha)}
.gf-pn-res.is-carregando .gf-pn-lista{opacity:.45}
.gf-pn-cab{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;margin-bottom:12px}
.gf-pn-med{margin:0;display:grid;gap:2px}
.gf-pn-med b{font:800 clamp(26px,6vw,34px)/1 var(--pn-num);color:var(--pn-azul-fo);font-variant-numeric:tabular-nums}
.gf-pn-med span{color:var(--pn-sub);font-size:14px}
.gf-pn-marca{width:min(100%,240px)}
.gf-pn-marca select{font-size:16px;font-weight:600}
.gf-pn-abas{display:flex;gap:6px;overflow-x:auto;padding:4px;margin:0 -4px;scrollbar-width:none}
.gf-pn-abas::-webkit-scrollbar{display:none}
.gf-pn-aba{flex:0 0 auto;min-height:44px;padding:8px 15px;border-radius:999px;border:1px solid var(--pn-linha);background:var(--pn-card);font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap}
.gf-pn-aba:hover{border-color:var(--pn-azul)}
.gf-pn-aba.is-on{background:var(--pn-azul);border-color:var(--pn-azul);color:#fff}
.gf-pn-crit{margin:10px 0 12px;font-size:14px;color:var(--pn-sub)}
.gf-pn .gf-pn-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px;transition:opacity .15s}
.gf-pn .gf-pn-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin:0;padding:12px 14px;border:1px solid var(--pn-linha);border-radius:var(--pn-raio);background:var(--pn-card)}
.gf-pn .gf-pn-item:first-child{border-color:color-mix(in srgb,var(--pn-verde) 55%,var(--pn-linha));box-shadow:0 10px 24px -20px rgba(34,169,79,.8)}
.gf-pn-pos{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pn-azul-cl);color:var(--pn-azul-fo);font:800 17px/1 var(--pn-num)}
.gf-pn-item:first-child .gf-pn-pos{background:var(--pn-verde);color:#fff}
.gf-pn-nome{min-width:0;display:grid;gap:1px}
.gf-pn-nome small{font-size:13px;font-weight:700;color:var(--pn-azul);text-transform:uppercase;letter-spacing:.04em}
.gf-pn-nome b{font-weight:700;font-size:17px;line-height:1.25;overflow-wrap:anywhere}
.gf-pn-extra{font-size:13px;color:var(--pn-sub)}
.gf-pn-extra em{font-style:normal;font-weight:700;color:var(--pn-azul-fo);background:var(--pn-azul-cl);border-radius:6px;padding:1px 6px;margin-left:4px;white-space:nowrap}
.gf-pn-notas{display:flex;gap:6px;align-items:stretch}
.gf-pn-nota,.gf-pn-db{display:grid;justify-items:center;align-content:center;min-width:52px;padding:6px 4px 5px;border-radius:10px;color:#fff;line-height:1}
.gf-pn-nota b,.gf-pn-db b{font:800 22px/1 var(--pn-num);font-variant-numeric:tabular-nums}
.gf-pn-nota i,.gf-pn-db i{font-style:normal;font-size:11px;font-weight:700;margin-top:4px;letter-spacing:.02em}
/* cores da etiqueta oficial (A verde-escuro … G vermelho) */
.gf-pn-na{background:#00843d}.gf-pn-nb{background:#4caf32}.gf-pn-nc{background:#a7c400;color:#14213a}.gf-pn-nd{background:#f1d300;color:#14213a}
.gf-pn-ne{background:#f6a500;color:#14213a}.gf-pn-nf{background:#ec6a00}.gf-pn-ng{background:#e2001a}
.gf-pn-db{background:var(--pn-azul-cl);color:var(--pn-azul-fo)}
.gf-pn-vazio{margin:6px 0 10px;padding:14px;border-radius:var(--pn-raio);background:var(--pn-bg);color:var(--pn-sub);text-align:center}
.gf-pn-mais{display:block;width:100%;min-height:48px;margin:12px 0 8px;border-radius:12px;border:1px solid var(--pn-azul);background:var(--pn-card);color:var(--pn-azul);font-weight:700;font-size:16px}
.gf-pn-mais:hover{background:var(--pn-azul-cl)}
.gf-pn [hidden]{display:none!important}
/* campeões de cada ordem (1.11.0) */
.gf-pn-dest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}
.gf-pn-dest:empty{display:none}
.gf-pn-dc{display:grid;align-content:start;gap:6px;text-align:left;padding:12px;border-radius:var(--pn-raio);border:1px solid var(--pn-linha);background:linear-gradient(180deg,var(--pn-azul-cl),var(--pn-card) 70%);min-width:0}
.gf-pn-dc:hover{border-color:var(--pn-azul)}
.gf-pn-dct{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--pn-azul)}
.gf-pn-dct::before{content:"🏆 "}
.gf-pn-dcm{display:grid;gap:1px;min-width:0}
.gf-pn-dcm small{font-size:13px;font-weight:700;color:var(--pn-sub)}
.gf-pn-dcm b{font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.gf-pn-dcn{display:flex;gap:5px}
.gf-pn-dcn .gf-pn-nota,.gf-pn-dcn .gf-pn-db{min-width:0;flex:1;padding:5px 2px 4px}
.gf-pn-dcn b{font-size:18px}
.gf-pn-dcn i{font-size:9px}
.gf-pn-dc em{font-style:normal;font-size:12px;color:var(--pn-sub)}
.gf-pn-combo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--pn-azul-cl);color:var(--pn-azul-fo);font-weight:600;font-size:15px}
.gf-pn-combo button{min-height:36px;padding:4px 12px;border-radius:999px;border:1px solid var(--pn-azul);background:var(--pn-card);color:var(--pn-azul);font-weight:700}
/* raio-X da medida: gráficos */
.gf-pn-raio{margin:6px clamp(16px,4vw,28px) 0;padding:16px;border-radius:var(--pn-raio);background:var(--pn-bg);border:1px solid var(--pn-linha)}
.gf-pn-raio-tit{margin:0;font-weight:800;font-size:19px;color:var(--pn-azul-fo)}
.gf-pn-raio-tit b{font-family:var(--pn-num);font-size:1.1em}
.gf-pn-raio-sub{margin:4px 0 12px;color:var(--pn-sub);font-size:15px}
.gf-pn-graf2{display:grid;gap:12px;margin-bottom:12px}
.gf-pn-graf2:last-child{margin-bottom:0}
.gf-pn .gf-pn-graf{margin:0;padding:14px;border-radius:12px;background:var(--pn-card);border:1px solid var(--pn-linha);min-width:0}
.gf-pn .gf-pn-graf figcaption{font-family:inherit;font-weight:800;font-size:16px;line-height:1.3;font-style:normal;letter-spacing:0;text-transform:none;margin:0 0 10px;padding:0;color:var(--pn-fg);text-align:left;border:0}
.gf-pn .gf-pn-graf figcaption::before,.gf-pn .gf-pn-graf figcaption::after{content:none;display:none}
.gf-pn .gf-pn-graf figcaption small{display:block;font-family:inherit;font-weight:500;font-size:13px;color:var(--pn-sub)}
.gf-pn .gf-pn-dist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:6px 8px;align-items:center}
.gf-pn .gf-pn-dist li{display:contents}
.gf-pn-dl{display:grid;place-items:center;height:26px;border-radius:7px;color:#fff;font:800 16px/1 var(--pn-num)}
.gf-pn-dbar{height:14px;border-radius:4px;background:color-mix(in srgb,var(--pn-linha) 55%,transparent);overflow:hidden}
.gf-pn-dbar i{display:block;height:100%;border-radius:0 4px 4px 0}
.gf-pn-dv{font-size:13px;color:var(--pn-sub);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:5.6em;text-align:right}
.gf-pn-dv b{color:var(--pn-fg);font-size:14px}
.gf-pn-eixo{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--pn-sub)}
.gf-pn-mapa{display:grid;gap:3px}
.gf-pn-mh{display:grid;place-items:center;min-height:26px;border-radius:6px;color:#fff;font:800 14px/1 var(--pn-num)}
.gf-pn .gf-pn-mc{display:grid;place-items:center;min-height:38px;min-width:0;padding:0;border-radius:6px;border:0;background:rgba(54,102,175,var(--a));color:var(--pn-azul-fo);font:800 14px/1 var(--pn-num);font-variant-numeric:tabular-nums}
.gf-pn .gf-pn-mc.is-escuro{color:#fff}
.gf-pn-mc.is-vazio{background:color-mix(in srgb,var(--pn-linha) 40%,transparent)}
.gf-pn-mc.is-on{outline:3px solid var(--pn-verde);outline-offset:1px}
button.gf-pn-mc:hover{outline:2px solid var(--pn-azul-fo);outline-offset:1px}
.gf-pn .gf-pn-ruido{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;align-items:end}
.gf-pn-ruido li{display:grid;justify-items:center;gap:3px;margin:0;min-width:0}
.gf-pn-rv{font-size:11px;color:var(--pn-sub);font-variant-numeric:tabular-nums;min-height:13px;line-height:1}
.gf-pn-rc{display:flex;align-items:flex-end;width:100%;height:110px}
.gf-pn-rc i{display:block;width:100%;border-radius:4px 4px 0 0;background:var(--pn-azul)}
.gf-pn-ruido b{font:700 12px/1 var(--pn-num);color:var(--pn-fg)}
.gf-pn-gvazio{margin:0;color:var(--pn-sub);font-size:14px}
/* como ler */
.gf-pn-ler{margin:12px clamp(16px,4vw,28px) 0;padding:16px;border-radius:var(--pn-raio);background:var(--pn-azul-fo);color:#fff}
[data-theme="dark"] .gf-pn-ler{background:#1a2a44}
.gf-pn-ler-tit{margin:0 0 10px;font-weight:800;font-size:17px}
.gf-pn-ler-grade{display:grid;gap:12px}
.gf-pn-ler-c{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.gf-pn-ler-c p{margin:0;font-size:15px;line-height:1.45;color:#dfe8f7}
.gf-pn-ler-c p b{color:#fff}
.gf-pn-ler .gf-pn-db{background:#e8eef8;color:#1f3f73}
.gf-pn-aviso{margin:14px clamp(16px,4vw,28px) 0;padding:10px 14px;border-left:4px solid #f6a500;background:#fff6dd;border-radius:8px;font-size:14px;color:#5b4410}
[data-theme="dark"] .gf-pn-aviso{background:#3a2f12;color:#f3dfae}
.gf-pn-fonte{margin:12px clamp(16px,4vw,28px) 18px;font-size:13px;color:var(--pn-sub)}
.gf-pn-fonte a{color:var(--pn-azul)}
/* perguntas frequentes */
.gf-pn-faq{margin:28px 0}
.gf-pn-faq details{border:1px solid #dfe5ef;border-radius:12px;padding:0 16px;margin:0 0 10px;background:#fff}
.gf-pn-faq summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:17px;color:#1f3f73}
.gf-pn-faq details p{margin:0 0 14px;line-height:1.55}
@media (min-width:720px){
  .gf-pn-dest{grid-template-columns:repeat(4,minmax(0,1fr))}
  .gf-pn-graf2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gf-pn-ler-grade{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gf-pn-ler-c{grid-template-columns:1fr;justify-items:start}
}
/* celular estreito ou letra grande: as notas descem para baixo do nome */
@media (max-width:520px){
  .gf-pn .gf-pn-item{grid-template-columns:auto minmax(0,1fr)}
  .gf-pn-notas{grid-column:2}
}
/* bem estreito (celular com letra grande): tudo em uma coluna */
@media (max-width:420px){
  .gf-pn-kpis{grid-template-columns:1fr;gap:8px}
  .gf-pn-kpi{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px}
  .gf-pn-kpi span{font-size:14px}
  .gf-pn-onde{font-size:24px;padding:10px 12px 6px;gap:2px;box-shadow:inset 0 0 0 4px #2b3446,inset 0 0 0 5px #3a4458}
  .gf-pn-lat i{font-size:9px;letter-spacing:0}
  .gf-pn-form{grid-template-columns:1fr;gap:8px}
  .gf-pn-form label{grid-template-columns:4.6em 1fr;align-items:center;letter-spacing:0}
  .gf-pn-form select{font-size:20px;padding-right:28px;background-position:right 6px center}
  .gf-pn .gf-pn-item{grid-template-columns:auto minmax(0,1fr);padding:12px}
  .gf-pn-notas{grid-column:1/-1}
  .gf-pn-notas{display:grid;grid-template-columns:1fr 1fr 40px;gap:5px}
  .gf-pn-nota,.gf-pn-db{min-width:0;padding:6px 0 5px}
  .gf-pn-nota i,.gf-pn-db i{font-size:9px;letter-spacing:-.02em}
  .gf-pn .gf-pn-item{gap:8px 10px;padding:10px}
  .gf-pn-ler-c{grid-template-columns:1fr}
  .gf-pn-ler-c>span{justify-self:start;min-width:64px}
  .gf-pn-marca{width:100%}
  .gf-pn-dest{grid-template-columns:1fr}
  .gf-pn-raio{padding:12px;margin-left:12px;margin-right:12px}
  .gf-pn .gf-pn-graf{padding:10px}
  .gf-pn .gf-pn-dist{grid-template-columns:24px minmax(0,1fr) auto;gap:6px}
  .gf-pn-dv{min-width:0;font-size:12px}
  .gf-pn-mapa{gap:2px}
  .gf-pn .gf-pn-mc{min-height:32px;font-size:12px}
  .gf-pn-rv{display:none}
  .gf-pn-ruido b{font-size:10px}
}
@media (max-width:340px){.gf-pn .gf-pn-mc{font-size:10px;letter-spacing:-.03em}.gf-pn .gf-pn-nota i{font-size:8px;letter-spacing:-.04em}}
/* página própria: largura das páginas da Tabela FIPE */
.gf-pn-pagina .entry-content>.gf-pn,.gf-pn-pagina .entry-content>.gf-pn-faq{max-width:none}
@media (prefers-reduced-motion:reduce){.gf-pn .gf-pn-lista{transition:none}}