/* ===========================================================
   ERP Guinchos e Reboques

   Casca do Painel Ingra (Produtor 2.0) vestida com a marca do
   site: coluna clara a esquerda, area de trabalho branca, blocos
   num cinza um tom abaixo com canto bem redondo e sombra suave,
   que e o que separa um bloco do outro sem borda pesada.

   Onde o Produtor usa o azul fechando no quase preto, aqui entra
   o preto do quadrado do logo com o laranja do guincho. O botao
   principal leva o gradiente do site (amarelo -> laranja) com
   texto escuro: laranja chapado com texto branco nao tem
   contraste para ler.

   CSS puro e sem @layer. O Filament fica todo em camadas, entao
   estas regras ganham sem !important e sem build no servidor.
   =========================================================== */

:root{
  --gr-branco:#FFFFFF;
  --gr-bloco:#FAFAFA;
  --gr-fundo:#FFFFFF;

  --gr-tinta:#111111;
  --gr-texto:#1F2329;
  --gr-texto-2:#6B7280;
  --gr-texto-3:#9AA1AE;
  --gr-linha:#E8E8EB;
  --gr-linha-2:#D8D8DE;

  --gr-marca:#F39200;
  --gr-marca-2:#FBBF12;
  --gr-marca-ink:#A35F00;
  --gr-marca-tint:rgba(243,146,0,.13);
  --gr-marca-tint-2:rgba(243,146,0,.07);

  --gr-grad-botao:linear-gradient(90deg,#FBBF12 0%,#F39200 100%);
  --gr-grad-forte:
    radial-gradient(120% 140% at 100% 0%, rgba(243,146,0,.28) 0%, rgba(243,146,0,0) 55%),
    linear-gradient(135deg,#2A2A27 0%,#171716 55%,#0B0B0A 100%);

  --gr-ok:#0E9F6E;      --gr-ok-tint:rgba(14,159,110,.11);
  --gr-alerta:#B45309;  --gr-alerta-tint:rgba(180,83,9,.11);
  --gr-perigo:#B91C4A;  --gr-perigo-tint:rgba(185,28,74,.11);
  --gr-info:#2563EB;    --gr-info-tint:rgba(37,99,235,.10);

  --gr-raio:24px;
  --gr-raio-2:16px;
  --gr-raio-3:10px;
  --gr-sombra:0 10px 15px -3px rgba(17,17,17,.06), 0 4px 6px -4px rgba(17,17,17,.06);
  --gr-sombra-2:0 20px 25px -5px rgba(17,17,17,.08), 0 8px 10px -6px rgba(17,17,17,.06);
}

body.fi-body{
  background:var(--gr-fundo);
  color:var(--gr-texto);
  font-size:15px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}

/* ===========================================================
   Marca
   =========================================================== */

.gr-marca{ display:inline-flex; align-items:center; gap:11px; }
.gr-marca img{ width:38px; height:38px; border-radius:11px; flex-shrink:0; box-shadow:0 6px 14px rgba(17,17,17,.18); }
.gr-marca-nome{ font-size:15.5px; font-weight:500; letter-spacing:-.02em; color:var(--gr-texto-2); white-space:nowrap; }
.gr-marca-nome b{ font-weight:800; color:var(--gr-tinta); }

/* ===========================================================
   Coluna lateral
   =========================================================== */

.fi-sidebar{
  background:var(--gr-branco);
  border-right:1px solid var(--gr-linha);
  box-shadow:none;
}
.fi-sidebar-header{
  background:var(--gr-branco);
  box-shadow:none;
  border-bottom:1px solid var(--gr-linha);
  height:auto;
  padding:20px 20px 18px;
}
.fi-sidebar-nav{ padding:14px 14px 18px; row-gap:6px; }
.fi-sidebar-nav-groups{ row-gap:6px; }

/* Botao de acao no topo da coluna */
.gr-lateral-novo{
  display:flex; align-items:center; gap:10px;
  margin:0 0 10px;
  padding:12px 16px;
  border-radius:var(--gr-raio-2);
  background:var(--gr-grad-botao);
  color:var(--gr-tinta);
  font-size:14px; font-weight:700;
  box-shadow:0 10px 22px rgba(243,146,0,.30);
  transition:transform .15s ease, box-shadow .15s ease;
}
.gr-lateral-novo:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(243,146,0,.36); }
.gr-lateral-novo svg{ width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2; flex-shrink:0; }
.gr-lateral-novo-num{
  margin-left:auto;
  min-width:24px; height:24px; padding:0 7px;
  display:grid; place-items:center;
  border-radius:99px;
  background:var(--gr-tinta); color:var(--gr-marca-2);
  font-size:12px; font-weight:800;
}

.fi-sidebar-group-btn{ padding:9px 10px; border-radius:var(--gr-raio-2); }
.fi-sidebar-group-btn:hover{ background:var(--gr-marca-tint-2); }
.fi-sidebar-group-label{
  font-size:10.5px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase;
  color:var(--gr-texto-3);
}

.fi-sidebar-item-btn{
  border-radius:var(--gr-raio-2);
  padding:9px 12px;
  gap:11px;
  transition:background .15s ease, color .15s ease;
}
.fi-sidebar-item-label{ font-size:13.5px; font-weight:500; color:var(--gr-texto-2); }
.fi-sidebar-item-icon{ color:var(--gr-texto-3); width:18px; height:18px; }
.fi-sidebar-item-btn:hover{ background:var(--gr-marca-tint-2); }
.fi-sidebar-item-btn:hover .fi-sidebar-item-label{ color:var(--gr-texto); }

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn{ background:var(--gr-marca-tint); }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label{ color:var(--gr-marca-ink); font-weight:600; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-icon{ color:var(--gr-marca); }

.fi-sidebar-item-badge-ctn .fi-badge{ background:var(--gr-marca-tint); color:var(--gr-marca-ink); }

/* Pe da coluna: perfil e sair */
.gr-lateral-pe{ padding:12px 14px 16px; border-top:1px solid var(--gr-linha); }
.gr-lateral-perfil{
  display:flex; align-items:center; gap:10px;
  padding:10px;
  border:1px solid var(--gr-linha);
  border-radius:var(--gr-raio-2);
  background:var(--gr-bloco);
  margin-bottom:8px;
}
.gr-lateral-perfil div{ min-width:0; }
.gr-lateral-perfil b{
  display:block; font-size:13px; font-weight:600; color:var(--gr-tinta);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.gr-lateral-perfil span:not(.gr-inicial){ font-size:11.5px; color:var(--gr-texto-2); }
.gr-lateral-sair{
  display:flex; align-items:center; gap:9px;
  width:100%;
  padding:10px 12px;
  background:none;
  border:1px solid var(--gr-linha);
  border-radius:var(--gr-raio-2);
  color:var(--gr-texto-2);
  font:inherit; font-size:13.5px; font-weight:500;
  cursor:pointer;
  transition:border-color .15s ease, color .15s ease;
}
.gr-lateral-sair:hover{ border-color:var(--gr-linha-2); color:var(--gr-texto); }
.gr-lateral-sair svg{ width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.7; }

.gr-inicial{
  width:34px; height:34px; border-radius:50%;
  background:var(--gr-marca-tint); color:var(--gr-marca-ink);
  display:grid; place-items:center;
  font-size:13px; font-weight:700;
  flex-shrink:0;
}

/* ===========================================================
   Area de trabalho e cabecalho ("topo" do Produtor)
   =========================================================== */

.fi-main{ padding-inline:28px; }
.fi-page-header-main-ctn{ row-gap:20px; padding-block:28px 32px; }

.fi-header{ align-items:flex-start; }
.fi-header-heading{
  font-size:26px; font-weight:800;
  letter-spacing:-.035em; line-height:1.15;
  color:var(--gr-tinta);
}
.fi-header-subheading{ margin-top:4px; font-size:14px; color:var(--gr-texto-2); }
.fi-breadcrumbs{ margin-bottom:6px; }
.fi-breadcrumbs-item-label{ font-size:12.5px; font-weight:500; color:var(--gr-texto-3); }

/* ===========================================================
   Blocos: secoes, tabelas e relacoes
   =========================================================== */

.fi-section:not(.fi-section-not-contained),
.fi-ta-ctn{
  background:var(--gr-bloco);
  border:1px solid var(--gr-linha);
  border-radius:var(--gr-raio);
  box-shadow:var(--gr-sombra);
  --tw-ring-shadow:0 0 #0000;
  overflow:hidden;
}

.fi-section.fi-section-not-contained{ background:transparent; border:0; box-shadow:none; }
.fi-section.fi-section-not-contained > .fi-section-content-ctn > .fi-section-content{ padding:0; }

.fi-section-header{ padding:22px 24px 14px; }
.fi-section-header-heading{ font-size:17px; font-weight:700; letter-spacing:-.02em; color:var(--gr-tinta); }
.fi-section-header-description{ font-size:13.5px; color:var(--gr-texto-2); }
.fi-section-content-ctn{ border-top:0; }
.fi-section-content{ padding:4px 24px 24px; }

.fi-in-entry-label{ font-size:12px; font-weight:600; letter-spacing:.02em; color:var(--gr-texto-3); text-transform:uppercase; }
.fi-in-text-item{ font-size:14px; color:var(--gr-tinta); font-weight:500; }

/* ===========================================================
   Tabela
   =========================================================== */

.fi-ta-header-ctn,
.fi-ta-header{ background:transparent; }
.fi-ta-header{ padding:22px 24px 10px; }
.fi-ta-header-heading{ font-size:17px; font-weight:700; letter-spacing:-.02em; color:var(--gr-tinta); }
.fi-ta-header-toolbar{ padding:12px 20px; border-color:var(--gr-linha); }

.fi-ta-content-ctn{ background:var(--gr-branco); border-color:var(--gr-linha); }
.fi-ta-table thead tr{ background:var(--gr-bloco); }
.fi-ta-header-cell,
.fi-ta-header-cell button,
.fi-ta-header-cell span{
  font-size:11px; font-weight:700;
  letter-spacing:.07em; text-transform:uppercase;
  color:var(--gr-texto-3);
}
.fi-ta-table > tbody > tr,
.fi-ta-row{ border-color:var(--gr-linha); }
.fi-ta-row{ transition:background .12s ease; }
.fi-ta-row:hover{ background:#FFF9F0; }
.fi-ta-text-item{ font-size:13.5px; }
.fi-ta-cell:first-child .fi-ta-text-item{ font-weight:600; color:var(--gr-tinta); }

.fi-pagination{ padding:12px 20px; font-size:13px; }

/* ===========================================================
   Abas: pilulas como o filtro de periodo do Produtor
   =========================================================== */

.fi-tabs{
  margin-inline:0;
  width:fit-content;
  max-width:100%;
  background:var(--gr-bloco);
  border:1px solid var(--gr-linha);
  border-radius:99px;
  padding:4px;
  gap:4px;
  box-shadow:none;
  --tw-ring-shadow:0 0 #0000;
}
.fi-tabs-item{ border-radius:99px; padding:7px 16px; }
.fi-tabs-item-label{ font-size:13px; font-weight:600; color:var(--gr-texto-2); }
.fi-tabs-item:hover .fi-tabs-item-label{ color:var(--gr-texto); }
.fi-tabs-item.fi-active{ background:var(--gr-marca-tint); }
.fi-tabs-item.fi-active .fi-tabs-item-label{ color:var(--gr-marca-ink); }
.fi-tabs-item .fi-badge{ font-size:11px; }

/* ===========================================================
   Selos
   =========================================================== */

.fi-badge{
  border-radius:var(--gr-raio-3);
  font-size:12px; font-weight:600;
  padding-inline:9px;
  --tw-ring-shadow:0 0 #0000;
  box-shadow:none;
}

/* ===========================================================
   Botoes
   =========================================================== */

.fi-btn{
  border-radius:99px;
  font-weight:600;
  padding-inline:18px;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.fi-btn.fi-color-primary:not(.fi-outlined){
  background:var(--gr-grad-botao);
  color:var(--gr-tinta);
  box-shadow:0 8px 22px rgba(243,146,0,.28);
}
.fi-btn.fi-color-primary:not(.fi-outlined) .fi-icon,
.fi-btn.fi-color-primary:not(.fi-outlined) .fi-loading-indicator{ color:var(--gr-tinta); }
.fi-btn.fi-color-primary:not(.fi-outlined):hover{ transform:translateY(-1px); box-shadow:0 12px 28px rgba(243,146,0,.34); }

.fi-btn.fi-color-success:not(.fi-outlined){ box-shadow:0 8px 20px rgba(14,159,110,.24); }
.fi-btn.fi-color-danger:not(.fi-outlined){ box-shadow:0 8px 20px rgba(185,28,74,.20); }
.fi-btn:not(.fi-outlined):hover{ transform:translateY(-1px); }

.fi-btn.fi-color-gray:not(.fi-outlined){
  background:var(--gr-branco);
  border:1px solid var(--gr-linha);
  color:var(--gr-texto);
  box-shadow:none;
}

.fi-icon-btn{ border-radius:99px; }

/* ===========================================================
   Campos
   =========================================================== */

.fi-input-wrp{
  border-radius:var(--gr-raio-2);
  background:var(--gr-branco);
  box-shadow:0 0 0 1px var(--gr-linha-2);
  transition:box-shadow .15s ease;
}
.fi-input-wrp:focus-within{ box-shadow:0 0 0 1px var(--gr-marca), 0 0 0 4px var(--gr-marca-tint); }
.fi-input{ font-size:15px; }
.fi-fo-field-label-content,
.fi-input-wrp-label{ font-size:13px; font-weight:600; color:var(--gr-texto); }
.fi-checkbox-input:checked{ background-color:var(--gr-marca); }

/* ===========================================================
   Menus suspensos, janelas e avisos
   =========================================================== */

.fi-dropdown-panel{
  border-radius:var(--gr-raio-2);
  border:1px solid var(--gr-linha);
  box-shadow:var(--gr-sombra-2);
  --tw-ring-shadow:0 0 #0000;
}
.fi-modal-window{ border-radius:var(--gr-raio); box-shadow:0 30px 70px rgba(17,17,17,.25); }
.fi-modal-heading{ font-size:18px; font-weight:700; letter-spacing:-.02em; color:var(--gr-tinta); }
.fi-modal-description{ font-size:14px; color:var(--gr-texto-2); }
.fi-no-notification{ border-radius:var(--gr-raio-2); box-shadow:var(--gr-sombra-2); }

/* ===========================================================
   Login: fundo escuro do logo, caixa branca no centro
   =========================================================== */

.fi-simple-layout{
  background:var(--gr-grad-forte);
  min-height:100vh;
}
.fi-simple-main{
  background:var(--gr-branco);
  border-radius:var(--gr-raio);
  box-shadow:0 30px 70px rgba(0,0,0,.5);
  --tw-ring-shadow:0 0 #0000;
  padding:36px 32px;
}
.fi-simple-header-heading{ font-size:22px; font-weight:800; letter-spacing:-.03em; color:var(--gr-tinta); }
.fi-simple-header-subheading{ color:var(--gr-texto-2); }
.fi-simple-main .fi-btn.fi-color-primary{ width:100%; padding-block:12px; font-size:15px; }

/* ===========================================================
   Painel (tela inicial): componentes do Produtor
   =========================================================== */

.gr-painel{ display:grid; gap:18px; }

/* ---------- metricas ---------- */
.gr-metricas{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }

.gr-metrica{
  position:relative; overflow:hidden;
  display:block;
  background:var(--gr-bloco);
  border:1px solid var(--gr-linha);
  border-radius:var(--gr-raio);
  box-shadow:var(--gr-sombra);
  padding:24px;
  color:inherit;
  transition:transform .15s ease, box-shadow .15s ease;
}
.gr-metrica:hover{ transform:translateY(-2px); box-shadow:var(--gr-sombra-2); }
.gr-metrica-alto{ position:relative; z-index:1; display:flex; align-items:center; gap:10px; }
.gr-metrica-icone{
  width:34px; height:34px; border-radius:var(--gr-raio-3);
  background:var(--gr-marca-tint); color:var(--gr-marca-ink);
  display:grid; place-items:center; flex-shrink:0;
}
.gr-metrica-icone svg{ width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; }
.gr-metrica-rotulo{ font-size:14px; font-weight:500; color:var(--gr-texto-2); }
.gr-metrica-valor{
  position:relative; z-index:1; display:block;
  margin:16px 0 8px;
  font-size:34px; font-weight:800;
  letter-spacing:-.035em; line-height:1;
  color:var(--gr-tinta);
}
.gr-metrica-apoio{ position:relative; z-index:1; display:block; font-size:12.5px; color:var(--gr-texto-2); }
.gr-metrica-marca{
  position:absolute; right:-18px; top:50%;
  transform:translateY(-50%);
  width:132px; height:132px;
  color:var(--gr-marca);
  opacity:.07;
  pointer-events:none;
}
.gr-metrica-marca svg{ width:100%; height:100%; stroke:currentColor; fill:none; stroke-width:1.1; }

.gr-metrica-forte{ background:var(--gr-grad-forte); border-color:transparent; box-shadow:var(--gr-sombra-2); }
.gr-metrica-forte .gr-metrica-rotulo{ color:rgba(255,255,255,.72); }
.gr-metrica-forte .gr-metrica-valor{ color:var(--gr-branco); }
.gr-metrica-forte .gr-metrica-apoio{ color:var(--gr-marca-2); }
.gr-metrica-forte .gr-metrica-icone{ background:rgba(243,146,0,.22); color:var(--gr-marca-2); }
.gr-metrica-forte .gr-metrica-marca{ color:var(--gr-marca-2); opacity:.13; }

/* ---------- faixa de resumo ---------- */
.gr-resumo{
  position:relative; overflow:hidden;
  background:var(--gr-grad-forte);
  border-radius:var(--gr-raio);
  box-shadow:var(--gr-sombra-2);
  padding:26px 28px;
  color:var(--gr-branco);
}
.gr-resumo::after{
  content:""; position:absolute; right:-40px; bottom:-60px;
  width:320px; height:320px; border-radius:50%;
  background:radial-gradient(circle, rgba(251,191,18,.22) 0%, rgba(251,191,18,0) 70%);
  pointer-events:none;
}
.gr-resumo-corpo{ position:relative; z-index:1; }
.gr-resumo-rotulo{
  margin:0;
  font-size:10.5px; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase;
  color:rgba(255,255,255,.55);
}
.gr-resumo-numeros{ display:flex; align-items:flex-end; gap:44px; flex-wrap:wrap; margin-top:12px; }
.gr-resumo-grande{ margin:0; font-size:50px; font-weight:800; letter-spacing:-.045em; line-height:1; color:var(--gr-branco); }
.gr-resumo-apoio{ margin:6px 0 0; font-size:13px; color:rgba(255,255,255,.68); }
.gr-resumo-medio{ margin:5px 0 0; font-size:25px; font-weight:700; letter-spacing:-.025em; color:var(--gr-branco); }

.gr-resumo-perfis{ margin-left:auto; display:grid; gap:9px; min-width:250px; }
.gr-resumo-perfil{ display:grid; grid-template-columns:86px 1fr 28px; align-items:center; gap:10px; font-size:12.5px; }
.gr-resumo-perfil span{ color:rgba(255,255,255,.72); }
.gr-resumo-perfil i{ display:block; height:8px; border-radius:99px; background:rgba(255,255,255,.12); overflow:hidden; }
.gr-resumo-perfil b{ display:block; height:100%; border-radius:99px; background:var(--gr-grad-botao); min-width:4px; }
.gr-resumo-perfil em{ font-style:normal; font-weight:700; text-align:right; color:var(--gr-branco); }

/* ---------- blocos e listas ---------- */
.gr-colunas{ display:grid; grid-template-columns:1.6fr 1fr; gap:18px; align-items:start; }
.gr-pilha{ display:grid; gap:18px; }

.gr-bloco{
  background:var(--gr-bloco);
  border:1px solid var(--gr-linha);
  border-radius:var(--gr-raio);
  box-shadow:var(--gr-sombra);
  overflow:hidden;
}
.gr-bloco-alto{ box-shadow:var(--gr-sombra-2); }
.gr-bloco-topo{ display:flex; align-items:flex-start; gap:12px; padding:22px 24px 14px; }
.gr-bloco-titulo{ margin:0; font-size:17px; font-weight:700; letter-spacing:-.02em; color:var(--gr-tinta); }
.gr-bloco-apoio{ margin:2px 0 0; font-size:13.5px; color:var(--gr-texto-2); }

.gr-pastilha{
  margin-left:auto; flex-shrink:0;
  padding:6px 13px;
  border:1px solid var(--gr-linha);
  border-radius:99px;
  background:var(--gr-branco);
  font-size:12px; font-weight:500; color:var(--gr-texto-2);
  white-space:nowrap;
  transition:border-color .15s ease;
}
.gr-pastilha-link{ color:var(--gr-marca-ink); font-weight:600; }
.gr-pastilha-link:hover{ border-color:var(--gr-marca); }

.gr-itens{ padding:0 12px 12px; display:grid; gap:8px; }
.gr-item{
  display:flex; align-items:center; gap:12px;
  padding:13px 14px;
  background:var(--gr-branco);
  border:1px solid var(--gr-linha);
  border-radius:var(--gr-raio-2);
  color:inherit;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
a.gr-item:hover{ border-color:var(--gr-linha-2); box-shadow:var(--gr-sombra); transform:translateY(-1px); }
.gr-item-corpo{ min-width:0; flex:1; }
.gr-item-titulo{
  display:block; font-size:14px; font-weight:600; color:var(--gr-tinta);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.gr-item-meta{
  display:block; margin-top:2px; font-size:12.5px; color:var(--gr-texto-2);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.gr-item-seta{ width:16px; height:16px; stroke:var(--gr-texto-3); fill:none; stroke-width:2; flex-shrink:0; }
a.gr-item:hover .gr-item-seta{ stroke:var(--gr-marca); }

.gr-selo{
  display:inline-flex; align-items:center; gap:4px;
  padding:3px 9px;
  border-radius:var(--gr-raio-3);
  font-size:12px; font-weight:600;
  white-space:nowrap; flex-shrink:0;
}
.gr-selo-marca{ background:var(--gr-marca-tint); color:var(--gr-marca-ink); }
.gr-selo-alerta{ background:var(--gr-alerta-tint); color:var(--gr-alerta); }
.gr-selo-ok{ background:var(--gr-ok-tint); color:var(--gr-ok); }
.gr-selo-info{ background:var(--gr-info-tint); color:var(--gr-info); }
.gr-selo-neutro{ background:rgba(17,17,17,.05); color:var(--gr-texto-2); }

.gr-vazio{
  display:grid; justify-items:center; gap:4px;
  padding:34px 24px 40px;
  text-align:center;
}
.gr-vazio svg{ width:40px; height:40px; stroke:var(--gr-marca); fill:none; stroke-width:1.5; margin-bottom:8px; opacity:.8; }
.gr-vazio b{ font-size:14.5px; font-weight:600; color:var(--gr-tinta); }
.gr-vazio span{ font-size:13px; color:var(--gr-texto-2); max-width:40ch; }
.gr-vazio-baixo{ padding:18px 24px 28px; }

.gr-dica{
  display:flex; gap:12px;
  padding:18px 20px;
  background:var(--gr-marca-tint-2);
  border:1px solid var(--gr-marca-tint);
  border-radius:var(--gr-raio);
}
.gr-dica svg{ width:20px; height:20px; flex-shrink:0; stroke:var(--gr-marca); fill:none; stroke-width:1.8; margin-top:1px; }
.gr-dica b{ display:block; font-size:14px; font-weight:600; color:var(--gr-tinta); margin-bottom:3px; }
.gr-dica p{ margin:0; font-size:13px; color:var(--gr-texto-2); line-height:1.55; }

/* ===========================================================
   Telas menores
   =========================================================== */

@media (max-width:1080px){
  .gr-colunas{ grid-template-columns:1fr; }
  .gr-resumo-perfis{ margin-left:0; width:100%; }
}

@media (max-width:820px){
  .fi-main{ padding-inline:16px; }
  .fi-page-header-main-ctn{ padding-block:18px 24px; }
  .fi-header-heading{ font-size:22px; }
  .gr-metrica-valor{ font-size:28px; }
  .gr-resumo-grande{ font-size:40px; }
  .gr-resumo-numeros{ gap:24px; }
  .gr-metrica-marca{ width:105px; height:105px; }
}