/* LPs do Google Search fundo de funil (ads/search-fundo-2026-10/LPS-INSTRUCAO.md, 12/10/2026). O resto da página é a trader
   (trader.css) e o que as LPs dividem com a do parceiro (lp-parceiro.css: botão no fim da dobra e o parágrafo da S2 sob a S3).
   Aqui só a dobra de benefício (.lp-feat), das dobras próprias de _src/lps/_dobras/ (plataforma grátis, corretagem zero, Flash
   Click) e da sala ao vivo. Rodada 2 (feedback do Paulo, 12/10): título que vende, oferta em destaque, alternativas pequenas,
   condição numa linha e ritmo de cor entre dobras (.lp-feat--light: faixa clara do tema claro do DS; .lp-feat--alt: grafite).
   Título no tamanho de todas as dobras (.tr-h2, 80px), centrado; abaixo, a linha mídia + painel. Estado anterior em
   lp-search.css.bak-1210-v1. */
#main .tr .lp-feat.tr-sec { padding-top: var(--tr-gap); text-align: center; text-wrap: wrap; }
.tr .lp-feat-label { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--tr-text); }
.tr .lp-feat-label::before { content: ""; width: 4px; height: 14px; background: var(--tr-acc); }
.tr .lp-feat-h { max-width: 1040px; margin: 20px auto 0; }
.tr .lp-feat-lead { max-width: 760px; margin: 24px auto 0; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.5; color: var(--tr-t2); text-wrap: pretty; }

/* linha mídia + painel: imagem à esquerda, benefícios à direita; no celular, empilhados */
.tr .lp-feat-row { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(32px, 4vw, 64px); align-items: center; max-width: var(--page, 1240px); margin: var(--tr-gap-in) auto 0; text-align: left; }
.tr .lp-feat-media { position: relative; margin: 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--tr-line); background: var(--surface-1, #141414); }
.tr .lp-feat-media img { display: block; width: 100%; height: auto; }
/* mockup de aparelho (monitor com a tela oficial do Tryd): o aparelho já é a moldura, sem caixa nem borda */
.tr .lp-feat-media--device, .tr .lp-feat--alt .lp-feat-media--device { border: 0; border-radius: 0; background: none; overflow: visible; }
/* sombra para o aparelho não ficar solto no preto: luz suave atrás, sombra projetada e sombra de contato sob a base */
.tr .lp-feat-media--device { isolation: isolate; }
.tr .lp-feat-media--device::before { content: ""; position: absolute; inset: 4% 6% 10%; z-index: -2; background: radial-gradient(ellipse at 50% 45%, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) 70%); }
.tr .lp-feat-media--device::after { content: ""; position: absolute; left: 6%; right: 4%; bottom: 1%; height: 9%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, .85), rgba(0, 0, 0, 0) 70%); filter: blur(10px); }
.tr .lp-feat-media--device img { filter: drop-shadow(0 28px 36px rgba(0, 0, 0, .7)) drop-shadow(0 0 1px rgba(255, 255, 255, .12)); }
.tr .lp-feat-media--tall img { aspect-ratio: 1 / 1; object-fit: cover; object-position: 50% 35%; }

.tr .lp-feat-list { display: grid; gap: 20px; }
.tr .lp-feat-list li { position: relative; padding-left: 28px; font-size: 17px; line-height: 1.5; color: var(--tr-t2); text-wrap: pretty; }
.tr .lp-feat-list li::before { content: ""; position: absolute; left: 0; top: .55em; width: 14px; height: 2px; background: var(--tr-acc); }
.tr .lp-feat-list strong { display: block; font-weight: 700; font-size: 19px; color: var(--tr-text); }
.tr .lp-feat-also { margin-top: 24px; font-size: 15px; line-height: 1.5; color: var(--tr-t2); }
/* letra miúda: a condição, numa linha, logo abaixo do subtítulo (rodada 4, Paulo, 12/10/2026: o asterisco só aqui) */
.tr .lp-feat-fine { margin-top: 16px; font-size: 13px; line-height: 1.5; color: var(--tr-t2); }
.tr .lp-feat-lead + .lp-feat-fine { max-width: 760px; margin: 12px auto 0; }
/* o botão da dobra (lp-parceiro.css) fica alinhado ao painel, à esquerda */
#main .tr .lp-feat-panel .lp-cta-dobra { justify-content: flex-start; margin: 32px 0 0; }

