/* =====================================================================
   MÁQUINAS & LUCRO · o visual (só vale quando a página liga o modo busca: body.ml)
   Preto, laranja degradê do logo, branco. Uma coisa por tela, nada sobrando.
   ===================================================================== */
.logo-ml { display: none; }
body.ml {
  --tinta: #0B0B0D; --tinta-2: #151518; --tinta-3: #2A2A30;
  --brasa: #FF4E0A; --ambar: #FF9A00; --claro: #FFFFFF; --texto-2: #A0A0AA; --erro: #FF9C86;
  background: radial-gradient(70% 38% at 50% 0, rgba(255, 110, 0, .17), transparent 72%), var(--tinta);
  background-attachment: fixed;
}
body.ml .logo-ml { display: block; width: 56px; height: 56px; border-radius: 50%; }
body.ml .assinatura, body.ml .contagem, body.ml .rodape { display: none; }
body.ml .topo { align-items: center; }
body.ml .palco { max-width: 680px; }
body.ml .brasa:not(.acesa) { fill: #17171A; stroke: #2A2A30; }
body.ml .cena { padding-top: clamp(28px, 9vh, 84px); }
body.ml h1 { font-stretch: 118%; font-weight: 900; letter-spacing: -.02em; text-transform: none; font-size: clamp(30px, 8vw, 50px); margin-bottom: 22px; }

/* a busca: um campo grande, o resto só aparece depois que a pessoa escreve */
/* (24/10/2026) muita gente passava direto pelo campo sem ver: borda amarela neon, a lupa dentro e um brilho que pulsa
   enquanto o campo está vazio e ninguém tocou nele. Quem pede menos movimento no aparelho vê o brilho parado (quiz.css). */
body.ml { --neon: #FFE23D; }
body.ml #c-busca { font-size: 22px; font-weight: 600; padding: 18px 20px 18px 58px; border-radius: 16px; caret-color: var(--neon);
  background: var(--tinta-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFE23D' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E") no-repeat 20px 50% / 26px 26px;
  border: 2px solid var(--neon);
  box-shadow: 0 0 0 1px rgba(255, 226, 61, .55), 0 0 18px rgba(255, 226, 61, .45), 0 0 44px rgba(255, 226, 61, .18); }
body.ml #c-busca::placeholder { color: #D2D2DA; opacity: 1; }
body.ml #c-busca:placeholder-shown:not(:focus) { animation: busca-neon 1.6s ease-in-out infinite; }
@keyframes busca-neon {
  50% { box-shadow: 0 0 0 1px rgba(255, 226, 61, .9), 0 0 30px rgba(255, 226, 61, .75), 0 0 70px rgba(255, 226, 61, .35); }
}
body.ml #c-busca:focus { outline: none; border-color: var(--neon); box-shadow: 0 0 0 4px rgba(255, 226, 61, .28), 0 0 26px rgba(255, 226, 61, .45); }
body.ml #resultados { margin-top: 16px; }
body.ml .resultados { gap: 10px; }
body.ml .resultados .card { border-radius: 16px; background: var(--tinta-2); }
body.ml .resultados .card:hover { border-color: var(--ambar); }
body.ml .cards.lista.resultados .card .foto { width: 84px; background: #1D1D21; }
body.ml .card .frase { color: var(--texto-2); }
body.ml .card .preco, body.ml .aceite-dica { color: var(--ambar); }
body.ml .card .foto .letra, body.ml .escolha .mini .letra { color: rgba(255, 255, 255, .45); }
body.ml .escolha .mini { background: #1D1D21; }
body.ml .tracejado { border-color: var(--tinta-3); color: var(--texto-2); font-weight: 600; font-size: 16px; }
body.ml .tracejado:hover { color: #fff; }
body.ml .sem-resultado { margin: 4px 0 16px; color: var(--texto-2); font-size: 18px; }
body.ml #b-continuar-texto { width: 100%; }

body.ml .botao { background: linear-gradient(90deg, #FF9A00, #FF4E0A); color: #0B0B0D; letter-spacing: .01em; text-transform: none; }
body.ml .link-item { background: linear-gradient(90deg, #FF9A00, #FF4E0A); color: #0B0B0D; }
body.ml .opcao.escolhida { border-color: var(--brasa); background: #1F1713; }
body.ml .aceite input { accent-color: var(--brasa); }
/* botão de chamar quem vende: verde (o laranja do tema não vale aqui) */
body.ml .botao-indicacao { background: #25D366; color: #0B2E17; }