/* =====================================================================
   Boi Na Conta — tema 2 (padrao app de banco: limpo, cabecalho de cor
   solida, icones de linha, numeros grandes). Carrega depois do estilo.css.
   ===================================================================== */

:root{
  --marca:#0A7F52;          /* verde do cabecalho */
  --marca-2:#086A44;
  --fundo:#FFFFFF;
  --carta:#FFFFFF;
  --carta-2:#F3F5F4;
  --cinza:#F0F2F1;
  --borda:#E9ECEA;
  --borda-2:#DADFDC;
  --texto:#121614;
  --apagado:#69716D;
  --verde:#0A7F52;
  --verde-2:#086A44;
  --verde-3:#07583A;
  --verde-luz:#E6F3EC;
  --entra:#0A7F52;
  --sai:#D92D20;
  --raio:16px;
  --raio-g:20px;
  --sombra:none;
  --fonte:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

html{background:var(--fundo)}
body{font-family:var(--fonte); font-feature-settings:'cv11','ss01'; letter-spacing:-.005em; background:var(--fundo)}
button, input, select, textarea{font-family:var(--fonte)}

/* numeros: mesma fonte, algarismos alinhados (nada de fonte de maquina de escrever) */
.valor-grande, .saldo, .saldo-conta, .campo-valor, .campo-codigo, .valor-entrada, .valor-saida, .copia,
.placar-item strong, .dv-valor, .dv-numeros strong, .dv-vistos-caixa b, .jg-placar b, .jg-cartao-valor,
.jg-item-valor, .mercado-num strong, .av-peso input, .av-cot strong{
  font-family:var(--fonte) !important; font-variant-numeric:tabular-nums; letter-spacing:-.02em;
}

/* icones de linha (substituem os emojis nos menus) */
.ic::before, .acoes button em::before, .navbar button em::before, .icone-topo::before, .olho::before, .cartao-saldo::after{
  content:""; display:block; width:24px; height:24px; background:currentColor;
  -webkit-mask:var(--i) center/contain no-repeat; mask:var(--i) center/contain no-repeat;
}

/* ---------- cabecalho ---------- */
.appbar{
  background:var(--marca); backdrop-filter:none; border-bottom:0;
  padding:calc(14px + env(safe-area-inset-top)) 20px 22px; align-items:flex-start;
}
.appbar-esq{flex-direction:column; align-items:flex-start; gap:14px}
.avatar{width:44px; height:44px; background:rgba(255,255,255,.16); font-size:15px; font-weight:600}
.appbar-ola{font-size:19px; font-weight:600; color:#fff; letter-spacing:-.01em}
.appbar-sub{font-size:13px; color:rgba(255,255,255,.72)}
.icone-topo{
  display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:50%;
  background:rgba(255,255,255,.16); color:#fff; font-size:0; --i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 7h10M18 7h2M4 17h4M12 17h8%22/%3E%3Ccircle cx=%2216%22 cy=%227%22 r=%222%22/%3E%3Ccircle cx=%2210%22 cy=%2217%22 r=%222%22/%3E%3C/svg%3E");
}
.icone-topo:hover{background:rgba(255,255,255,.24); color:#fff}
.icone-topo::before{width:22px; height:22px}

.conteudo{padding:0 20px 28px}
.conteudo > section{padding-top:20px}
#tela-inicio{padding-top:0}

/* ---------- saldo (secao branca logo abaixo do cabecalho) ---------- */
.cartao-saldo{
  margin:0 -20px; padding:22px 20px 24px; border-radius:0; color:var(--texto);
  background:var(--carta); box-shadow:none; border-bottom:1px solid var(--borda); overflow:visible;
  --i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m9 6 6 6-6 6%22/%3E%3C/svg%3E");
}
.cartao-saldo::after{position:absolute; right:18px; top:24px; width:20px; height:20px; color:var(--apagado)}
.saldo-topo{justify-content:flex-start; gap:6px}
.cartao-saldo .rotulo{font-size:17px; font-weight:600; color:var(--texto); text-transform:none; letter-spacing:-.01em}
.saldo-topo .rotulo::first-letter{text-transform:uppercase}
.olho{
  order:2; margin-left:auto; margin-right:30px; display:grid; place-items:center; width:32px; height:32px;
  border:0; background:transparent; color:var(--apagado); font-size:0; --i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3C/svg%3E");
}
.olho::before{width:20px; height:20px}
.saldo{margin:12px 0 0; font-size:28px; font-weight:700; letter-spacing:-.03em; color:var(--texto)}
.saldo-conta{margin:4px 0 0; font-size:13.5px; color:var(--apagado)}
.saldo-boi{display:none}

/* ---------- atalhos redondos ---------- */
.acoes{
  display:flex; gap:14px; overflow-x:auto; margin:0 -20px; padding:22px 20px 24px;
  border-bottom:1px solid var(--borda); scrollbar-width:none;
}
.acoes::-webkit-scrollbar{display:none}
.acoes button{
  flex:1 0 68px; min-width:68px; padding:0; gap:9px; border:0; background:none; box-shadow:none;
  font-size:12.5px; font-weight:600; color:var(--texto); line-height:1.2; text-align:center;
}
.acoes button:hover{transform:none}
.acoes button em{width:64px; height:64px; font-size:0; background:var(--cinza); color:var(--texto); transition:background .15s}
.acoes button:hover em{background:#E4E8E6}
#ir-mercado{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 8h14l-1.2 11.2a2 2 0 0 1-2 1.8H8.2a2 2 0 0 1-2-1.8z%22/%3E%3Cpath d=%22M9 10V7a3 3 0 0 1 6 0v3%22/%3E%3C/svg%3E")}
#ir-saude-atalho{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19.5 12.6c1.9-2.3 1.7-5.7-.5-7.6a5 5 0 0 0-7 .6 5 5 0 0 0-7-.6c-2.2 1.9-2.4 5.3-.5 7.6L12 20z%22/%3E%3Cpath d=%22M3.5 12h4l1.8-2.6 3 5 1.8-2.4h6.4%22/%3E%3C/svg%3E")}
#ir-extrato{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3h14v18l-3-2-2 2-2-2-2 2-2-2-3 2z%22/%3E%3Cpath d=%22M9 8h6M9 12h6M9 16h3%22/%3E%3C/svg%3E")}
#ir-lastreamento{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223.5%22/%3E%3C/svg%3E")}

/* ---------- cartoes ---------- */
.cartao{border:1px solid var(--borda); border-radius:var(--raio-g); box-shadow:none; padding:20px}
.cartao h1{font-size:24px; font-weight:700; letter-spacing:-.025em}
.cartao h2{font-size:17px; font-weight:600; letter-spacing:-.01em}
.sub{font-size:14px; line-height:1.5; color:var(--apagado)}
.rotulo{font-size:13px; font-weight:500; letter-spacing:0; text-transform:none; color:var(--apagado)}
.etiqueta{font-size:11.5px; letter-spacing:0; text-transform:none; font-weight:600; padding:4px 10px; background:var(--verde-luz); color:var(--verde-2)}

/* na tela inicial os cartoes viram secoes separadas por linha, como nos apps de banco */
#tela-inicio > .cartao{margin:0 -20px; padding:24px 20px; border:0; border-bottom:1px solid var(--borda); border-radius:0}
#tela-inicio > .cartao h2{font-size:19px; font-weight:700; letter-spacing:-.02em}
.mercado-numeros{gap:10px}
.mercado-num{background:var(--cinza) !important; border:0 !important; border-radius:16px !important; padding:14px !important}
.mercado-num .rotulo{font-size:12.5px}
.mercado-num strong{font-size:21px !important; font-weight:700 !important}
.mercado-num small{color:var(--apagado)}
.cartao .mercado-acoes .mercado-btn, .mercado-btn{border-radius:999px !important; padding:14px 12px !important; font-weight:600 !important; box-shadow:none !important}
.cartao .mercado-acoes .mercado-btn.principal{background:var(--verde) !important; border-color:var(--verde) !important; color:#fff !important}
.cartao .mercado-acoes .mercado-btn:not(.principal){background:var(--cinza) !important; border-color:var(--cinza) !important; color:var(--texto) !important}

/* ---------- botoes ---------- */
.cartao > button, .tela-auth button, .conteudo > section > button, #av-continuar, .mc-duas .mc-grande, .mc-acoes .mc-acao.verde{
  background:var(--verde); border-radius:999px; box-shadow:none; font-weight:600; letter-spacing:-.005em;
}
.cartao > button, .tela-auth button, .conteudo > section > button{padding:16px}
.cartao > button:hover, .conteudo > section > button:hover, #av-continuar:hover{filter:none; background:var(--verde-2)}
.fantasma{background:var(--cinza) !important; border:0 !important; color:var(--texto) !important}
.fantasma:hover{background:#E4E8E6 !important; color:var(--texto) !important}
.perigo{border-radius:999px}

/* ---------- campos ---------- */
.campo{margin-top:16px}
.campo label{font-size:13.5px; font-weight:500; letter-spacing:0; text-transform:none; color:var(--texto); margin-bottom:7px}
.campo input, .campo select, .campo textarea{
  background:var(--cinza); border:1.5px solid transparent; border-radius:14px; padding:15px 16px; font-size:16px;
}
.campo input::placeholder{color:#9BA39F}
.campo input:focus, .campo select:focus, .campo textarea:focus{background:#fff; border-color:var(--verde); box-shadow:0 0 0 4px rgba(10,127,82,.12)}

/* ---------- avisos ---------- */
.erro{border-radius:14px; border:0; background:#FEF0EE; color:#B42318}
.aviso-ok{border-radius:14px; border:0; background:var(--verde-luz); color:var(--verde-3)}

/* ---------- entrar / criar conta ---------- */
body:has(.tela-auth:not(.oculto)){background:var(--marca)}
body:has(.tela-auth:not(.oculto)) .conteudo{padding-top:0}
.tela-auth{min-height:100dvh; justify-content:flex-end; padding:32px 0 0}
.marca{text-align:left; margin:0 0 28px; padding:0 4px}
.marca-selo{
  margin:0 0 22px; width:56px; height:56px; border-radius:16px; background:#fff; box-shadow:none;
  font-size:0; position:relative;
}
.marca-selo::before{content:"b"; font-size:36px; font-weight:800; line-height:1; color:var(--marca); letter-spacing:-.06em; transform:translateY(-2px)}
.marca-selo{display:grid; place-items:center}
.marca-nome{font-size:30px; font-weight:700; letter-spacing:-.035em; color:#fff; line-height:1.1}
.marca-frase{font-size:16px; color:rgba(255,255,255,.78); margin-top:8px}
.tela-auth .cartao{margin:0 -20px; border:0; border-radius:28px 28px 0 0; padding:28px 20px calc(28px + env(safe-area-inset-bottom)); flex:none}
.tela-auth .rodape{order:-1; margin:0 0 18px; text-align:left; padding:0 4px; color:rgba(255,255,255,.7)}

/* ---------- barra de baixo ---------- */
.navbar{background:#fff; backdrop-filter:none; border-top:1px solid var(--borda); padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.navbar button{gap:4px; padding:6px 2px; color:#8A918D}
.navbar button em{font-size:0}
.navbar button span{font-size:10.5px; font-weight:500}
.navbar button[data-t="inicio"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z%22/%3E%3C/svg%3E")}
.navbar button[data-t="extrato"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3h14v18l-3-2-2 2-2-2-2 2-2-2-3 2z%22/%3E%3Cpath d=%22M9 8h6M9 12h6M9 16h3%22/%3E%3C/svg%3E")}
.navbar button[data-t="dinheirovivo"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223.5%22/%3E%3C/svg%3E")}
.navbar button[data-t="saude"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19.5 12.6c1.9-2.3 1.7-5.7-.5-7.6a5 5 0 0 0-7 .6 5 5 0 0 0-7-.6c-2.2 1.9-2.4 5.3-.5 7.6L12 20z%22/%3E%3Cpath d=%22M3.5 12h4l1.8-2.6 3 5 1.8-2.4h6.4%22/%3E%3C/svg%3E")}
.navbar button[data-t="jogo"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222.5%22 y=%227%22 width=%2219%22 height=%2211%22 rx=%225.5%22/%3E%3Cpath d=%22M7.5 10.5v4M5.5 12.5h4%22/%3E%3Cpath d=%22M15.5 11.5h.01M18 13.5h.01%22 stroke-width=%222.6%22/%3E%3C/svg%3E")}
.navbar button[data-t="perfil"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath d=%22M4 21a8 8 0 0 1 16 0%22/%3E%3C/svg%3E")}
.navbar button:hover{color:var(--texto)}
body:has(#tela-inicio:not(.oculto)) .navbar button[data-t="inicio"],
body:has(#tela-extrato:not(.oculto)) .navbar button[data-t="extrato"],
body:has(#tela-jogo:not(.oculto)) .navbar button[data-t="jogo"],
body:has(#tela-perfil:not(.oculto)) .navbar button[data-t="perfil"]{color:var(--verde); font-weight:600}

/* ---------- listas ---------- */
.linha-item{padding:16px 0}
.quem{font-size:15px; font-weight:500}
.quando{font-size:12.5px}

/* ---------- topos coloridos das outras telas: cor solida ---------- */
.mc-topo, .av-topo, .mc-loja-capa{background:var(--marca) !important; box-shadow:none !important}
.mc-topo{margin:-20px -20px 0 !important; padding:16px 20px 18px !important}
.av-topo{margin:-20px -20px 16px !important; padding:24px 20px 28px !important}
.av-topo h1{font-weight:700; font-size:26px; letter-spacing:-.03em}
.mc-cats{margin:0 -20px !important; padding:16px 20px 8px !important}
.mc-vend-sigla{background:var(--verde) !important}
.av-passos, .av-etiqueta{box-shadow:none}
.av-rodape{border-radius:999px; padding:8px 8px 8px 18px; box-shadow:0 10px 30px -12px rgba(18,22,20,.35)}
.av-rodape-bt button{border-radius:999px; padding:13px 20px}
.av-voltar{background:var(--cinza) !important}
.av-chip.ativo, .av-passo.agora span{background:var(--verde); border-color:var(--verde)}
.av-passo.agora span{box-shadow:0 0 0 4px rgba(10,127,82,.14)}

@media (min-width:560px){
  .saldo{font-size:32px}
}

/* ---------- ajustes da tela inicial ---------- */
.tela-auth .rodape{display:none}
.tela-auth .cartao h1{font-size:26px}
#tela-inicio > .cartao, .mercado-cartao{background:var(--carta) !important; background-image:none !important}
.mercado-cartao::before, .mercado-cartao::after{display:none !important}
.mercado-acoes{display:grid !important; grid-template-columns:1fr !important; gap:10px !important; margin-top:16px !important}
.dica-home{display:flex; align-items:center; gap:14px; width:100%; margin:20px 0 4px; padding:16px; border:0; border-radius:18px; background:var(--cinza); text-align:left; cursor:pointer; color:var(--texto); font-size:inherit}
.dica-home:hover{background:#E6EAE8}
.dica-home .dica-ic{flex:none; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:var(--verde); color:#fff}
.dica-home .dica-ic::before{width:22px; height:22px}
.dica-home strong{display:block; font-size:15px; font-weight:600; letter-spacing:-.01em}
.dica-home small{display:block; margin-top:2px; font-size:13px; color:var(--apagado)}
.dica-home .dica-seta{margin-left:auto; flex:none; color:var(--apagado)}
.dica-home .dica-seta::before{width:18px; height:18px}
.ic-tag{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12V4a1 1 0 0 1 1-1h8l9 9-9 9z%22/%3E%3Ccircle cx=%228%22 cy=%228%22 r=%221.5%22/%3E%3C/svg%3E")}
.ic-seta{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m9 6 6 6-6 6%22/%3E%3C/svg%3E")}
#tela-inicio > button.dica-home{width:100%; margin:20px 0 4px; padding:16px; border-radius:18px; background:var(--cinza); color:var(--texto); font-size:inherit; font-weight:400; box-shadow:none}
#tela-inicio > button.dica-home:hover{background:#E6EAE8}
.etiqueta{white-space:nowrap}
.mc-galeria{margin:-20px -20px 14px !important}
body:has(#tela-dinheirovivo:not(.oculto)) .navbar button[data-t="dinheirovivo"],
body:has(#tela-saude:not(.oculto)) .navbar button[data-t="saude"]{color:var(--verde); font-weight:600}

/* ---------- sem boi cadastrado: nada de numero, so o convite para cadastrar ---------- */
.sem-gado-caixa{display:none}
body.sem-gado .saldo, body.sem-gado .saldo-conta, body.sem-gado .olho, body.sem-gado .mercado-numeros, body.sem-gado .cartao-saldo::after{display:none}
body.sem-gado .sem-gado-caixa{display:block; margin-top:14px}
.sem-gado-caixa p{margin:0; font-size:14px; line-height:1.5; color:var(--apagado)}
.cartao-saldo .sem-gado-caixa button{display:inline-flex; align-items:center; margin-top:14px; padding:12px 18px; border:0; border-radius:999px; background:var(--verde); color:#fff; font-size:14.5px; font-weight:600; cursor:pointer; font-family:var(--fonte)}

/* ---------- barra de baixo em todas as telas do app (menos entrar/criar conta) ---------- */
body:has(main > section:not(.tela-auth):not(.oculto)) .navbar{display:flex}
body:has(main > section:not(.tela-auth):not(.oculto)) .conteudo{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.navbar{touch-action:manipulation}
.navbar button{-webkit-tap-highlight-color:transparent; touch-action:manipulation}
.av-rodape{bottom:calc(78px + env(safe-area-inset-bottom)) !important}

/* ---------- app do produtor: Meu gado, termos ---------- */
.navbar button[data-t="animais"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3h14v18l-3-2-2 2-2-2-2 2-2-2-3 2z%22/%3E%3Cpath d=%22M9 8h6M9 12h6M9 16h3%22/%3E%3C/svg%3E")}
body:has(#tela-animais:not(.oculto)) .navbar button[data-t="animais"]{color:var(--verde); font-weight:600}
.aceite{display:flex; align-items:flex-start; gap:10px; margin-top:18px; font-size:14px; line-height:1.45; color:var(--texto); cursor:pointer}
.aceite input{flex:none; width:20px; height:20px; margin:1px 0 0; accent-color:var(--verde)}
.aceite a{color:var(--verde); font-weight:600}
.link-termos{margin:16px 0 0; text-align:center; font-size:13px}
.link-termos a{color:rgba(255,255,255,.85)}
body:not(:has(.tela-auth:not(.oculto))) .link-termos a{color:var(--apagado)}

/* ================= PROSA — rede do produtor ================= */
.ic-coment{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 11.5a8.4 8.4 0 0 1-8.5 8.5 8.6 8.6 0 0 1-3.9-.9L3 21l1.9-5.4A8.4 8.4 0 0 1 12.5 3 8.4 8.4 0 0 1 21 11.5z%22/%3E%3C/svg%3E")} .ic-coracao{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z%22/%3E%3C/svg%3E")} .ic-compart{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7%22/%3E%3Cpath d=%22m16 6-4-4-4 4%22/%3E%3Cpath d=%22M12 2v13%22/%3E%3C/svg%3E")}
.ic-mais{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle fill=%22%23000%22 cx=%225%22 cy=%2212%22 r=%221.3%22/%3E%3Ccircle fill=%22%23000%22 cx=%2212%22 cy=%2212%22 r=%221.3%22/%3E%3Ccircle fill=%22%23000%22 cx=%2219%22 cy=%2212%22 r=%221.3%22/%3E%3C/svg%3E")} .ic-foto{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2216%22 rx=%223%22/%3E%3Ccircle cx=%229%22 cy=%2210%22 r=%222%22/%3E%3Cpath d=%22m21 16-5-5-9 9%22/%3E%3C/svg%3E")} .ic-pena{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20h9%22/%3E%3Cpath d=%22M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z%22/%3E%3C/svg%3E")} .ic-voltar{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 12H5%22/%3E%3Cpath d=%22m12 19-7-7 7-7%22/%3E%3C/svg%3E")}
.ic-sacola{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 8h14l-1.2 11.2a2 2 0 0 1-2 1.8H8.2a2 2 0 0 1-2-1.8z%22/%3E%3Cpath d=%22M9 10V7a3 3 0 0 1 6 0v3%22/%3E%3C/svg%3E")}
.navbar button[data-t="prosa"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 11.5a8.4 8.4 0 0 1-8.5 8.5 8.6 8.6 0 0 1-3.9-.9L3 21l1.9-5.4A8.4 8.4 0 0 1 12.5 3 8.4 8.4 0 0 1 21 11.5z%22/%3E%3Cpath d=%22M8.5 10h8M8.5 14h5%22/%3E%3C/svg%3E")}
body:has(#tela-prosa:not(.oculto)) .navbar button[data-t="prosa"],
body:has(#tela-post:not(.oculto)) .navbar button[data-t="prosa"],
body:has(#tela-produtor:not(.oculto)) .navbar button[data-t="prosa"]{color:var(--verde); font-weight:600}
#ir-jogo-atalho{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222.5%22 y=%227%22 width=%2219%22 height=%2211%22 rx=%225.5%22/%3E%3Cpath d=%22M7.5 10.5v4M5.5 12.5h4%22/%3E%3Cpath d=%22M15.5 11.5h.01M18 13.5h.01%22 stroke-width=%222.6%22/%3E%3C/svg%3E")}

/* topo com abas, como nas redes */
#tela-prosa{padding-top:0 !important}
.pr-topo{position:sticky; top:0; z-index:15; margin:0 -20px; padding:calc(14px + env(safe-area-inset-top)) 20px 0; background:rgba(255,255,255,.94); backdrop-filter:blur(12px); border-bottom:1px solid var(--borda)}
.pr-topo-linha{display:flex; align-items:baseline; gap:10px}
.pr-topo h1{margin:0; font-size:26px; font-weight:800; letter-spacing:-.03em}
.pr-topo-sub{font-size:13px; color:var(--apagado)}
.pr-abas{display:flex; margin-top:10px}
.pr-abas button{flex:1; padding:12px 0 13px; border:0; background:none; font-size:15px; font-weight:600; color:var(--apagado); cursor:pointer; position:relative}
.pr-abas button.ativo{color:var(--texto)}
.pr-abas button.ativo::after{content:""; position:absolute; left:50%; bottom:0; width:56px; height:4px; margin-left:-28px; border-radius:4px; background:var(--verde)}

.pr-rapido{display:flex; align-items:center; gap:12px; width:100%; margin:0 !important; padding:14px 0 !important; border:0 !important; border-bottom:1px solid var(--borda) !important; border-radius:0 !important; background:none !important; box-shadow:none !important; color:var(--apagado) !important; font-weight:400 !important; text-align:left; cursor:pointer}
.pr-rapido-txt{flex:1; font-size:16px}
.pr-rapido-ic{color:var(--verde)}

/* post */
.pr-av{flex:none; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; border:0; padding:0; background:var(--verde-luz); color:var(--verde-3); font-size:15px; font-weight:700; cursor:pointer; font-family:var(--fonte)}
.pr-post{display:flex; gap:12px; margin:0 -20px; padding:14px 20px 8px; border-bottom:1px solid var(--borda); cursor:pointer; transition:background .12s}
.pr-post:hover{background:#FAFBFA}
.pr-destaque{cursor:default}
.pr-destaque:hover{background:none}
.pr-destaque .pr-texto{font-size:18px; line-height:1.45}
.pr-corpo{flex:1; min-width:0}
.pr-cab{display:flex; align-items:center; gap:6px; min-width:0}
.pr-nome{flex:none; max-width:55%; padding:0; border:0; background:none; font-size:15px; font-weight:700; color:var(--texto); cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:var(--fonte)}
.pr-meta{flex:1; min-width:0; font-size:13.5px; color:var(--apagado); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pr-mais-bt{flex:none; width:30px; height:30px; display:grid; place-items:center; margin:-4px -6px -4px 0; border:0; border-radius:50%; background:none; color:var(--apagado); cursor:pointer}
.pr-mais-bt::before{width:18px !important; height:18px !important}
.pr-texto{margin:3px 0 0; font-size:15.5px; line-height:1.45; color:var(--texto); overflow-wrap:anywhere}
.pr-tag{color:var(--verde); font-weight:600}
.pr-fotos{display:grid; gap:3px; margin-top:10px; border-radius:16px; overflow:hidden; border:1px solid var(--borda)}
.pr-fotos a{display:block; background:#E9ECEA center/cover no-repeat; aspect-ratio:16/10}
.pr-fotos-1 a{aspect-ratio:4/3}
.pr-fotos-2, .pr-fotos-4{grid-template-columns:1fr 1fr}
.pr-fotos-2 a{aspect-ratio:3/4}
.pr-fotos-3{grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr}
.pr-fotos-3 a:first-child{grid-row:1/3; aspect-ratio:auto}
.pr-embed{display:flex; gap:12px; align-items:center; margin-top:10px; padding:10px; border:1px solid var(--borda); border-radius:16px; background:#fff; cursor:pointer}
.pr-embed:hover{border-color:var(--borda-2)}
.pr-embed-foto{flex:none; width:78px; height:78px; border-radius:12px; background:var(--cinza) center/cover no-repeat}
.pr-sem-foto{display:grid; place-items:center; font-size:32px}
.pr-embed-txt{min-width:0; display:flex; flex-direction:column; gap:1px}
.pr-embed-rot{font-size:12px; font-weight:600; color:var(--verde)}
.pr-embed-txt strong{font-size:14.5px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pr-embed-preco{font-size:17px; font-weight:700; letter-spacing:-.02em}
.pr-embed-preco small{font-size:12px; font-weight:500; color:var(--apagado); letter-spacing:0}
.pr-embed-cta{font-size:12.5px; font-weight:600; color:var(--verde); margin-top:2px}
.pr-embed-aval{background:linear-gradient(135deg,#F2FAF5,#fff)}
.pr-acoes{display:flex; gap:4px; margin:6px 0 0 -8px}
.pr-acao{display:inline-flex; align-items:center; gap:4px; min-width:64px; padding:7px 8px; border:0; border-radius:999px; background:none; color:var(--apagado); font-size:13.5px; font-family:var(--fonte); cursor:pointer}
.pr-acao b{font-weight:500}
.pr-acao .ic::before{width:19px !important; height:19px !important}
.pr-acao:hover{color:var(--verde); background:var(--verde-luz)}
.pr-curtir.ativo{color:#E0245E}
.pr-curtir.ativo .ic-coracao{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath fill=%22%23000%22 d=%22M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z%22/%3E%3C/svg%3E")}
.pr-curtir:hover{color:#E0245E; background:#FDECF2}

.pr-vazio{padding:48px 10px; text-align:center; color:var(--apagado)}
.pr-vazio-ic{font-size:40px}
.pr-vazio p{margin:10px auto 0; max-width:30ch; font-size:15px}
.pr-bt{margin-top:16px; padding:12px 22px; border:0; border-radius:999px; background:var(--verde); color:#fff; font-size:15px; font-weight:600; cursor:pointer; font-family:var(--fonte)}
#pr-mais{margin-top:14px !important}

/* botao flutuante de escrever */
.pr-fab{position:fixed !important; right:max(20px, calc(50vw - 220px)); bottom:calc(86px + env(safe-area-inset-bottom)); z-index:25; width:58px !important; height:58px; margin:0 !important; padding:0 !important; display:grid; place-items:center; border-radius:50% !important; background:var(--verde) !important; color:#fff; box-shadow:0 10px 24px -8px rgba(10,127,82,.7) !important}
.pr-fab .ic::before{width:26px; height:26px}

/* barra de voltar nas telas internas */
#tela-post, #tela-produtor{padding-top:0 !important}
.pr-barra{position:sticky; top:0; z-index:15; display:flex; align-items:center; gap:14px; margin:0 -20px; padding:calc(10px + env(safe-area-inset-top)) 12px 10px; background:rgba(255,255,255,.94); backdrop-filter:blur(12px); border-bottom:1px solid var(--borda)}
.pr-barra h2{margin:0; font-size:19px; font-weight:700; letter-spacing:-.02em}
.pr-voltar{width:40px !important; height:40px; margin:0 !important; padding:0 !important; display:grid; place-items:center; border:0; border-radius:50% !important; background:none !important; color:var(--texto); box-shadow:none !important; cursor:pointer}
.pr-respostas-tit{margin:0 -20px; padding:14px 20px 10px; font-size:14px; font-weight:700; color:var(--apagado); border-bottom:1px solid var(--borda)}
.pr-responder{position:sticky; bottom:calc(64px + env(safe-area-inset-bottom)); z-index:10; display:flex; align-items:flex-end; gap:8px; margin:12px -20px 0; padding:10px 14px; background:#fff; border-top:1px solid var(--borda)}
.pr-responder textarea{flex:1; min-height:44px; max-height:140px; padding:11px 14px; border:0; border-radius:22px; background:var(--cinza); font-size:15.5px; font-family:var(--fonte); resize:none; outline:none}
.pr-responder button{flex:none; width:auto !important; margin:0 !important; padding:11px 18px !important; border-radius:999px !important; font-size:14.5px !important}

/* perfil do produtor */
.pr-perfil{margin:0 -20px; padding:0 20px 16px; border-bottom:1px solid var(--borda)}
.pr-perfil-capa{height:110px; margin:0 -20px; background:linear-gradient(135deg,#0A7F52,#07583A); background-image:radial-gradient(400px 200px at 90% 0%, rgba(255,255,255,.2), transparent 60%), linear-gradient(135deg,#0A7F52,#07583A)}
.pr-perfil-topo{display:flex; align-items:flex-end; justify-content:space-between; margin-top:-38px}
.pr-perfil-av{width:84px; height:84px; display:grid; place-items:center; border-radius:50%; background:var(--verde-luz); color:var(--verde-3); font-size:28px; font-weight:800; border:4px solid #fff}
.pr-seguir{width:auto !important; margin:0 0 4px !important; padding:10px 20px !important; border-radius:999px !important; background:var(--texto) !important; color:#fff !important; font-size:14.5px !important; font-weight:700 !important; box-shadow:none !important}
.pr-seguir.seguindo{background:#fff !important; color:var(--texto) !important; border:1px solid var(--borda-2) !important}
.pr-perfil-nome{margin:10px 0 0; font-size:22px; font-weight:800; letter-spacing:-.02em}
.pr-perfil-sub{margin:2px 0 0; font-size:14.5px; color:var(--apagado)}
.pr-perfil-nums{margin:10px 0 0; font-size:14px; color:var(--apagado)}
.pr-perfil-nums b{color:var(--texto)}
.pr-bt-loja{display:inline-flex !important; align-items:center; gap:8px; width:auto !important; margin:14px 0 0 !important; padding:10px 16px !important; border-radius:999px !important; background:var(--cinza) !important; color:var(--texto) !important; font-size:14px !important; font-weight:600 !important; box-shadow:none !important}
.pr-bt-loja .ic::before{width:18px; height:18px}

/* folha de baixo (escrever e menu) */
body.pr-travado{overflow:hidden}
.pr-folha{position:fixed; inset:0; z-index:60; display:flex; align-items:flex-end; justify-content:center; background:rgba(12,16,14,.45); animation:prFundo .15s ease}
.pr-folha-caixa{width:100%; max-width:520px; max-height:92dvh; overflow:auto; padding:10px 16px calc(14px + env(safe-area-inset-bottom)); border-radius:24px 24px 0 0; background:#fff; animation:prSobe .2s ease}
@keyframes prFundo{from{opacity:0}}
@keyframes prSobe{from{transform:translateY(40px); opacity:.5}}
.pc-topo{display:flex; justify-content:space-between; align-items:center; padding:4px 0 10px}
.pc-cancelar{padding:8px 4px; border:0; background:none; font-size:15.5px; color:var(--texto); cursor:pointer; font-family:var(--fonte)}
.pc-publicar{padding:9px 20px; border:0; border-radius:999px; background:var(--verde); color:#fff; font-size:15px; font-weight:700; cursor:pointer; font-family:var(--fonte)}
.pc-publicar:disabled{opacity:.45}
.pc-linha{display:flex; gap:12px}
.pc-linha textarea{flex:1; min-height:120px; padding:10px 0 0; border:0; outline:none; resize:none; font-size:18px; line-height:1.45; font-family:var(--fonte); color:var(--texto)}
.pc-fotos{display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:8px 0 0 56px}
.pc-fotos:empty{display:none}
.pc-foto{position:relative; aspect-ratio:1; border-radius:12px; background:center/cover no-repeat}
.pc-foto button, .pc-anexo-caixa > button{position:absolute; top:4px; right:4px; width:26px; height:26px; border:0; border-radius:50%; background:rgba(0,0,0,.65); color:#fff; font-size:16px; line-height:1; cursor:pointer}
.pc-anexo-caixa{position:relative; margin:4px 0 0 56px}
.pc-escolher{margin:10px 0 0 56px; padding:10px; border-radius:16px; background:var(--cinza)}
.pc-escolher-tit{margin:0 0 6px; font-size:13px; font-weight:700; color:var(--apagado)}
.pc-op{display:block; width:100%; margin-top:6px; padding:11px 12px; border:0; border-radius:12px; background:#fff; text-align:left; font-size:14px; font-family:var(--fonte); cursor:pointer}
.pc-ferramentas{display:flex; align-items:center; gap:4px; margin-top:12px; padding-top:10px; border-top:1px solid var(--borda); overflow-x:auto}
.pc-ferr{display:inline-flex; align-items:center; gap:6px; flex:none; padding:9px 12px; border:0; border-radius:999px; background:var(--verde-luz); color:var(--verde-3); font-size:13.5px; font-weight:600; cursor:pointer; font-family:var(--fonte)}
.pc-ferr .ic::before{width:18px; height:18px}
.pc-contador{margin-left:auto; flex:none; font-size:13px; font-weight:600; color:var(--apagado); padding-left:8px}
.pc-contador.estourou{color:var(--sai)}
.pr-menu-caixa{padding-top:14px}
.pr-menu-op{display:block; width:100%; padding:16px; border:0; border-bottom:1px solid var(--borda); background:none; font-size:16px; font-weight:600; text-align:center; cursor:pointer; font-family:var(--fonte); color:var(--texto)}
.pr-menu-cancelar{border-bottom:0; color:var(--apagado)}
.perigo-txt{color:var(--sai)}

/* resumo da Prosa na tela inicial */
#inicio-prosa{margin:0 -20px; padding:22px 20px 6px; border-bottom:1px solid var(--borda)}
#inicio-prosa .linha-titulo h2{font-size:19px; font-weight:700; letter-spacing:-.02em}
.inicio-prosa-ver{padding:0; border:0; background:none; color:var(--verde); font-size:14.5px; font-weight:600; cursor:pointer; font-family:var(--fonte)}
#inicio-prosa-lista .pr-post:last-child{border-bottom:0}
.pc-ferr.desligado{opacity:.4; pointer-events:none}