/* /plataformas: as quatro em blocos pequenos, o Profit Pro em destaque */
.tr .lp-feat-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tr .lp-feat-tile { display: flex; flex-direction: column; gap: 6px; padding: 18px 20px; border: 1px solid var(--tr-line); border-radius: 12px; background: var(--surface-1, #141414); }
.tr .lp-feat-tile--main { border-color: rgba(254, 241, 51, .5); }
.tr .lp-feat-tile-n { font-size: 18px; font-weight: 700; color: var(--tr-text); }
.tr .lp-feat-tile-n::after { content: " grátis"; color: var(--tr-acc); }
.tr .lp-feat-tile-r { font-size: 14px; color: var(--tr-t2); }

/* números grandes (corretagem e Flash Click) */
.tr .lp-feat-stat { margin: var(--tr-gap-in) auto 0; }
.tr .lp-feat-num { font-size: clamp(88px, 13vw, 200px); font-weight: 700; line-height: .95; letter-spacing: -.04em; color: var(--tr-text); }
.tr .lp-feat-cap { max-width: 420px; margin: 12px auto 0; font-size: clamp(16px, 1.4vw, 20px); line-height: 1.45; color: var(--tr-t2); text-wrap: balance; }
.tr .lp-feat-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.tr .lp-feat-stats .lp-feat-num { font-size: clamp(64px, 7vw, 112px); color: var(--tr-acc); }
.tr .lp-feat-stats .lp-feat-cap { margin: 8px 0 0; }
#main .tr .lp-feat-stat ~ .lp-cta-dobra { margin-top: 40px; }

/* faixa clara (inversão de cor): tema claro do DS, destaque amarelo como marca-texto (o amarelo puro some no claro) */
#main .tr .lp-feat--light.tr-sec { margin-top: var(--tr-gap); padding: clamp(88px, 10vw, 144px) var(--tr-pad); background: var(--neutral-100, #f2f2f2); }
.tr .lp-feat--light, .tr .lp-feat--light .lp-feat-label, .tr .lp-feat--light .lp-feat-num { color: #0a0a0a; }
.tr .lp-feat--light .lp-feat-h { color: #0a0a0a; }
.tr .lp-feat--light .lp-feat-h em { color: #0a0a0a; background: linear-gradient(transparent 58%, var(--tr-acc) 58%, var(--tr-acc) 92%, transparent 92%); padding: 0 .06em; }
.tr .lp-feat--light .lp-feat-lead, .tr .lp-feat--light .lp-feat-cap, .tr .lp-feat--light .lp-feat-fine { color: var(--neutral-500, #646464); }
.tr .lp-feat--light .lp-feat-label::before { background: #0a0a0a; }
/* grafite: a dobra alternada do DS */
#main .tr .lp-feat--alt.tr-sec { margin-top: 0; padding: clamp(88px, 10vw, 144px) var(--tr-pad); background: var(--bg-alt, #141414); }
.tr .lp-feat--alt .lp-feat-media { background: var(--bg, #0a0a0a); }
/* a dobra que vem depois de uma faixa colorida não repete o respiro grande de cima */
#main .tr .lp-feat--light + .lp-feat--alt.tr-sec { margin-top: 0; }

@media (max-width: 759.98px) {
  .tr .lp-feat-row { grid-template-columns: 1fr; }
  .tr .lp-feat-media--tall img { aspect-ratio: 4 / 5; }
  .tr .lp-feat-list strong { font-size: 18px; }
  .tr .lp-feat-tiles { grid-template-columns: 1fr; }
  .tr .lp-feat-stats { gap: 16px; }
  #main .tr .lp-feat--light.tr-sec, #main .tr .lp-feat--alt.tr-sec { padding: 80px var(--tr-pad); }
  /* corretagem no celular: o "R$ 0" sobe para antes do subtítulo; o disclaimer segue logo depois do subtítulo */
  #main .tr .lp-feat--light.tr-sec { display: flex; flex-direction: column; align-items: center; }
  .tr .lp-feat--light .lp-feat-stat { order: 1; margin-top: 32px; }
  .tr .lp-feat--light .lp-feat-lead { order: 2; }
  .tr .lp-feat--light .lp-feat-fine { order: 3; }
  .tr .lp-feat--light .lp-cta-dobra { order: 4; }
}

/* S4 das LPs (robôs e copytrade) só com os textos (rodada 4): o título da coluna, que era link, ganha peso de título */
.tr.lp-search .tr-s4-h { font-size: clamp(20px, 1.8vw, 24px); font-weight: 700; color: var(--tr-text); }
.tr.lp-search .tr-s4-txt { margin-top: 12px; }

/* S3 das LPs ("Ao seu lado, todos os dias de pregão."): foto da dupla antes dos cartões, na coluna de 1240 */
.tr .lp-s3-foto { max-width: var(--page, 1240px); margin: var(--tr-gap-in) auto 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--tr-line); }
.tr .lp-s3-foto img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 7; object-fit: cover; object-position: 50% 40%; }
@media (max-width: 759.98px) { .tr .lp-s3-foto img { aspect-ratio: 4 / 3; object-position: 55% 40%; } }

/* barra fixa do celular sem a frase de conta, CVM e risco (12/10/2026): o rodapé desconta só a altura do botão, não os 150px que a
   trader reserva para o botão com a frase */
@media (max-width: 759.98px) {
  body.page-lp footer.site { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
}