/* Quem Faz — a assinatura de R$ 50 (app-assinatura.js) e a busca de dentro no modelo da página (app-busca-voz.js).
   12/11/2026, decisão do Covais. */

/* O ★ Destaque de R$ 100 saiu: a aba fica escondida para todos (o código ficou guardado). */
.nav [data-aba="destaque"],#aba-destaque{display:none!important}

/* Sem a assinatura em dia, o app por dentro é só o Assinar, o Suporte e a Conta. */
html.sem-assinatura .nav [data-aba="buscar"],html.sem-assinatura .nav [data-aba="anunciar"],
html.sem-assinatura .nav [data-aba="favoritos"],html.sem-assinatura #nav-fav,html.sem-assinatura #nav-msg,
html.sem-assinatura .nav [data-acao="compartilhar"]{display:none!important}

/* A tela Assinar */
#aba-assinar .aba-tit{font-family:var(--display);letter-spacing:.2px}
.ass-corpo{padding:0 16px 24px}
.ass-plano{background:#fff;border:2px solid var(--anil);border-radius:16px;padding:18px 16px;margin-top:8px;box-shadow:0 6px 18px rgba(43,63,214,.12)}
.ass-preco{font-family:var(--display);font-size:38px;font-weight:800;color:var(--anil);line-height:1}
.ass-preco small{font-family:var(--texto);font-size:15px;font-weight:600;color:var(--tinta-2)}
.ass-quem{margin-top:6px;font-weight:600}
.ass-lista{list-style:none;margin-top:12px;display:grid;gap:8px}
.ass-lista li{font-size:14.5px;line-height:1.35}
.ass-form{margin-top:16px}
.ass-form .primario{width:100%;margin-top:10px}
.ass-espera{margin-top:14px;background:#FFF8D6;border:1px solid #F0D96B;border-radius:12px;padding:12px 14px;display:grid;gap:10px}
.ass-espera .primario,.ass-espera .secundario{width:100%;display:flex;align-items:center;justify-content:center;text-decoration:none}
.ass-nota{margin-top:14px;font-size:14px;color:var(--tinta-2)}
.ass-pix{margin-top:18px;border-top:1px solid var(--linha);padding-top:14px;font-size:14px}
.ass-pix .secundario{width:100%;margin-top:10px}

/* A linha da assinatura na aba Conta */
.conta-ass{margin-top:12px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:12px 14px;font-size:14.5px}
.conta-ass .secundario{width:100%;margin-top:10px}
.conta-ass .link{margin-top:8px;font-size:13.5px}
.conta-ass .perigo{color:var(--oferta)}

/* A busca de dentro no modelo da página: o microfone na caixa e os atalhos embaixo. */
.busca-modelo input{padding-right:88px}
.busca-modelo .limpar{right:46px}
.busca-mic{position:absolute;right:6px;top:7px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:var(--anil-claro);color:var(--anil)}
.busca-mic svg{width:19px;height:19px}
.busca-mic.ouvindo{background:var(--oferta);color:#fff;animation:busca-pulsa 1s ease-in-out infinite}
@keyframes busca-pulsa{50%{transform:scale(1.08)}}
.busca-atalhos{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding-bottom:2px;scrollbar-width:none}
.busca-atalhos::-webkit-scrollbar{display:none}
.busca-atalhos button{flex:none;height:32px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.45);color:#fff;font-size:13.5px;font-weight:600}
@media (prefers-reduced-motion:reduce){.busca-mic.ouvindo{animation:none}}
/* 🔊 Ouvir os resultados da busca (app-busca-voz.js): o primeiro botão da fileira de atalhos. */
.busca-atalhos .busca-som{font-weight:700}
.busca-atalhos .busca-som.on{background:var(--cartaz);border-color:var(--cartaz);color:var(--tinta)}
/* O anúncio aberto como site (app-anuncio-site.js): a folha vira a barra de cima + o site, de altura cheia. */
.folha.com-site{display:flex;flex-direction:column;height:92dvh;padding-bottom:0;overflow:hidden}
.folha.com-site .folha-barra{flex:none}
.det-site-quadro{flex:1;width:calc(100% + 36px);margin:0 -18px;border:0;display:block;background:#F4F5F9}
@media (min-width:900px){.folha.com-site{max-width:720px;height:90vh}}
/* ⚡ Mensagens rápidas do chat (app-chat-rapidas.js): o botão ao lado da caixa e as frases em cima dela. */
.chat-rap-bt{flex:none;width:42px;height:42px;border-radius:50%;background:var(--anil-claro);color:var(--anil);font-size:19px;
  display:grid;place-items:center;align-self:flex-end}
.chat-rap-bt[aria-expanded="true"]{background:var(--cartaz)}
/* 12/11/2026, pedido do Covais ("ficou cortada"): uma frase por linha, inteira, em lista — como as respostas rápidas
   do WhatsApp. Antes era uma fileira de lado, com as frases cortadas em "…". */
.chat-rapidas{display:flex;flex-direction:column;gap:6px;padding:8px 0 4px;max-height:240px;overflow-y:auto}
.chat-rapidas button{display:block;width:100%;text-align:left;white-space:normal;padding:10px 14px;border-radius:12px;
  background:#fff;border:1.5px solid var(--linha);color:var(--tinta);font-size:14.5px;font-weight:500;line-height:1.3}
.chat-rapidas button:hover,.chat-rapidas button:focus-visible{border-color:var(--anil);color:var(--anil)}
/* 🎁 Indique e Ganhe (app-indique.js): o bônus e o QR na janela do Compartilhar. */
.ind-caixa{margin-top:14px;display:grid;gap:12px}
.ind-saldo{background:linear-gradient(135deg,#FFF6CC,#FFE14A);border-radius:14px;padding:14px 16px;color:var(--tinta)}
.ind-saldo span{display:block;font-size:13px;font-weight:700;opacity:.8}
.ind-saldo b{display:block;font-size:30px;line-height:1.1;margin:2px 0 8px}
.ind-barra{height:8px;border-radius:99px;background:rgba(20,27,69,.15);overflow:hidden}
.ind-barra i{display:block;height:100%;background:var(--verde,#127447);border-radius:99px}
.ind-saldo small{display:block;margin-top:8px;font-size:13px;line-height:1.35}
.ind-qr{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:12px}
.ind-qr img{flex:none;width:120px;height:120px;border-radius:8px}
.ind-qr p{font-size:13.5px;line-height:1.4;color:var(--tinta-2)}
/* 🟢 Meu WhatsApp no chat (app-chat-rapidas.js): o botão verde ao lado do ⚡, a caixa do número e o link na conversa. */
.chat-zap-bt{background:#E3F6EA;color:#128C4B}
.chat-zap-bt svg{width:22px;height:22px}
.chat-zap-bt[aria-expanded="true"]{background:#128C4B;color:#fff}
.chat-zap-caixa{background:#F2FBF5;border:1.5px solid #BFE6CD;border-radius:12px;padding:12px}
.chat-zap-caixa p{font-size:14px;line-height:1.35;color:var(--tinta)}
.chat-zap-linha{display:flex;gap:8px;margin-top:10px}
.chat-zap-linha input{flex:1;min-width:0;height:42px;border:1.5px solid var(--linha);border-radius:10px;padding:0 12px;font-size:16px;background:#fff}
.chat-rapidas .chat-zap-ir{display:block;width:auto;text-align:center;border:0;flex:none;height:42px;padding:0 16px;border-radius:10px;background:#128C4B;color:#fff;font-weight:700}
.chat-zap-erro{margin-top:6px;color:var(--oferta)!important;font-size:13px!important}
.chat-zap-link{display:inline-block;margin-top:6px;padding:7px 12px;border-radius:999px;background:#128C4B;color:#fff!important;
  font-weight:700;text-decoration:none}
/* 📱 O WhatsApp da conta, na aba Conta (app-chat-rapidas.js). */
.conta-zap-tit{display:flex;align-items:center;gap:8px;color:#128C4B}
.conta-zap-tit svg{width:20px;height:20px}
.conta-zap-tit b{color:var(--tinta)}
.conta-zap-sub{font-size:13.5px;color:var(--tinta-2);margin-top:4px}
.conta-zap .conta-zap-ir{flex:none;height:42px;padding:0 16px;border-radius:10px;background:#128C4B;color:#fff;font-weight:700;border:0}
/* ⚡ As mensagens rápidas da conta, na aba Conta (app-conta-rapidas.js). */
.conta-rap-tit{color:var(--anil)}
.conta-rap-lista{display:grid;gap:8px;margin-top:10px}
.conta-rap-item{display:flex;gap:6px;align-items:flex-start}
.conta-rap-item textarea{flex:1;min-width:0;resize:vertical;border:1.5px solid var(--linha);border-radius:10px;padding:9px 11px;
  font-size:15px;line-height:1.3;background:#fff}
.conta-rap-item textarea:focus{outline:none;border-color:var(--anil)}
.conta-rap-x{flex:none;width:34px;height:34px;border-radius:50%;background:#F4F5F9;color:var(--tinta-2);font-size:14px}
.conta-rap .conta-rap-mais{width:100%;margin-top:10px}
.conta-rap-acoes{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap}
.conta-rap-acoes .primario{width:auto;padding:0 22px;height:44px}