:root{--cor:#e8432d;--cor-escura:#c7341f;--cor2:#fdeeeb;--verde:#15a05a;--verm:#d93025;--amar:#b7791f;--txt:#3e3e3e;--forte:#1f1f1f;--suave:#737373;--fundo:#ffffff;--cinza:#f5f5f5;--card:#fff;--borda:#ececec;--sombra:0 2px 10px rgba(0,0,0,.06);--raio:14px;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--fundo);color:var(--txt);line-height:1.45;padding-bottom:0}
a{color:var(--cor)}
main{max-width:720px;margin:0 auto;padding:16px}
h1{font-size:1.4rem;margin:.4em 0}h2{font-size:1.05rem;margin:0 0 .5em}
.topo{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--cor);color:#fff}
.topo a,.topo .link{color:#fff;text-decoration:none}
.marca{font-size:1.1rem}
.inline{display:inline}
.link{background:none;border:0;color:var(--cor);cursor:pointer;font:inherit;padding:0;text-decoration:underline}
.perigo,.link.perigo{color:var(--verm)}
.botao{display:inline-block;background:var(--cor);color:#fff;border:0;border-radius:10px;padding:12px 18px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;margin:4px 4px 4px 0;text-align:center}
.botao.sec{background:var(--cor2);color:var(--cor)}
.botao.entrada{background:var(--verde)}.botao.saida{background:var(--verm)}
.botao.pequeno{padding:6px 12px;font-size:.9rem}
.form{display:flex;flex-direction:column;gap:12px}
label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.95rem}
label.check{flex-direction:row;align-items:center;gap:8px;font-weight:400}
input,select,textarea{font:inherit;padding:10px;border:1px solid var(--borda);border-radius:8px;background:var(--card);color:var(--txt);width:100%}
input[type=checkbox]{width:auto}
input.grande{font-size:1.6rem;font-weight:700}
small,.nota{color:var(--suave);font-size:.85rem}
.aviso{padding:10px 14px;border-radius:8px;margin:8px 0;background:var(--cor2)}
.aviso.erro{background:#fde8e6;color:#8a1f14}.aviso.aviso{background:#fff4dc;color:#7a4d00}
.hero{padding:24px 0}.hero h1{font-size:1.8rem}
.lista-beneficios{padding-left:18px}.lista-beneficios li{margin:8px 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.card{background:var(--card);border:1px solid var(--borda);border-radius:12px;padding:12px;display:flex;flex-direction:column}
.card span{color:var(--suave);font-size:.8rem}.card b{font-size:1.05rem;word-break:break-word}
.card.entrou b{color:var(--verde)}.card.saiu b{color:var(--verm)}.card.saldo.neg b{color:var(--verm)}
@media (max-width:420px){.card b{font-size:.92rem}}
.acoes-rapidas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bloco{background:var(--card);border:1px solid var(--borda);border-radius:12px;padding:14px;margin:12px 0}
.barra{height:12px;background:var(--cor2);border-radius:6px;overflow:hidden}
.barra div{height:100%;background:var(--verde)}
.limite.atencao .barra div,.limite.alerta .barra div{background:var(--amar)}
.limite.estourou .barra div,.limite.estourou_grave .barra div{background:var(--verm)}
.limite.estourou,.limite.estourou_grave{border-color:var(--verm)}
.grafico{display:flex;align-items:flex-end;gap:6px;height:140px}
.grafico .col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}
.grafico .pares{flex:1;display:flex;align-items:flex-end;gap:2px;width:100%;justify-content:center}
.grafico i{display:block;width:40%;min-height:2px;border-radius:3px 3px 0 0}
.grafico span{font-size:.75rem;color:var(--suave)}
i.r{background:var(--verde)}i.d{background:var(--verm)}
.legenda i{display:inline-block;width:10px;height:10px;border-radius:2px}
.legenda{font-size:.8rem;color:var(--suave)}
.itens,.das{list-style:none;padding:0;margin:0}
.itens li,.das li{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--borda);align-items:center}
.itens li.receita b{color:var(--verde)}.itens li.despesa b{color:var(--verm)}
.itens.detalhado li div:first-child{display:flex;flex-direction:column}
.itens.detalhado span{font-size:.85rem;color:var(--suave)}
.acoes{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.85rem}
.das li div:first-child{display:flex;flex-direction:column}
.das span{font-size:.88rem;color:var(--suave)}
.selo{font-weight:600}
.das li.vencido .selo{color:var(--verm)}.das li.vence_logo .selo{color:var(--amar)}.das li.pago .selo{color:var(--verde)}
.pagar{display:flex;gap:4px;align-items:center}.pagar input{width:110px;padding:6px}
.filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:8px 0}
.filtros input,.filtros select{width:auto}
.mesnav{display:flex;justify-content:space-between;align-items:center}
.mesnav a{font-size:1.8rem;text-decoration:none;padding:0 12px}
.alternar{display:grid;grid-template-columns:1fr 1fr;margin:8px 0 12px;border:1px solid var(--borda);border-radius:10px;overflow:hidden}
.alternar a{text-align:center;padding:10px;text-decoration:none;color:var(--suave)}
.alternar a.ativo{background:var(--cor);color:#fff;font-weight:700}
.foto{border:2px dashed var(--borda);border-radius:10px;padding:12px}
details summary{cursor:pointer;font-weight:600;margin:4px 0}
.planos{display:grid;gap:12px}.planos .destaque{border-color:var(--cor)}
@media (min-width:640px){.planos{grid-template-columns:1fr 1fr}}
.tabela{width:100%;border-collapse:collapse;font-size:.9rem}.tabela td,.tabela th{border-bottom:1px solid var(--borda);padding:6px;text-align:left}
.abas{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:var(--card);border-top:1px solid var(--borda);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.abas a{text-decoration:none;color:var(--suave);font-size:.8rem;padding:8px 4px}
.abas a.mais{background:var(--cor);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;padding:0}
.rodape{text-align:center;font-size:.8rem;color:var(--suave);padding:16px}
.topo nav a{margin-left:12px;font-size:.9rem}
@media (max-width:480px){.topo{flex-wrap:wrap;gap:6px}.topo nav a{margin:0 10px 0 0}}
.busca{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--borda);border-radius:12px;padding:12px}
.linha{display:flex;gap:8px;flex-wrap:wrap}.linha>*{flex:1;min-width:140px}.linha.entre{justify-content:space-between;align-items:center}.linha.entre>*{flex:0 0 auto}
.chips{display:flex;gap:6px;overflow-x:auto;padding:12px 0}
.chips a{white-space:nowrap;padding:6px 12px;border:1px solid var(--borda);border-radius:20px;text-decoration:none;color:var(--txt);background:var(--card);font-size:.88rem}
.chips a.ativo{background:var(--cor);color:#fff;border-color:var(--cor)}
.cartoes{list-style:none;padding:0;display:grid;gap:10px}
@media (min-width:640px){.cartoes{grid-template-columns:1fr 1fr}}
.cartao{display:flex;gap:12px;background:var(--card);border:1px solid var(--borda);border-radius:12px;padding:10px;text-decoration:none;color:var(--txt)}
.cartao img,.sem-foto{width:84px;height:84px;border-radius:10px;object-fit:cover;flex:none}
.sem-foto{display:flex;align-items:center;justify-content:center;font-size:2.2rem;background:var(--cor2)}
.cartao div{display:flex;flex-direction:column;min-width:0}.cartao span{font-size:.85rem;color:var(--suave)}
.selo{display:inline-block;background:var(--amar);color:#fff;font-size:.72rem;padding:1px 8px;border-radius:10px;vertical-align:middle}
.selo.ok{background:var(--verde)}
.estrelas{color:#c98a00 !important;font-weight:600}.estrelas.grande{font-size:1.15rem}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin:12px 0}
.galeria img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.foto-rem{flex-direction:column;align-items:flex-start}
.descricao{white-space:pre-line}
.botao.whats{background:#1f9d55;width:100%;font-size:1.1rem;padding:14px}
.avaliacao{border-bottom:1px solid var(--borda);padding:8px 0}.avaliacao span{color:var(--suave);font-size:.85rem}.avaliacao p{margin:4px 0}
.lista{list-style:none;padding:0}.lista li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--borda)}
.lista li div{display:flex;flex-direction:column}.lista span{font-size:.85rem;color:var(--suave)}
.notas{border:0;padding:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.notas legend{font-weight:600;margin-bottom:4px}
.notas input{position:absolute;opacity:0;width:1px}
.notas label{font-size:2.2rem;color:var(--borda);cursor:pointer;display:inline}
.notas input:checked~label,.notas label:hover,.notas label:hover~label{color:#e0a800}
.notas input:focus-visible+label{outline:2px solid var(--cor)}
.link-edicao{word-break:break-all;font-weight:600}
.vazio{padding:16px;text-align:center;color:var(--suave)}
.grafico .col b{font-size:.75rem}.grafico .col i{width:60%;background:var(--cor);border-radius:3px 3px 0 0;min-height:2px}
.grafico{align-items:stretch}.grafico .col{justify-content:flex-end}
.tabela tr.pendente{background:var(--cor2)}.tabela tr.suspenso,.tabela tr.oculta{opacity:.55}
.acoes-admin form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cartao .selo{align-self:flex-start;color:#fff;font-weight:600}
/* Fase 1 — pedidos */
.destaque-pedido{border-color:var(--cor)}
.grande-botao{display:block;width:100%;font-size:1.05rem;padding:14px}
.garantias{margin:8px 0 0;padding-left:18px;font-size:.9rem;color:var(--suave)}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.passos{margin:6px 0 0;padding-left:18px;font-size:.92rem}
.lista span.status{font-size:.8rem;color:var(--cor)}
span.status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--cor2);color:var(--cor);white-space:nowrap}
span.status.st-pago,span.status.st-executado{background:#e3f4ea;color:#14663a}span.status.st-liberado{background:#e3f4ea;color:#14663a}
span.status.st-disputa{background:#fff4dc;color:#7a4d00}span.status.st-cancelado,span.status.st-recusado,span.status.st-reembolsado{background:#eceff0;color:#5c6b65}
.etapas{display:flex;list-style:none;padding:0;margin:12px 0;gap:4px}
.etapas li{flex:1;text-align:center;font-size:.72rem;color:var(--suave);border-top:4px solid var(--borda);padding-top:6px}
.etapas li.feito{border-color:var(--verde);color:var(--txt);font-weight:600}
.valores{width:100%;border-collapse:collapse;margin:8px 0}
.valores td{padding:6px 0;border-bottom:1px solid var(--borda)}.valores td:last-child{text-align:right;white-space:nowrap}
.valores .total td{font-weight:700;border-bottom:0}
.chat{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;margin-bottom:10px}
.msg{max-width:85%;padding:8px 12px;border-radius:12px;background:var(--cor2);align-self:flex-start}
.msg.minha{align-self:flex-end;background:#e3f4ea}
.msg.sistema{align-self:center;background:none;border:1px dashed var(--borda);font-size:.85rem;color:var(--suave);text-align:center}
.msg b{font-size:.8rem}.msg p{margin:2px 0;white-space:pre-wrap;word-break:break-word}.msg span{font-size:.7rem;color:var(--suave)}
.linha-chat{display:flex;gap:6px}.linha-chat input{flex:1}
.cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.tabela-rolagem{overflow-x:auto}
.tabela{width:100%;border-collapse:collapse;font-size:.88rem}
.tabela th,.tabela td{padding:8px 6px;border-bottom:1px solid var(--borda);text-align:left;vertical-align:top}
.tabela tr.alerta td{background:#fff4dc}
details summary{cursor:pointer;font-weight:600}
@media (max-width:420px){.duas{grid-template-columns:1fr}}
/* Reputação */
.selos{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.selo-ok,.selo-exc,.patrocinado{display:inline-block;font-size:.78rem;font-weight:600;padding:3px 9px;border-radius:999px}
.selo-ok{background:#e3f4ea;color:#14663a}
.selo-exc{background:#fff1c9;color:#6b4b00}
.patrocinado{background:var(--cor2);color:var(--suave);font-weight:500}
.cartao .selo-exc,.cartao .patrocinado{font-size:.7rem;padding:2px 7px}
.indicadores{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.indicadores div{display:flex;flex-direction:column;background:var(--fundo);border-radius:10px;padding:10px}
.indicadores b{font-size:1.1rem}.indicadores span{font-size:.8rem;color:var(--suave)}

/* avisos */
.avisos-push { margin: .5rem 0 1rem; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.contador { display: inline-block; min-width: 1.3em; padding: 0 .35em; border-radius: 1em;
  background: #c62828; color: #fff; font-size: .75em; text-align: center; line-height: 1.4; }
/* nada empurra a página para os lados */
html,body{overflow-x:hidden;max-width:100%}
main{width:100%;min-width:0}
.chips{max-width:100%}
select,input,textarea,img{max-width:100%}
/* contas */
a.card{text-decoration:none;color:inherit}
fieldset{border:1px solid var(--borda);border-radius:10px;padding:10px 12px;margin:8px 0}
legend{font-weight:600;padding:0 4px}
details.perigo summary{cursor:pointer;font-weight:600}
label.check > span{flex:1}
.faixa-piloto{background:var(--cor2);color:var(--cor);text-align:center;font-size:.8rem;padding:6px 12px}
.faixa-piloto a{color:inherit;font-weight:600}
tr.lida{opacity:.55}
/* catálogo */
.titulo-grupos{margin:18px 0 8px}
.grupos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.grupo{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--borda);border-radius:12px;background:var(--card);color:var(--txt);text-decoration:none;font-weight:600;font-size:.92rem}
.grupo .ic{font-size:1.5rem}
.grupo small{font-weight:400;color:var(--suave)}
.ver-todos{text-align:right}
.grupo-atual h2{margin:8px 0}
.chips.quebra{flex-wrap:wrap;overflow-x:visible}
.rotulo-chips{align-self:center;color:var(--suave);font-size:.85rem}
.filtro{width:100%;padding:12px;border:1px solid var(--borda);border-radius:10px;font:inherit;margin-bottom:12px;background:var(--card);color:var(--txt)}
.lista-servicos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.lista-servicos a{text-decoration:none;color:var(--txt)}
.lista-servicos small{color:var(--suave)}
.voltar{font-size:.9rem}

/* ================================================================
   Tema claro — layout de app de entregas (clean, cartões, abas)
   ================================================================ */
body{font-family:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--fundo);color:var(--txt);-webkit-font-smoothing:antialiased}
h1,h2,h3,b,strong{color:var(--forte)}
h1{font-size:1.45rem;font-weight:800;letter-spacing:-.01em}
h2{font-size:1.1rem;font-weight:800}
a{color:var(--cor)}
main{max-width:960px;padding:12px 16px 24px}

/* topo branco */
.topo{position:sticky;top:0;z-index:20;background:#fff;color:var(--forte);border-bottom:1px solid var(--borda);padding:10px 16px;gap:12px}
.topo a{color:var(--forte)}
.marca{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.05rem;color:var(--cor) !important;letter-spacing:-.01em}
.marca svg{color:var(--cor);flex:none}
.nav-topo{display:flex;align-items:center;gap:4px}
.topo nav a{margin:0;font-size:.92rem;font-weight:600;padding:8px 10px;border-radius:10px;color:var(--txt)}
.topo nav a:hover{background:var(--cinza)}
.topo nav a.pilula{background:var(--cor);color:#fff}
.topo nav a.pilula:hover{background:var(--cor-escura)}
.conta-mobile{display:none}
.faixa-piloto{background:#fff8e6;color:#7a5a00;border-bottom:1px solid #f5e6b8}

/* navegação inferior (celular) */
.nav-inferior{display:none}
@media (max-width:760px){
  .nav-topo{display:none}
  .conta-mobile{display:inline-flex;align-items:center;font-weight:700;font-size:.9rem;color:var(--cor) !important;text-decoration:none}
  .topo{flex-wrap:nowrap}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .nav-inferior{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--borda);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -2px 12px rgba(0,0,0,.04)}
  .nav-inferior a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--suave);font-size:.72rem;font-weight:600;position:relative}
  .nav-inferior a span{font-size:1.25rem;filter:grayscale(1);opacity:.7}
  .nav-inferior a.ativo{color:var(--cor)}
  .nav-inferior a.ativo span{filter:none;opacity:1}
  .nav-inferior .contador{position:absolute;top:-2px;right:22%;font-style:normal}
  .rodape{padding-bottom:12px}
}

/* botões */
.botao{background:var(--cor);border-radius:12px;font-weight:700;box-shadow:none;transition:background .15s}
.botao:hover{background:var(--cor-escura)}
.botao.sec{background:var(--cor2);color:var(--cor)}
.botao.sec:hover{background:#fbdcd6}
.botao.whats{background:#1faa59;border-radius:14px}
.link{color:var(--cor)}

/* campos */
input,select,textarea{border:1px solid #e2e2e2;border-radius:12px;padding:12px;background:#fff}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cor);box-shadow:0 0 0 3px rgba(232,67,45,.15)}
label{color:var(--forte)}

/* cartões e blocos */
.bloco,.card{border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra)}
.aviso{border-radius:12px;background:var(--cor2);color:var(--forte)}
.aviso.ok{background:#e8f7ef;color:#11663b}

/* início */
.hero{padding:14px 0 6px}
.hero h1{font-size:1.55rem;margin:0 0 4px}
.hero p{margin:0;color:var(--suave);font-size:.95rem}
.busca{background:transparent;border:0;padding:0;margin:12px 0 4px;gap:10px}
.campo-busca{display:flex;align-items:center;gap:8px;background:var(--cinza);border-radius:14px;padding:4px 14px}
.campo-busca span{opacity:.6}
.campo-busca input{border:0;background:transparent;padding:12px 0;box-shadow:none !important}
.filtros-pilula{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.filtros-pilula::-webkit-scrollbar{display:none}
.pilula-select,.pilula-check,.pilula-botao{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e2e2;background:#fff;border-radius:999px;
  padding:0 12px;height:38px;font:inherit;font-size:.88rem;font-weight:600;color:var(--forte);cursor:pointer;white-space:nowrap}
.pilula-select select{border:0;padding:0 4px 0 0;height:36px;width:auto;font-weight:600;background:transparent;box-shadow:none !important;cursor:pointer}
.pilula-check input{position:absolute;opacity:0;width:1px}
.pilula-check:has(input:checked){background:var(--cor2);border-color:var(--cor);color:var(--cor)}
.pilula-botao.principal{background:var(--cor);border-color:var(--cor);color:#fff}
.geo-status:empty{display:none}

.titulo-secao{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0 10px}
.titulo-secao h2{margin:0}
.titulo-secao a{font-weight:700;font-size:.9rem;text-decoration:none}
.grupos{display:grid;grid-auto-flow:column;grid-auto-columns:84px;grid-template-rows:repeat(2,auto);gap:14px 10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}
.grupos::-webkit-scrollbar{display:none}
@media (min-width:761px){.grupos{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-template-rows:none}}
.grupo{align-items:center;text-align:center;gap:6px;padding:0;border:0;background:transparent;box-shadow:none;font-size:.8rem;font-weight:700;color:var(--forte)}
.grupo .ic{width:68px;height:68px;border-radius:20px;background:var(--cinza);display:flex;align-items:center;justify-content:center;font-size:2rem;transition:transform .15s}
.grupo:hover .ic{transform:scale(1.05);background:var(--cor2)}
.grupo .nome{line-height:1.15}
.grupo small{font-size:.7rem;color:var(--suave);font-weight:600}

.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 4px;padding:18px;border-radius:18px;text-decoration:none;
  background:linear-gradient(120deg,#e8432d,#f57b3b);color:#fff;box-shadow:0 6px 18px rgba(232,67,45,.25)}
.banner b{color:#fff;display:block;font-size:1.1rem}
.banner span{color:#fff;opacity:.95;font-size:.9rem}
.banner .banner-seta{font-size:1.6rem;font-weight:800;opacity:1}

.chips{padding:8px 0}
.chips a{border:1px solid #e2e2e2;border-radius:999px;padding:8px 14px;font-weight:600;color:var(--forte)}
.chips a.ativo{background:var(--cor);border-color:var(--cor);color:#fff}
.grupo-atual h2{font-size:1.3rem}
.voltar{font-weight:700;text-decoration:none}

/* lista de profissionais */
.cartoes{gap:12px}
.cartao{border:1px solid var(--borda);border-radius:16px;padding:12px;box-shadow:var(--sombra);transition:box-shadow .15s,transform .15s;align-items:center}
.cartao:hover{box-shadow:0 6px 18px rgba(0,0,0,.09);transform:translateY(-1px)}
.cartao img,.sem-foto{width:76px;height:76px;border-radius:14px}
.sem-foto{background:var(--cinza)}
.cartao b{font-size:1rem}
.cartao div{gap:2px}
.estrelas{color:#e5a100 !important}
.selo-exc{background:#fff4d6;color:#8a5a00}
.patrocinado{background:var(--cinza);color:var(--suave)}

.vazio{background:var(--cinza);border-radius:16px;padding:20px}
.rodape{color:var(--suave);border-top:1px solid var(--borda);margin-top:24px}
.faixa-piloto a{color:#7a5a00}
.status{border-radius:999px}
.msg{background:var(--cinza)}.msg.minha{background:#e8f7ef}
.grafico .col i{background:var(--cor)}
.tabela tr.pendente{background:#fff8f6}
label.pilula-select,label.pilula-check{flex-direction:row}
.grupos{grid-template-columns:none}
@media (min-width:761px){.grupos{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}
.titulo-secao .nota{white-space:nowrap}
.hero h1{font-size:1.35rem}
@media (min-width:761px){.hero h1{font-size:1.7rem}}
.grupo .nome{font-size:.74rem;overflow-wrap:anywhere;hyphens:auto}
/* marca Precisaê */
.marca-nome{font-weight:900;letter-spacing:-.02em;font-size:1.2rem;color:var(--forte)}
.marca-nome em{font-style:normal;color:var(--cor)}
.hero .slogan{color:var(--cor);font-weight:800}
/* ícones em traço (SVG) — tamanho uniforme no celular */
svg.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.grupos{grid-auto-columns:76px;gap:14px 8px}
@media (min-width:761px){.grupos{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}
.grupo{gap:7px}
.grupo .ic{position:relative;width:60px;height:60px;border-radius:18px;background:var(--cor2);color:var(--cor);font-size:30px}
.grupo:hover .ic{background:#fbdcd5}
.grupo .qtd{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--cor);color:#fff;
  font-size:.66rem;font-weight:800;line-height:19px;text-align:center;border:2px solid #fff;box-sizing:content-box}
.grupo .nome{font-size:.74rem;line-height:1.2;overflow-wrap:normal;hyphens:manual;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}
@media (max-width:760px){
  .nav-inferior a span{font-size:24px;line-height:1;height:24px;display:flex;filter:none;opacity:1}
  .nav-inferior a{color:#8a8a8a}
  .nav-inferior a.ativo{color:var(--cor)}
  .nav-inferior a.ativo svg.i{stroke-width:2.2}
}