/* QuadraLab Player — página pública de apresentação.
   Cores tiradas do logotipo oficial (medidas nos pixels do arquivo): verde-escuro #012A1F, verde-lima #57B907 e
   laranja-terra #C65825 (cor principal da página; botões usam #B14C1D, o mesmo laranja escurecido, para o texto branco passar no contraste). #063B2E é o verde de apoio (superfícies sobre o verde-escuro). Só vale para a página
   pública: o app por dentro mantém a sua própria interface. */
:root {
  --lp-verde: #012A1F;
  --lp-verde2: #063B2E;
  --lp-lima: #57B907;
  --lp-laranja: #C65825;
  --lp-laranja-escuro: #B14C1D;  /* texto branco sobre laranja com contraste adequado */
  --lp-laranja-claro: #F2A06A;   /* texto laranja sobre o verde-escuro */
  --lp-papel: #F5F7F6;
  --lp-linha: #E1E8E4;
  --lp-grafite: #54645C;
}
body.landing { background: #fff; }
body.landing .topo, body.landing .rodape, body.landing .navinf, body.landing .lateral { display: none !important; }
body.landing .principal { max-width: none; margin: 0; padding: 0; min-height: 0; }

.lp-cont { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 20px; }
.lp-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* botões */
.lp-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 26px; border-radius: 12px; border: 2px solid transparent; font: 700 16px/1.2 Inter, system-ui, sans-serif; text-decoration: none; text-align: center; cursor: pointer; transition: transform .12s ease, box-shadow .15s ease, background .15s ease; }
.lp-btn:hover { transform: translateY(-1px); }
.lp-btn:active { transform: scale(.98); }
.lp-btn:focus-visible { outline: 3px solid var(--lp-verde); outline-offset: 3px; }
.lp-btn-lima { background: var(--lp-laranja-escuro); color: #fff; box-shadow: 0 6px 18px -8px rgba(177,76,29,.8); }
.lp-btn-lima:hover { background: #9E4218; }
.lp-btn-branco { background: #fff; color: #8F3A12; box-shadow: 0 8px 20px -10px rgba(60,20,0,.6); }
.lp-btn-branco:hover { background: #FFF4EC; }
.lp-btn-claro { background: transparent; color: #fff; border-color: rgba(255,255,255,.55); }
.lp-btn-claro:hover { background: rgba(255,255,255,.1); }
.lp-btn-verde { background: #fff; color: var(--lp-laranja-escuro); border-color: var(--lp-laranja-escuro); }
.lp-btn-verde:hover { background: #FFF4EC; }
.lp-btn-linha { min-height: 44px; padding: 8px 20px; border-color: var(--lp-laranja-escuro); color: var(--lp-laranja-escuro); background: #fff; }
.lp-btn-linha:hover { background: #FFF4EC; }
.lp-btn-grande { min-height: 58px; padding: 14px 34px; font-size: 17px; }
.lp-btn-cheio { width: 100%; }
.lp-link { background: none; border: none; padding: 8px 4px; font: inherit; font-weight: 700; color: inherit; text-decoration: underline; cursor: pointer; }

/* cabeçalho (a logo precisa de fundo claro) */
.lp-topo { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--lp-linha); padding-top: env(safe-area-inset-top); backdrop-filter: saturate(1.4) blur(8px); }
.lp-topo-in { display: flex; align-items: center; justify-content: space-between; min-height: 64px; gap: 12px; }
.lp-marca { display: flex; align-items: center; min-height: 44px; }
.lp-marca img { height: 35px; width: auto; max-width: 100%; }

/* hero */
.lp-hero { background: radial-gradient(1000px 520px at 85% 12%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg, var(--lp-laranja) 0%, #A8451A 100%); color: #fff; }
.lp-hero-in { display: grid; grid-template-columns: 1fr; gap: 34px; padding-top: 38px; padding-bottom: 54px; }
.lp-olho { display: inline-block; margin: 0 0 14px; padding: 5px 12px; border-radius: 99px; background: var(--lp-verde); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .02em; }
.lp-hero h1 { font-size: clamp(34px, 9.4vw, 54px); line-height: 1.06; font-weight: 800; letter-spacing: -.02em; text-wrap: balance; color: #fff; }
.lp-hero h1 span { color: var(--lp-verde); }
.lp-sub { margin-top: 16px; font-size: clamp(17px, 4.4vw, 19px); line-height: 1.5; color: #fff; max-width: 34em; }
.lp-botoes { display: flex; flex-direction: column; gap: 12px; margin-top: 26px; }
.lp-nota { margin-top: 14px; font-size: 14.5px; color: #FFE9DB; }
.lp-hero-fone { display: flex; justify-content: center; }

/* mockup de smartphone, discreto, com a proporção da captura preservada */
.lp-fone { width: min(100%, 262px); margin: 0 auto; padding: 9px; border-radius: 42px; background: #0A1511; box-shadow: 0 30px 60px -24px rgba(0,0,0,.55), inset 0 0 0 1.5px #22332C; }
.lp-fone-grande { width: min(100%, 282px); }
.lp-fone-tela { position: relative; border-radius: 33px; overflow: hidden; background: #fff; line-height: 0; }
.lp-fone img { display: block; width: 100%; height: auto; }

/* seções */
.lp-secao { padding: 56px 0; }
.lp-h2 { font-size: clamp(27px, 7vw, 40px); line-height: 1.12; font-weight: 800; letter-spacing: -.015em; color: var(--lp-verde); text-wrap: balance; }

.lp-como { background: #fff; }
.lp-como .lp-h2 { text-align: center; max-width: 16em; margin: 0 auto; }
.lp-passos { list-style: none; margin: 38px 0 0; padding: 0; display: grid; gap: 52px; }
.lp-passo { display: grid; grid-template-columns: 1fr; gap: 24px; align-items: center; }
.lp-passo-txt h3 { font-size: clamp(22px, 5.6vw, 28px); line-height: 1.18; font-weight: 800; color: var(--lp-verde); }
.lp-n { color: var(--lp-laranja); }
.lp-passo-txt p { margin-top: 10px; font-size: 17px; line-height: 1.55; color: var(--lp-grafite); max-width: 30em; }
.lp-passo-fone { display: flex; justify-content: center; padding: 18px; border-radius: 28px; background: linear-gradient(180deg, var(--lp-papel), #fff); }

.lp-evolucao { background: var(--lp-papel); }
.lp-evolucao .lp-h2 { text-align: center; }
.lp-beneficios { list-style: none; margin: 30px auto 0; padding: 0; max-width: 820px; display: grid; gap: 0; }
.lp-beneficios li { position: relative; padding: 16px 0 16px 40px; border-bottom: 1px solid var(--lp-linha); display: flex; flex-direction: column; gap: 2px; }
.lp-beneficios li:last-child { border-bottom: none; }
.lp-beneficios li::before { content: "✓"; position: absolute; left: 0; top: 18px; width: 26px; height: 26px; border-radius: 50%; background: var(--lp-laranja-escuro); color: #fff; font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.lp-beneficios strong { font-size: 18px; color: var(--lp-verde); }
.lp-beneficios span { font-size: 15.5px; color: var(--lp-grafite); }

/* consultorias */
.lp-consul { background: linear-gradient(180deg, var(--lp-verde) 0%, var(--lp-verde2) 100%); color: #fff; }
.lp-consul .lp-h2 { color: #fff; text-align: center; }
.lp-sub-escuro { margin-top: 10px; text-align: center; font-size: 17px; color: #D5E4DD; }
.lp-aviso { margin: 20px auto 0; max-width: 760px; padding: 12px 16px; border-left: 4px solid var(--lp-laranja); border-radius: 10px; background: rgba(255,255,255,.09); font-size: 15px; color: #fff; }
.lp-consul-lista { display: grid; grid-template-columns: 1fr; gap: 18px; margin-top: 28px; }
.lp-carregando { text-align: center; color: #D5E4DD; padding: 24px 0; }
.lp-consul-card { display: flex; flex-direction: column; gap: 10px; padding: 24px 20px; border-radius: 18px; background: #fff; color: var(--lp-verde); box-shadow: 0 18px 40px -22px rgba(0,0,0,.6); }
.lp-consul-card h3 { font-size: 22px; line-height: 1.2; font-weight: 800; overflow-wrap: anywhere; }
.lp-consul-desc { font-size: 15.5px; line-height: 1.5; color: #24352E; }
.lp-consul-para { font-size: 14.5px; color: var(--lp-grafite); }
.lp-consul-para strong { color: var(--lp-verde); }
.lp-consul-regra { margin: 0; padding: 10px 12px; border-radius: 10px; background: #F1F7EC; border: 1px solid #CBE3B8; color: #1F4710; font-size: 14.5px; font-weight: 600; }
.lp-consul-entregas { list-style: none; margin: 0; padding: 0; }
.lp-consul-entregas li { position: relative; padding: 4px 0 4px 26px; font-size: 15px; }
.lp-consul-entregas li::before { content: "✓"; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border-radius: 50%; background: var(--lp-lima); color: var(--lp-verde); font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.lp-rotulo { display: block; font-size: 12.5px; font-weight: 600; color: var(--lp-grafite); }
.lp-consul-preco { margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--lp-linha); }
.lp-consul-preco strong { font-size: 30px; line-height: 1.1; color: var(--lp-verde); }
.lp-un { font-size: 13.5px; color: var(--lp-grafite); }
.lp-consul-prazo { font-size: 14.5px; }
.lp-consul-card .lp-btn { margin-top: 6px; }
.lp-ver { text-align: center; }
.lp-ver a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px; color: var(--lp-verde); font-weight: 700; text-underline-offset: 4px; }
.lp-consul-destaque { border: 3px solid var(--lp-laranja); position: relative; }
.lp-selo { align-self: flex-start; margin: 0; padding: 4px 14px; border-radius: 99px; background: var(--lp-laranja-escuro); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .02em; }
.lp-nota-escura { margin: 22px auto 0; max-width: 760px; text-align: center; font-size: 14.5px; color: #C5D8CF; }

/* chamada final */
.lp-final { background: radial-gradient(900px 400px at 15% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg, var(--lp-laranja) 0%, #A8451A 100%); color: #fff; text-align: center; padding: 64px 0 70px; }
.lp-final-in { max-width: 760px; }
.lp-final h2 { font-size: clamp(28px, 7.6vw, 44px); line-height: 1.12; font-weight: 800; letter-spacing: -.015em; text-wrap: balance; }
.lp-final p { margin: 16px auto 28px; font-size: 18px; line-height: 1.5; color: #fff; max-width: 34em; }

.lp-rodape { background: var(--lp-papel); padding: 26px 0 calc(26px + env(safe-area-inset-bottom)); font-size: 14px; color: var(--lp-grafite); text-align: center; }
.lp-rodape nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 22px; margin-top: 8px; }
.lp-rodape a { display: inline-flex; align-items: center; min-height: 44px; color: var(--lp-verde); font-weight: 600; }

@media (min-width: 700px) {
  .lp-botoes { flex-direction: row; }
  .lp-consul-lista { grid-template-columns: 1fr 1fr; }
  .lp-consul-destaque { grid-column: 1 / -1; }
  .lp-consul-destaque { padding: 28px 28px; }
}
@media (min-width: 900px) {
  .lp-secao { padding: 84px 0; }
  .lp-hero-in { grid-template-columns: 1.08fr .92fr; gap: 60px; align-items: center; padding-top: 70px; padding-bottom: 84px; }
  .lp-hero-fone { justify-content: flex-end; }
  .lp-fone { width: 300px; }
  .lp-fone-grande { width: 340px; }
  .lp-passo { grid-template-columns: 1fr 1fr; gap: 64px; }
  .lp-passo-inv .lp-passo-fone { order: -1; }
  .lp-passos { gap: 84px; }
  .lp-beneficios { grid-template-columns: 1fr 1fr; column-gap: 56px; }
  .lp-beneficios li:nth-last-child(2) { border-bottom: none; }
  .lp-final { padding: 96px 0 104px; }
}
@media (prefers-reduced-motion: reduce) { .lp-btn { transition: none; } }

/* plano gratuito no hero; planos, tabela e Evolução Inteligente */
.lp-gratis-hero { margin: 14px 0 0; padding: 4px 0 4px 14px; border-left: 4px solid var(--lp-verde); font-size: clamp(18px, 4.8vw, 22px); line-height: 1.3; font-weight: 700; color: #fff; max-width: 28em; text-wrap: balance; }
.lp-inclui { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.lp-inclui li { padding: 7px 14px; border-radius: 99px; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.4); font-size: 14.5px; font-weight: 600; color: #fff; }
.lp-intel { background: #fff; }
.lp-intel-sub { margin: 12px auto 0; max-width: 40em; text-align: center; font-size: 18px; line-height: 1.5; color: var(--lp-grafite); }
.lp-intel-passos { list-style: none; counter-reset: p; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 12px; }
.lp-intel-passos li { counter-increment: p; position: relative; display: flex; flex-direction: column; gap: 4px; padding: 16px 18px 16px 58px; border-radius: 14px; background: var(--lp-papel); }
.lp-intel-passos li::before { content: counter(p); position: absolute; left: 16px; top: 16px; width: 30px; height: 30px; border-radius: 50%; background: var(--lp-laranja-escuro); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.lp-intel-passos strong { font-size: 17px; color: var(--lp-verde); }
.lp-intel-passos span { font-size: 15.5px; line-height: 1.5; color: var(--lp-grafite); }
.lp-intel-nota, .lp-planos-nota { margin: 18px auto 0; max-width: 46em; text-align: center; font-size: 14px; line-height: 1.5; color: var(--lp-grafite); }
.lp-planos { background: var(--lp-papel); }
.lp-planos .lp-h2 { text-align: center; }
.lp-sub-claro { margin: 10px auto 0; max-width: 38em; text-align: center; font-size: 17px; line-height: 1.5; color: var(--lp-grafite); }
.lp-carregando-claro { text-align: center; color: var(--lp-grafite); padding: 24px 0; }
.lp-planos-lista { margin-top: 26px; display: grid; grid-template-columns: 1fr; gap: 16px; }
.lp-plano { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 24px 20px; border-radius: 18px; background: #fff; border: 1px solid var(--lp-linha); box-shadow: 0 12px 30px -22px rgba(1,42,31,.55); }
.lp-plano h3 { font-size: 21px; color: var(--lp-verde); }
.lp-plano-para { font-size: 14.5px; color: var(--lp-grafite); }
.lp-plano-preco strong { font-size: 32px; line-height: 1.1; color: var(--lp-verde); }
.lp-plano-preco span { font-size: 14px; color: var(--lp-grafite); }
.lp-plano-itens { list-style: none; margin: 4px 0 8px; padding: 0; display: flex; flex-direction: column; gap: 7px; flex: 1; }
.lp-plano-itens li { position: relative; padding-left: 24px; font-size: 15px; line-height: 1.4; color: #24352E; }
.lp-plano-itens li::before { content: "✓"; position: absolute; left: 0; top: 1px; width: 17px; height: 17px; border-radius: 50%; background: var(--lp-laranja-escuro); color: #fff; font-size: 10.5px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.lp-plano-destaque { border: 3px solid var(--lp-laranja); box-shadow: 0 22px 44px -22px rgba(198,88,37,.7); }
.lp-plano-free { border-top: 6px solid var(--lp-laranja); }
.lp-selo-claro { background: var(--lp-verde); }
.lp-plano .lp-btn[disabled] { opacity: .75; cursor: default; transform: none; }
.lp-tabela-wrap { margin-top: 34px; }
.lp-tabela-titulo { font-size: 22px; color: var(--lp-verde); text-align: center; margin-bottom: 14px; }
.lp-tabela-rolagem { overflow-x: auto; border-radius: 14px; background: #fff; border: 1px solid var(--lp-linha); }
.lp-tabela { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 14.5px; }
.lp-tabela th, .lp-tabela td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--lp-linha); vertical-align: top; }
.lp-tabela thead th { background: var(--lp-verde); color: #fff; font-weight: 700; }
.lp-tabela tbody th { font-weight: 600; color: var(--lp-verde); position: sticky; left: 0; background: #fff; min-width: 150px; }
.lp-tabela .lp-col-destaque { background: #FFF4EC; }
.lp-tabela thead .lp-col-destaque { background: var(--lp-laranja-escuro); }
.lp-dif { background: #fff; }
.lp-dif-lista { list-style: none; margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 12px; }
.lp-dif-lista li { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 14px; background: var(--lp-papel); border-left: 4px solid var(--lp-laranja); }
.lp-dif-lista strong { font-size: 17px; color: var(--lp-verde); }
.lp-dif-lista span { font-size: 15.5px; line-height: 1.5; color: var(--lp-grafite); }
@media (min-width: 700px) { .lp-planos-lista { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .lp-dif-lista, .lp-intel-passos { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .lp-planos-lista { grid-template-columns: repeat(4, 1fr); } .lp-plano-destaque { transform: translateY(-8px); } }

/* ── cadastro, entrada e recuperação de senha: mesma identidade da página principal ──
   Fundo claro, formulário branco, laranja como cor de ação (botão, links, foco), verde-escuro só em textos. */
body.acesso { background: var(--lp-papel); }
body.acesso .principal { max-width: 520px; padding: 22px 22px 40px; }
body.acesso .topo { background: #fff; }
body.acesso .topo-in { padding: 0 22px; max-width: 520px; margin: 0 auto; }
.ac-pagina h1 { font-size: clamp(28px, 8vw, 34px); line-height: 1.12; font-weight: 800; letter-spacing: -.015em; color: var(--lp-verde); text-wrap: balance; }
.ac-sub { margin-top: 8px; font-size: 17px; line-height: 1.45; color: var(--lp-grafite); }
.ac-gratis { margin-top: 16px; padding: 12px 14px; border-radius: 12px; background: #FFF4EC; border: 1px solid #F0CDB5; color: #5C2A0E; font-size: 14.5px; line-height: 1.4; }
.ac-gratis strong { color: var(--lp-laranja-escuro); }
.ac-gratis ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 3px; }
.ac-gratis li { position: relative; padding-left: 20px; font-size: 14px; }
.ac-gratis li::before { content: ""; position: absolute; left: 3px; top: 6px; width: 6px; height: 10px; border: solid var(--lp-laranja-escuro); border-width: 0 2px 2px 0; transform: rotate(40deg) scale(.8); }
.ac-form { margin-top: 18px; padding: 20px 18px 18px; border-radius: 16px; background: #fff; border: 1px solid var(--lp-linha); box-shadow: 0 10px 28px -20px rgba(1,42,31,.45); }
.ac-campo { margin-bottom: 14px; }
.ac-campo label { display: block; margin-bottom: 5px; font-size: 15px; font-weight: 600; color: var(--lp-verde); }
.ac-campo input { width: 100%; min-height: 52px; padding: 10px 14px; font: 400 16px/1.3 Inter, system-ui, sans-serif; color: var(--lp-verde); background: #fff; border: 1.5px solid #C9D3CD; border-radius: 10px; }
.ac-campo input:hover { border-color: #A9B8B0; }
.ac-campo input:focus { outline: none; border-color: var(--lp-laranja-escuro); box-shadow: 0 0 0 3px rgba(198,88,37,.3); }
.ac-campo input[aria-invalid="true"] { border-color: #B3261E; }
.ac-senha { position: relative; }
.ac-senha input { padding-right: 92px; }
.ac-ver { position: absolute; right: 4px; top: 4px; bottom: 4px; min-width: 80px; padding: 0 12px; border: none; border-radius: 8px; background: none; font: 700 14.5px Inter, system-ui, sans-serif; color: var(--lp-laranja-escuro); cursor: pointer; }
.ac-ver:hover { background: #FFF4EC; }
.ac-ver:focus-visible, .ac-botao:focus-visible, .ac-pagina a:focus-visible { outline: 3px solid var(--lp-laranja); outline-offset: 2px; }
.ac-dica { margin-top: 5px; font-size: 13.5px; color: var(--lp-grafite); }
.ac-erro { margin-top: 5px; font-size: 14px; font-weight: 600; color: #B3261E; }
.ac-aviso { margin-bottom: 14px; padding: 10px 12px; border-radius: 10px; background: #FDECEA; border: 1px solid #F3B9B3; color: #7A1812; font-size: 14.5px; }
.ac-aviso-info { background: #FFF4EC; border-color: #F0CDB5; color: #5C2A0E; }
.ac-botao { width: 100%; min-height: 52px; margin-top: 4px; padding: 12px 18px; border: none; border-radius: 12px; background: var(--lp-laranja-escuro); color: #fff; font: 700 16.5px Inter, system-ui, sans-serif; cursor: pointer; box-shadow: 0 6px 18px -8px rgba(177,76,29,.8); }
.ac-botao:hover { background: #9E4218; }
.ac-botao:disabled { opacity: .75; cursor: default; }
.ac-links, .ac-troca, .ac-nota { margin-top: 14px; text-align: center; font-size: 15px; color: var(--lp-grafite); }
.ac-nota { margin-top: 8px; font-size: 13.5px; }
.ac-pagina a { color: var(--lp-laranja-escuro); font-weight: 700; text-underline-offset: 3px; display: inline-flex; align-items: center; min-height: 44px; }
.ac-nota a { min-height: 0; font-weight: 600; display: inline; }
@media (min-width: 900px) { body.acesso .principal { padding-top: 48px; } .ac-form { padding: 24px 24px 22px; } }

/* ── Olhar do treinador ── */
.lp-olhar-chamada { background: #FFF4EC; border-top: 1px solid #F3D5BF; border-bottom: 1px solid #F3D5BF; }
.lp-olhar-chamada-in { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; padding-top: 22px; padding-bottom: 22px; }
.lp-olhar-chamada h2 { font-size: clamp(21px, 5.4vw, 28px); line-height: 1.2; font-weight: 800; color: var(--lp-verde); }
.lp-olhar-chamada p { margin-top: 6px; font-size: 17px; color: #24352E; }
.lp-olhar { background: #fff; }
.lp-olhar-grade { display: grid; grid-template-columns: 1fr; gap: 24px; }
.lp-olhar-id { display: inline-block; margin: 0 0 12px; padding: 4px 12px; border-radius: 99px; background: #FFF4EC; color: var(--lp-laranja-escuro); border: 1px solid #F3D5BF; font-size: 13px; font-weight: 700; }
.lp-olhar-desc { margin-top: 14px; font-size: 17px; line-height: 1.55; color: #24352E; }
.lp-olhar-itens { list-style: none; margin: 16px 0 0; padding: 0; }
.lp-olhar-itens li { position: relative; padding: 5px 0 5px 28px; font-size: 16px; }
.lp-olhar-itens li::before { content: ""; position: absolute; left: 4px; top: 12px; width: 10px; height: 10px; border-radius: 50%; background: var(--lp-lima); }
.lp-olhar-compra { padding: 22px 20px; border-radius: 18px; background: var(--lp-papel); border: 1px solid var(--lp-linha); align-self: start; }
.lp-olhar-preco strong { font-size: 44px; line-height: 1; font-weight: 800; color: var(--lp-verde); }
.lp-olhar-cond { margin: 6px 0 16px; font-size: 15.5px; font-weight: 600; color: var(--lp-grafite); }
.lp-olhar-escopo { margin-top: 14px; font-size: 14.5px; line-height: 1.5; color: #24352E; }
.lp-olhar-como { margin-top: 28px; }
.lp-olhar-como h3, .lp-olhar-faq h3, .lp-como-escolher h3 { font-size: 20px; font-weight: 800; color: var(--lp-verde); }
.lp-olhar-como ol { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 12px; }
.lp-olhar-como li { display: flex; gap: 14px; padding: 14px 16px; border-radius: 14px; background: var(--lp-papel); border-left: 4px solid var(--lp-laranja); }
.lp-olhar-como li b { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: var(--lp-laranja-escuro); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; }
.lp-olhar-como li strong { display: block; color: var(--lp-verde); }
.lp-olhar-como li span { display: block; margin-top: 2px; font-size: 15.5px; color: var(--lp-grafite); }
.lp-olhar-nota { margin-top: 14px; font-size: 14.5px; color: var(--lp-grafite); }
.lp-olhar-faq { margin-top: 28px; }
.lp-olhar-faq details { margin-top: 8px; border: 1px solid var(--lp-linha); border-radius: 12px; background: #fff; }
.lp-olhar-faq summary { cursor: pointer; padding: 14px 16px; font-weight: 700; color: var(--lp-verde); min-height: 48px; }
.lp-olhar-faq details p { padding: 0 16px 14px; font-size: 15.5px; color: var(--lp-grafite); }
.lp-como-escolher { margin: 28px auto 0; max-width: 760px; padding: 20px; border-radius: 16px; background: rgba(255,255,255,.08); color: #fff; }
.lp-como-escolher h3 { color: #fff; }
.lp-como-escolher dl { margin: 10px 0 0; }
.lp-como-escolher dl > div { padding: 10px 0; border-top: 1px solid rgba(255,255,255,.2); }
.lp-como-escolher dt { font-weight: 700; }
.lp-como-escolher dd { margin: 4px 0 0; font-size: 15px; color: #D5E4DD; }
.lp-como-escolher > p { margin-top: 10px; font-size: 14.5px; color: #C5D8CF; }
@media (min-width: 760px) {
  .lp-olhar-chamada-in { flex-direction: row; align-items: center; justify-content: space-between; }
  .lp-olhar-grade { grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: start; }
  .lp-olhar-como ol { grid-template-columns: repeat(3, 1fr); }
}