/* Menu das páginas de campanha — o mesmo comportamento da home.
 *
 * O lps.css esconde os links no celular (`.nav nav>a:not(.btn){display:none}`
 * em max-width:1000px) e deixa só o botão dourado, que fica grande e solto no
 * canto. Aqui os links voltam, atrás de um botão ☰, como na home.
 *
 * Carrega DEPOIS do lps.css: mesma especificidade, e a última regra vence.
 */

/* No desktop o menu já aparece inteiro; o ☰ não tem função. */
.menu {
  display: none;
  color: #fff;
  background: none;
  border: 1px solid #4b4c46;
  border-radius: 8px;
  min-width: 44px;
  min-height: 44px;
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
}
.menu:hover { border-color: #c4a476; color: #c4a476; }

@media (max-width: 1000px) {
  .menu { display: block; }

  /* Âncora do menu suspenso. */
  .nav { position: relative; }

  /* Fechado por padrão; .open abre. O !important é para vencer a regra do
     lps.css que esconde item a item — sem ele, o menu abre vazio. */
  .nav nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding: 18px 20px 22px;
    background: #101210;
    border-bottom: 1px solid #3a3e34;
    font-size: 14px;
  }
  .nav nav.open { display: flex; }
  .nav nav.open > a:not(.btn) {
    display: block !important;
    padding: 12px 2px;
    min-height: 44px;
  }
  /* No menu aberto o CTA ocupa a largura toda, em vez de ficar espremido. */
  .nav nav.open > .btn {
    max-width: none;
    width: 100%;
    margin-top: 10px;
    justify-content: center;
  }

  /* Com o ☰ assumindo a navegação, o CTA sai da barra: era ele que ficava
     grande demais no canto. Volta dentro do menu. */
  .nav > nav:not(.open) > .btn { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .nav nav { transition: none; }
}

/* Logotipo maior, na mesma proporção da home. Aqui a imagem é direta (sem a
   janela de recorte da home), então basta a largura. */
.nav img{width:260px}
@media(max-width:1000px){.nav img{width:190px}}

/* Diagnóstico: o owner tirou a abertura, o parágrafo e os três passos; sobrou
   só a linha de fechamento. A borda do revenda-v2.css separava aqueles passos
   do fecho — sem eles, vira um traço solto no vazio. */
.diagnosis .closing-line{margin-top:0;padding-top:0;border-top:0;font-size:15px}