/* ajustes-leitura.css — só celular. Criado pela Nina em 2026-09-26 a pedido do Sérgio: letras legíveis sem mudar layout, cores da marca nem textos.
   Regra: nenhum texto abaixo de ~9-10px em etiquetas e de 13px em frases; gerado a partir das regras de celular do styles.css/refinamentos.css (tamanho antigo no comentário). */
@media(max-width:680px){
  .brand-name{font-size:10px} /* era 7px */
  .brand-name small{font-size:9px} /* era 5px */
  .brand-mark>span{font-size:10px} /* era 7px */
  .hero .eyebrow{font-size:10px} /* era 7px */
  .hero-actions .text-link{font-size:12px} /* era 10px */
  .hero-person strong{font-size:11.5px} /* era 9px */
  .hero-person span{font-size:12px} /* era 10px */
  .search-preview__head{font-size:10px} /* era 7px */
  .search-preview__sub{font-size:11.5px} /* era 9px */
  .visual-top{font-size:10.5px} /* era 8px */
  .message-preview strong{font-size:13px} /* era 11px */
  .message-preview div>span{font-size:9px} /* era 6px */
  .message-preview small{font-size:10.5px} /* era 8px */
  .visual-bottom{font-size:9px} /* era 6px */
  .hero-foot>span{font-size:10px} /* era 7px */
  .hero-foot>a{font-size:10.5px} /* era 8px */
  .trust-strip p{font-size:12px} /* era 10px */
  .eyebrow,.section-label{font-size:10.5px} /* era 8px */
  .section-number{font-size:11.5px} /* era 9px */
  .opportunity-steps>div>span{font-size:10.5px} /* era 8px */
  .channel-switch>button{font-size:12px} /* era 10px */
  .channel-copy ul{font-size:13px} /* era 11px */
  .channel-copy .text-link{font-size:13px} /* era 11px */
  .demo-controls>span{font-size:10px} /* era 7px */
  .demo-search{font-size:13px} /* era 11px */
  .search-result p{font-size:13px} /* era 11px */
  .demo-note{font-size:10px} /* era 7px */
  .video-category{font-size:10px} /* era 7px */
  .play-circle{font-size:12px} /* era 10px */
  .watch-label{font-size:10px} /* era 7px */
  .video-info>span{font-size:11.5px} /* era 9px */
  .video-info small{font-size:13px} /* era 11px */
  .testimonial-note{font-size:11.5px} /* era 9px */
  .portrait-caption{font-size:10px} /* era 7px */
  .about-points span{font-size:12px} /* era 10px */
  .process-step>span{font-size:13px} /* era 11px */
  .price-label{font-size:10.5px} /* era 8px */
  .price-card li{font-size:13px} /* era 11px */
  .pricing-note>span{font-size:10.5px} /* era 8px */
  .final-cta .eyebrow{font-size:10px} /* era 7px */
  .footer-main>div:last-child>span{font-size:13px} /* era 11px */
  .footer-bottom{font-size:10.5px} /* era 8px */
  .back-top{font-size:10.5px} /* era 8px */
  .diagnostic-intro>p{font-size:13px} /* era 11px */
  .diagnostic-intro>.eyebrow{font-size:10px} /* era 7px */
  .choice{font-size:12px} /* era 10px */
  .hero-person strong,.hero-person span{font-size:13px} /* era 11px */
  .client-case dd span{font-size:13px} /* era 11px */
  .search-filter-row{font-size:11.5px} /* era 9px */
  .google-demo .search-result p{font-size:13px} /* era 11px */
  .google-sitelinks small{font-size:11.5px} /* era 9px */
  .search-playback button{font-size:11.5px} /* era 9px */
  .google-demo-controls #search-position{font-size:10px} /* era 7px */
  .channel-demo:has(.google-demo:not([hidden])) .demo-note{font-size:10px} /* era 7px */
  .social-head .social-profile strong{font-size:13px} /* era 11px */
  .social-head .social-profile small{font-size:10.5px} /* era 8px */
  .social-follow{font-size:11.5px} /* era 9px */
  .social-art .social-category{font-size:10px} /* era 7px */
  .social-art .social-creative-copy p{font-size:12px} /* era 10px */
  .social-caption{font-size:13px} /* era 11px */
}
@media(max-width:375px){
  .hero .eyebrow{font-size:9px} /* era 6px */
  .hero-actions>.button{font-size:13px} /* era 11px */
  .hero-actions .text-link{font-size:11.5px} /* era 9px */
  .hero-person strong{font-size:10.5px} /* era 8px */
  .message-preview strong{font-size:12px} /* era 10px */
  .message-preview div>span{font-size:9px} /* era 5px */
  .visual-top{font-size:10px} /* era 7px */
}
/* Contraste (só celular): os mesmos tons do site, um pouco mais fortes. Fundo claro -> cinza mais escuro; fundo escuro -> cinza mais claro. */
@media(max-width:680px){
  .search-preview__head,.search-preview__sub{color:#596271} /* era #8a929f / #7b8693 */
  .hero-foot{color:#5c6470} /* era #7c8590 */
  .trust-strip p{color:#5a6068} /* era #7a8087 */
  .channel-switch>button{color:#5b636f} /* era #7c8490 (a aba ativa continua var(--ink)) */
  .channel-switch>button.active{color:var(--ink)}
  .demo-controls>span{color:#526058} /* era #738078 */
  .process-step p{color:#4f5a70} /* era #6d7891 */
  .pricing-note>span{color:#5b635e} /* era #88908b */
  .price>small{color:#5b655f} /* era #78837d */
  .price-card--blue .price>small{color:#e2e7ff} /* cartão azul: era #c9d1ff */
  .message-preview small{color:#4a586b} /* era #657488 */
  .visual-bottom{color:#aeb9cc} /* fundo escuro: era cinza-azulado apagado */
  .opportunity h2>span{color:#9aa9c4} /* "Vamos fazer mais gente chegar até ele." — era #7787a5 */
  .opportunity-steps>div>span{color:#8ea3cc} /* era #6981b2 */
}
/* Etiquetas que tinham regra própria de 8px fora do bloco de celular */
@media(max-width:680px){
  .price>small{font-size:10px} /* "A PARTIR DE" — era 8px */
  .about-copy .eyebrow{font-size:10.5px} /* era 8px */
  .diagnostic-intro>.eyebrow{font-size:10px} /* era 8px */
  button[data-sector]{font-size:12px} /* Eventos / Serviços / Saúde — era 10px */
  button[data-sector]:not(.selected){color:#4f5763} /* era cinza claro (contraste 3.5) */
}
/* Parágrafos de introdução das seções */
@media(max-width:680px){
  .section-top>p,.section-top p{font-size:13.5px;color:#58606d} /* era ~12px, var(--muted) */
}
/* Primeiro bloco inteiro na primeira tela do celular (pedido do Sérgio, 2026-09-27): o texto ocupa a tela toda
   (altura visível com as barras do navegador abertas = svh, menos o cabeçalho de 73px) e o quadrado azul começa na segunda tela.
   Espaços encolhem em tela baixa; em tela alta ficam como eram (valor antigo no comentário). */
@media(max-width:680px){
  .hero{padding-top:0} /* era 35px (foi para dentro de .hero-copy) */
  .hero-copy{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-height:calc(100vh - 73px);min-height:calc(100svh - 73px);padding:clamp(10px,3.2svh,35px) 0 clamp(10px,3svh,33px)}
  .hero h1{margin:clamp(10px,2.7svh,23px) 0 clamp(10px,2.6svh,22px);font-size:clamp(38px,min(11.9vw,7.3svh),74px)} /* era 23px 0 22px; letra era clamp(43px,11.9vw,74px): só diminui em tela baixa (iPhone SE) */
  .hero-description{line-height:clamp(20px,4.3svh,23.8px)} /* era 1.7 (23.8px): só aperta em tela baixa */
  .hero-actions{margin:clamp(12px,3.1svh,26px) 0 clamp(8px,2.4svh,20px);row-gap:clamp(8px,2.4svh,20px)} /* era 26px 0 20px; gap 20px */
  .hero-contact-option{margin-bottom:clamp(8px,2.7svh,23px)} /* era 23px */
  .hero-person{margin-bottom:0} /* era 33px (o espaço agora vem do padding de .hero-copy) */
}