/* Economia (pedido do dono, 2026-10-09): a cinta saiu da portada. Na cabeceira fica só o ícone com o
   dólar do país; tocando, a lista (dólar, BTC, ouro, prata, petróleo e bandeiras) desce embaixo da cabeceira,
   por cima da página, e o painel de cada país abre no mesmo lugar. */
.econ-chip{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 4px;background:transparent;border:0;box-shadow:none;color:#f1e6d3;font:600 12.5px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;min-width:0}
.econ-chip[hidden]{display:none!important}
.econ-chip svg{flex:none}
.econ-chip:focus-visible{outline:2px solid #e3c27a;outline-offset:2px;border-radius:6px}
.econ-chip[aria-expanded=true]{color:#e3c27a}
.econ-chip-seta{font-size:9px}
.econ-chip-seta.up{color:#7be35a}.econ-chip-seta.down{color:#ff9a8a}.econ-chip-seta.neutral{display:none}
#gaba3-ticker.econ-ribbon{
    --econ-text:#f4ead8;--econ-muted:#d9c9ac;--econ-line:rgba(199,165,90,.36);--econ-ouro:#e3c27a;--econ-verde:#55c900;
    position:fixed;z-index:125;top:calc(var(--gaba3-header-h,92px) + 4px);right:8px;left:auto;
    width:min(430px,calc(100vw - 16px));max-height:calc(100dvh - var(--gaba3-header-h,92px) - 14px);
    overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;
    color:var(--econ-text);font:13px/1.45 Inter,system-ui,sans-serif;margin:0;padding:0;box-sizing:border-box;
    border:1px solid rgba(199,165,90,.5);border-radius:14px;
    background:linear-gradient(160deg,rgba(40,20,8,.55),rgba(14,7,3,.7)),url("../assets/brand/fondo-madera-oscura-gaba3.webp?v=real1") center/cover;
    box-shadow:0 14px 34px rgba(0,0,0,.55);animation:econ-expand .2s ease-out;
}
#gaba3-ticker.econ-ribbon::-webkit-scrollbar{display:none}
@media(min-width:900px){#gaba3-ticker.econ-ribbon{width:min(760px,calc(100vw - 32px));right:16px}}
.econ-menu{padding:6px 0 10px}
.econ-ribbon .econ-linha{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:0;border-bottom:1px solid var(--econ-line);text-align:left}
.econ-ribbon button.econ-linha:hover{background:rgba(255,210,140,.07)}
.econ-linha-icone{display:inline-flex;justify-content:center;color:var(--econ-ouro)}
.econ-linha-icone .econ-flag{width:28px}
.econ-linha-nome{display:flex;flex-direction:column;min-width:0}
.econ-linha-nome b{font-size:14px;color:#fff8ea;overflow-wrap:anywhere}
.econ-linha-nome small{font-size:11px;color:var(--econ-muted)}
.econ-linha>strong{font-size:15px;color:#fff8ea;font-variant-numeric:tabular-nums;white-space:nowrap}
.econ-linha>.econ-change{min-width:62px;text-align:right}
.econ-ribbon .econ-menu-titulo{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--econ-ouro);margin:12px 14px 6px}
.econ-bandeiras{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px;padding:0 8px}
.econ-ribbon .econ-bandeiras button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;background:transparent;border:1px solid transparent;border-radius:10px;min-width:0}
.econ-ribbon .econ-bandeiras button:hover{border-color:var(--econ-line)}
.econ-bandeiras small{font-size:10.5px;color:var(--econ-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.econ-ribbon *{box-sizing:border-box}
.econ-ribbon [hidden]{display:none!important}
.econ-ribbon button{font:inherit;color:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;min-width:0;box-shadow:none;margin:0;line-height:1.35}
.econ-ribbon button:focus-visible,.econ-ribbon a:focus-visible{outline:2px solid var(--econ-ouro);outline-offset:3px}
.econ-ribbon h2,.econ-ribbon h3,.econ-ribbon p{margin:0}
.econ-ribbon h2{color:#f7ecd8;font-size:23px;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.55)}
.econ-ribbon h3{font-size:16px;color:#f7ecd8;margin-bottom:10px}
/* X grande e fácil de tocar com o dedo (pedido do dono: "fácil para entrar e fácil para sair"). */
.econ-ribbon .econ-close{flex:none;width:44px;height:44px;display:grid;place-items:center;padding:0;background:rgba(24,12,5,.72);border:1px solid rgba(199,165,90,.55);border-radius:50%;font-size:19px;color:#f1e6d3}
.econ-flag{font:22px/1 "Twemoji Country Flags","Segoe UI Emoji","Noto Color Emoji",sans-serif;display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;filter:drop-shadow(0 2px 4px #0007)}
.econ-flag svg{display:block;width:100%;height:21px;border-radius:3px;overflow:hidden}
.econ-change{display:inline-block;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}
.econ-ribbon .up{color:#7be35a}.econ-ribbon .down{color:#ff9a8a}.econ-ribbon .neutral{color:#d9c9ac}
.econ-status{font-size:11px;color:var(--econ-muted);padding:8px 14px 0}
.econ-status:not(.has-problema){display:none}
.econ-panel{padding:0 12px 10px;min-width:0;touch-action:pan-y}
.econ-heading{display:flex;align-items:center;gap:12px;margin:0 -12px 12px;padding:10px 17px;min-width:0;position:sticky;top:0;z-index:3;cursor:pointer;border-radius:14px 14px 0 0;border-bottom:1px solid var(--econ-line);background:linear-gradient(180deg,rgba(30,15,6,.55),rgba(14,7,3,.7)),url("../assets/brand/fondo-madera-oscura-gaba3.webp?v=real1") center/cover}
.econ-heading>div{flex:1;min-width:0}
.econ-heading p{font-size:11px;color:var(--econ-muted);margin-top:3px}
.econ-tabs{display:flex;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;padding:5px 2px 9px;border-bottom:1px solid var(--econ-line);scrollbar-width:thin}
.econ-ribbon .econ-tabs button{white-space:nowrap;flex:none;padding:9px 14px;background:transparent;border:1px solid transparent;border-radius:9px;font-size:12px;color:var(--econ-muted)}
.econ-ribbon .econ-tabs button[aria-pressed=true]{color:#e4f9cf;background:rgba(85,201,0,.2);border-color:var(--econ-verde)}
.econ-tabs button span{font-size:18px;vertical-align:middle;margin-right:5px}
.econ-content{padding-top:14px;min-height:120px;min-width:0}
.econ-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:10px}
.econ-metric,.econ-detail{background:rgba(24,12,5,.62);border:1px solid var(--econ-line);border-radius:12px;padding:14px;min-width:0;box-shadow:inset 0 1px rgba(255,235,181,.05)}
.econ-metric{display:flex;flex-direction:column;gap:5px}
.econ-metric>span{font-size:12.5px;color:#eadcc2;font-weight:650}
.econ-metric>strong{font-size:22px;line-height:1.25;color:#fff8ea;font-variant-numeric:tabular-nums}
.econ-metric>small{font-size:11px;color:var(--econ-muted)}
.econ-source{font-size:10.5px;display:block;margin-top:8px;color:var(--econ-muted);overflow-wrap:anywhere}
.econ-source a{color:#f0d48a;text-decoration:underline;text-underline-offset:3px}
.econ-source strong{font-size:10px;color:#e9d7b0}
.econ-detail>strong{display:block;font-size:23px;color:#fff;font-variant-numeric:tabular-nums}
.econ-detail>strong small{font-size:12px;color:var(--econ-muted)}
.econ-detail p{margin:12px 0;font-size:12px;max-width:85ch;color:#eadcc2}
.econ-chart{display:block;max-width:100%;color:#e6d3b0}
.econ-chart.large{width:100%;height:125px;margin:15px 0 5px}
.econ-chart-range{font-size:10px;color:var(--econ-muted);display:block;overflow-wrap:anywhere}
.econ-no-chart{font-size:11px;color:var(--econ-muted)}
.econ-note{font-size:11px!important;color:var(--econ-muted)!important;margin:12px 0!important}
.econ-graphs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:12px}
.econ-guide{max-width:95ch;padding:8px 5px;color:#eadcc2}.econ-guide p{margin:13px 0;font-size:13px}
.econ-state{padding:24px 10px;color:var(--econ-muted)}
.econ-secao{font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--econ-ouro);margin:16px 3px 8px;text-transform:uppercase}
.econ-secao:first-child{margin-top:2px}
.econ-frase{font-size:12px;font-weight:650;color:var(--econ-muted)}
.econ-frase.bom,.econ-cai{color:#7be35a}
.econ-frase.ruim,.econ-sobe{color:#ff9a8a}
.econ-velho{font-size:10px;color:#e9d7b0}
/* "O que vende" e "Preços em reais": uma linha por produto — nome e de onde é o preço · valor e medida · subiu/caiu. */
.econ-vendas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:6px}
.econ-venda{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:10px 12px;background:rgba(24,12,5,.62);border:1px solid var(--econ-line);border-radius:10px}
.econ-venda>div:first-child{display:flex;flex-direction:column;min-width:0}
.econ-venda>div:first-child b{font-size:14px;color:#fff8ea;overflow-wrap:anywhere}
.econ-venda small{font-size:10.5px;color:var(--econ-muted)}
.econ-venda-preco{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.econ-venda-preco strong{font-size:16px;color:#fff8ea;font-variant-numeric:tabular-nums;white-space:nowrap}
.econ-venda-mudou{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}
.econ-venda-mudou:empty{display:none}
.econ-venda-mudou b{font-size:12.5px}
.econ-igual{color:var(--econ-muted)}
.econ-resumo-precos{font-size:13px;color:#eadcc2;margin:2px 3px 10px}
.econ-precos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:6px}
.econ-preco{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:10px;padding:9px 12px;background:rgba(24,12,5,.62);border:1px solid var(--econ-line);border-radius:10px}
.econ-preco>span{font-size:13px;color:#f4ead8;overflow-wrap:anywhere}
.econ-preco>b{font-size:14px;font-variant-numeric:tabular-nums}
.econ-preco>small{font-size:11px;color:var(--econ-muted);font-variant-numeric:tabular-nums;min-width:88px;text-align:right}
.econ-ribbon [data-retry],.econ-ribbon [data-refresh]{border:1px solid rgba(199,165,90,.45);border-radius:8px;padding:5px 10px;background:rgba(24,12,5,.78);color:#f1e6d3}
@keyframes econ-expand{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
    .econ-chip{font-size:12px;gap:3px;padding:0 2px}
    .econ-ribbon .econ-linha{padding:10px 12px;gap:8px}
    .econ-panel{padding:0 8px 6px}.econ-heading{gap:8px;margin-inline:-8px;padding:8px 10px}.econ-heading p{font-size:10px}
    .econ-ribbon h2{font-size:20px}.econ-heading>.econ-flag{width:30px;font-size:23px}
    .econ-ribbon .econ-tabs button{padding:8px 10px;min-height:42px}
    .econ-metrics,.econ-products,.econ-graphs{grid-template-columns:minmax(0,1fr)}
    .econ-metric{padding:13px}.econ-metric>strong{font-size:21px}
}
@media(prefers-reduced-motion:reduce){#gaba3-ticker.econ-ribbon{animation:none}}