/* leitura-confortavel.css — só celular. Criado pela Nina em 2026-09-27 a pedido do Sérgio (vista cansada; o site vai ser analisado por outras pessoas).
   Plano: vault/fila/f-2026-09-27-sggestor-leitura-confortavel.md. Carregado DEPOIS do ajustes-leitura.css; não muda textos, cores da marca nem o computador.
   Régua: frase de leitura 16px (entrelinha ~1.6); texto de apoio >= 14px; etiqueta em maiúsculas >= 12px com menos espaçamento; cinza de texto com contraste >= 7:1 onde dá.
   O valor antigo (depois do ajustes-leitura.css) vai no comentário. */
@media(max-width:680px){
  /* Cinza dos parágrafos (usado só em texto): era #667080, contraste 4,6 no fundo claro -> ~7,9 */
  :root{--muted:#465061}

  /* 1. Frases de leitura -> 16px */
  .hero-description{font-size:16px;color:#3f4959} /* era 14px, #535e6e */
  .section-top>p,.section-top p{font-size:16px;line-height:1.6;color:#465061} /* era 13.5px, #58606d */
  .opportunity-bottom p{font-size:16px;line-height:1.65;color:#c3ccdb} /* fundo escuro; era 14px, #a7b2c4 */
  .opportunity-steps p{color:#b3bfd4} /* fundo escuro; era #8a9ab4. Tamanho fica 15px: são 3 colunas estreitas (com 17px quebrava em 4 linhas) */
  .channel-copy>p{font-size:16px;line-height:1.6} /* era 14px */
  .channel-copy ul{font-size:15px} /* era 13px */
  .channel-copy ul li{color:#3a4659} /* era #435067 */
  .client-case-copy p{font-size:16px;line-height:1.6} /* era 13px */
  .about-copy p{font-size:16px;line-height:1.6} /* era 14px */
  .process-step p{font-size:16px;line-height:1.6;color:#435069} /* era 14px, #4f5a70 */
  .price-card>p{font-size:15px} /* era 13px */
  .price-card li{font-size:15px;line-height:1.5;padding-left:24px;text-indent:-24px} /* era 13px; a 2ª linha do item alinha com o texto, não com o ✓ */
  .price-card li:before{display:inline-block;width:24px;margin-right:0;text-indent:0}
  .price-card--blue>p,.price-card--blue li{color:#e6eaff} /* cartão azul: era #c9d1ff (contraste 4,9) */
  .pricing-note p{font-size:15px;line-height:1.6;color:#48524b} /* era 12px, #6c766e (4,3) */
  .faq .wrap>div>p{font-size:15px;line-height:1.6} /* era 12px */
  .faq-list summary{font-size:16px} /* era 14px */
  .faq-list details>p{font-size:16px;line-height:1.6} /* era 14px */
  .diagnostic-offer li{font-size:16px;line-height:1.5} /* fundo azul; era 14px */
  .final-cta-bottom>p{font-size:16px} /* era 13px */
  .footer-main>p{font-size:15px;line-height:1.6} /* era 12px */
  .footer-main>div:last-child>span{font-size:15px} /* era 13px */

  /* 2. Texto de apoio -> >= 14px */
  .hero-contact-option{font-size:14px} /* era 12px */
  .hero-contact-option a{display:inline-block;padding-block:clamp(2px,1.2svh,8px)} /* área de toque maior (menor só em tela baixa, para o 1º bloco caber) */
  .hero-actions .text-link{font-size:15px;min-height:clamp(32px,6.6svh,44px)} /* era 12px */
  .hero h1{font-size:clamp(34px,min(11.9vw,7svh),74px)} /* 1º bloco na 1ª tela: em tela baixa o título encolhe um pouco mais (igual ao anterior em 390x664 e acima) */
  .hero-description{line-height:clamp(21px,4.4svh,25.6px)} /* 16px com entrelinha 1.6; aperta só em tela baixa */
  .hero-actions>.button,.hero-actions>.button span{font-size:15px} /* era 12-13px */
  .hero-person strong,.hero-person span{font-size:14px} /* era 13px */
  .hero-person span{color:#4d5868} /* era #647183 (4,5) */
  .trust-strip p{font-size:14px} /* era 12px */
  .channel-switch>button{font-size:14px} /* era 12px */
  .channel-copy .text-link{font-size:15px;min-height:44px} /* era 13px */
  .about-copy .text-link{font-size:15px;min-height:44px} /* era 12px */
  .about-points span{font-size:13px} /* etiquetas curtas; era 12px */
  button[data-sector]{font-size:14px} /* Eventos / Serviços / Saúde; era 12px */
  .client-case dt{font-size:14px} /* era 12px */
  .client-case dd span{font-size:14px} /* era 13px */
  .client-case-period{font-size:13px} /* era 12px */
  .video-info>span{font-size:14px} /* nome da empresa; era 11.5px */
  .video-info small{font-size:14px} /* era 13px */
  .testimonial-note{font-size:14px;line-height:1.6} /* era 11.5px */
  .price-card .price-foot{font-size:14px} /* "Verba dos anúncios paga à parte."; era 12px */
  .price>strong>small{font-size:15px;color:#56625a} /* "/mês"; era 13px, #768177 (3,9) */
  .price-card--blue .price>strong>small{color:#e6eaff}
  .inline-link{font-size:inherit} /* "Vamos avaliar juntos", "Conte o que você precisa": acompanham a frase */
  .final-contact-actions>a{font-size:15px;display:inline-block;padding-block:10px} /* era 12px */
  .button:not(.button--nav){font-size:15px} /* botões; era 12px (o do cabeçalho é só ícone, fica como está) */
  .footer-legal a,.footer-legal button{font-size:14px;padding-block:6px} /* era 12px */
  .footer-bottom{font-size:13px;color:#a3b0c6} /* fundo escuro; era 10.5px, #73819b (4,6) */
  .back-top{font-size:13px} /* era 10.5px */

  /* 3. Etiquetas em maiúsculas -> >= 12px, letras menos espaçadas */
  .eyebrow,.section-label,.about-copy .eyebrow{font-size:12px;letter-spacing:.5px} /* era 10.5px, 1.2px */
  .section-number{font-size:12px;letter-spacing:.5px} /* era 11.5px */
  .hero .eyebrow{font-size:12px;letter-spacing:.3px} /* era 10px, .9px */  .hero-foot>span{font-size:12px;letter-spacing:.4px;color:#4a525e;max-width:235px} /* era 10px, 1px, #5c6470; largura 200px -> 235px para ficar em 2 linhas */
  .hero-foot>a{font-size:13.5px;color:#4a525e} /* era 10.5px */
  .hero-foot{gap:14px} /* era 25px: sobra espaço para a frase ao lado ficar em 2 linhas */
  .opportunity-steps>div>span{font-size:12px} /* era 10.5px */
  .channel-copy .tag{font-size:12px;letter-spacing:.5px} /* era 9px */
  .demo-controls>span{font-size:12px;letter-spacing:.4px} /* era 10px */
  .google-demo-controls #search-position,.google-demo-controls>span{font-size:12px;letter-spacing:.4px;color:#4e5852} /* era 10px, contraste 4,1 */
  .client-case-copy .eyebrow{font-size:12px} /* era 9px */
  .portrait-caption{font-size:12px;letter-spacing:.6px} /* era 10px */
  .price-label{font-size:12px;letter-spacing:.5px;color:#56625a} /* era 10.5px, #718078 (4,0) */
  .price-card--blue .price-label{color:#e6eaff} /* era #c9d1ff */
  .price>small{font-size:12px;letter-spacing:.5px} /* "A PARTIR DE"; era 10px */
  .pricing-note>span{font-size:12px;letter-spacing:.4px} /* era 10.5px */
  .final-cta .eyebrow{font-size:12px;color:#dde3ff} /* fundo azul; era 10px, #c0caff (4,6) */
  .brand-name small{font-size:10px;letter-spacing:1.2px} /* "GESTOR DE TRÁFEGO"; era 9px, 1.9px */

  /* 4. Ilustrações (mockups): textos mínimos um pouco maiores, sem mexer no desenho.
     A ilustração do topo fica como estava: com letra maior as legendas quebravam em 2 linhas e encostavam na seta (conferido em 2026-09-27). */
  .visual-top{font-size:11.5px;letter-spacing:.5px} /* era 10.5px, 1px */
  .message-preview small{font-size:11.5px} /* era 10.5px */
  .video-category,.watch-label{font-size:11px;letter-spacing:.2px} /* era 10px */
  .google-demo .result-source div>span{font-size:11.5px} /* endereço do anúncio; era 10px */
  .google-ad-label{font-size:11.5px} /* "Patrocinado"; era 10px */
  .search-filter-row{font-size:12px} /* Todas / Imagens / Vídeos; era 11.5px */
  .search-playback button{font-size:12px} /* Pausar / Próxima busca; era 11.5px */
  .google-sitelinks small{font-size:12.5px} /* era 11.5px */
  .channel-demo .demo-note{font-size:12.5px!important;line-height:1.6!important} /* aviso "Exemplo ilustrativo"; era 10px (o refinamentos.css usa !important) */
}