/* Pagina /contadores/: reaproveita landing.css + indicacao.css (hero .convite, .demo, .ataque,
   .passos, .duvidas, .fechamento) e acrescenta so o que e do parceiro contador. */
/* faixa do topo: link de volta para a home do prestador (11-11-2026); rola junto com a página, o cabeçalho continua fixo */
.faixa-prestador{background:#06100C;color:#C9D2CE;font-size:14px;line-height:1.35;text-align:center;padding:8px 16px;}
.faixa-prestador a{color:inherit;text-decoration:none;}
.faixa-prestador b{color:#fff;font-weight:700;}
.faixa-prestador a:hover b{color:var(--emerald);}
.faixa-prestador a:focus-visible{outline:3px solid var(--emerald);outline-offset:3px;border-radius:6px;}
.contador-cta{padding:15px 26px;font-size:15.5px;}
.contador-dica{margin-top:16px;max-width:520px;font-size:14px;color:color-mix(in srgb, var(--paper) 72%, transparent);}
.contador-dica strong{color:var(--paper);}
/* segundo caminho no topo e seção da procuração (11-11-2026) */
.contador-procuracao{margin-top:12px;max-width:520px;font-size:14.5px;line-height:1.4;}
.contador-procuracao a{color:var(--paper);font-weight:700;text-decoration:none;border-bottom:2px solid var(--emerald);padding-bottom:1px;}
.contador-procuracao a:hover{color:var(--emerald);}
/* aviso logo depois do topo (11-11-2026): notas de locação em 1º de dezembro */
.faixa-novidade{padding:32px 0 0;}
.faixa-novidade p{margin:0;width:fit-content;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--mint);border:1px solid color-mix(in srgb, var(--emerald) 35%, var(--border));border-radius:18px;padding:10px 18px;font-size:15.5px;font-weight:700;color:var(--ink);}
.faixa-novidade .selo{background:var(--emerald);color:#08281F;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;}
.procuracao{padding-top:44px;}
/* chamada dos 30 segundos em cima do vídeo (veio do topo em 11-11-2026) */
.demo .demo-video{flex-direction:column;align-items:center;gap:18px;}
.demo-chamada{margin:0;max-width:340px;text-align:center;font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;font-size:21px;line-height:1.25;letter-spacing:-0.02em;color:var(--ink);}
.demo-chamada .accent{color:var(--emerald-ink);}
.procuracao .painel-lead{max-width:760px;}
.procuracao .ataque-faixa{margin-top:20px;}
.painel-tela.escolha-tela{margin:28px auto 0;max-width:760px;}
.escolha-tela figcaption{text-align:center;}
.jeitos-grid{margin-top:32px;display:grid;grid-template-columns:1fr;gap:16px;}
.jeitos-grid .passo-card{background:var(--surface);border-color:var(--border);}
.jeitos-grid .passo-card h3{margin-top:0;}
.procuracao .passos-grid{margin-top:16px;}
@media (min-width:860px){.jeitos-grid{grid-template-columns:1fr 1fr;}}
/* topo: tela do Notta Web no lugar do celular (11-11-2026); sangra para a direita para o texto da tela ficar legível */
.janela-topo{position:relative;z-index:1;width:132%;max-width:none;box-shadow:0 40px 80px -24px rgba(0,0,0,.65),0 0 0 1px color-mix(in srgb, var(--paper) 10%, transparent);}
.convite .hero-visual{justify-content:flex-start;}
.convite .hero-visual .parallax-wrap{display:block;width:100%;}
.convite .hero-visual .chip-a{left:auto;right:4%;top:-26px;}
.convite .hero-visual .chip-a .float-chip{left:auto;right:0;}
.convite .hero-visual .chip-b{display:none;}
.convite .hero-visual .chip-c{left:6%;bottom:-26px;}
@media (min-width:940px){.convite .hero-grid{grid-template-columns:0.95fr 1.05fr;}}
.contador-entrar{margin-top:10px;font-size:14.5px;color:color-mix(in srgb, var(--paper) 72%, transparent);}
.contador-entrar a{font-weight:700;color:var(--paper);text-decoration:none;border-bottom:2px solid var(--emerald);padding-bottom:1px;}
.contador-entrar a:hover{color:var(--emerald);}
/* cabeçalho com "Entrar" no celular: marca + Entrar + botão verde numa linha só (cópia do bloco da home) */
@media (max-width:480px){.nav-row{gap:12px;} .nav-acoes{gap:8px;} .nav-acoes .btn-sm{padding:9px 13px;font-size:13px;} .nav-entrar-resto{display:none;}}
@media (max-width:350px){.nav-row{gap:10px;} .brand{gap:8px;font-size:20px;} .nav-acoes{gap:6px;} .nav-acoes .btn-sm{padding:8px 10px;font-size:12.5px;}}

/* Painel do parceiro: prints reais do Notta Web em moldura de navegador */
.painel-parceiro{padding:12px 0 84px;scroll-margin-top:72px;}
.painel-parceiro h2{font-size:clamp(1.8rem,3.8vw,2.6rem);line-height:1.08;margin-top:16px;max-width:820px;}
.painel-parceiro h2 .accent{color:var(--emerald-ink);}
.painel-lead{margin-top:14px;max-width:720px;color:var(--muted);font-size:16.5px;}
.janela-principal{margin-top:36px;}
.painel-telas{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;}
/* telas empilhadas em largura cheia (pedido do Guilherme, 11-11-2026): lado a lado o texto da tela fica ilegível */
.painel-tela{margin:0;min-width:0;}
.painel-tela figcaption{margin-top:12px;color:var(--muted);font-size:14.5px;}
.painel-tela figcaption strong{color:var(--ink);}
.painel-legenda{margin-top:18px;color:var(--muted);font-size:13px;}
/* celular: as telas trocam para a captura do Notta Web na largura de celular (<picture>), em vez de encolher a de computador */
@media (max-width:939px){
  .convite .hero-visual{display:block;min-height:0;margin-top:30px;}
  .convite .hero-visual .chip-a,.convite .hero-visual .chip-c{display:none;}
  .janela-topo{width:100%;}
}
@media (max-width:639px){
  .janela-topo,.painel-parceiro .janela,.escolha-tela .janela{max-width:400px;margin-left:auto;margin-right:auto;}
}