/* fe-mobile-overflow.css — 19/10/2026
   No celular a home arrastava para os lados: blocos passavam da largura da tela
   (medido em 360px: a página tinha 440px). Os textos em português são mais longos
   que os da captura original, e as regras de tela pequena do CSS capturado não
   bastam mais. Só a regra 2 age também no desktop; as demais só no celular. */

/* 1. Tabela «Nome / Identidade / Perfil / Quem avaliza»: o original proíbe quebra
      de linha (nowrap). Em container estreito, as células passam a quebrar. */
@container (max-width:600px) {
  .preview-module__JKHC2a__table th,
  .preview-module__JKHC2a__table td { white-space: normal; }
}

/* 2. Abas «Quem avaliza / Verificações / Serviços / Formação» + botão «Chamar no
      WhatsApp» — vale também no desktop (19/10, autorizado pelo dono): a linha precisa
      de ~690px e o cartão tem 621px; o navegador espremia «Quem avaliza» em 2 linhas e
      o botão vazava do cartão. Agora o texto das abas não quebra e, quando a linha não
      cabe, o botão desce para a linha de baixo (continua alinhado à direita).
      O ícone «Replay» do original é escondido com visibility:hidden pelo
      fe-timeline-glue.js [10], mas a caixinha que o segura (20px) continuava no botão
      e deixava um vazio à esquerda do texto: aqui a caixinha sai do fluxo. */
.layout-shift-module__GWvXMG__header { flex-wrap: wrap; row-gap: 8px; }
.layout-shift-module__GWvXMG__header [data-badge] { flex-shrink: 0; white-space: nowrap; }
.layout-shift-module__GWvXMG__header [data-geist-button] > span:has(> svg) { display: none; }

/* 3. Filtros «Todos / Presencial / Online»: quebram de linha quando não cabem. */
@media (max-width:600px) {
  .a11y-audit-module__utGkqa__root > div:has(> .a11y-audit-module__utGkqa__badge) { flex-wrap: wrap; }
}

/* 4. Lista «CPF conferido na Receita Federal …»: o título pode quebrar no celular. */
@media (max-width:600px) {
  .pushing-module__aVSJkq__deployment > div:not(.pushing-module__aVSJkq__icon) { min-width: 0; }
  .pushing-module__aVSJkq__deployment > div:not(.pushing-module__aVSJkq__icon) > .flex-row { flex-wrap: wrap; }
  .pushing-module__aVSJkq__deployment > div:not(.pushing-module__aVSJkq__icon) > .text-label-14.font-medium { white-space: normal; }
}

/* 5. Cursores decorativos dos comentários: ficam 24px para fora do cartão e a
      etiqueta com o nome passava da borda da tela. No celular, ficam encostados. */
@media (max-width:600px) {
  .comments-module__Wq3JAq__cursor[data-side=left]  { left: -12px; }
  .comments-module__Wq3JAq__cursor[data-side=right] { right: -12px; }
}
@media (max-width:360px) {
  .comments-module__Wq3JAq__cursor[data-side=right] { right: 8px; }
}
/* títulos no celular (o dono, 19/10): o do hero e o do carrossel de profissões, em 32px +
   quebra equilibrada — em 40px a frase quebrava uma palavra por linha. O desktop do hero (70px)
   vem do fe-hero-plataforma.js; o do carrossel segue o 48px do site. */
@media (max-width:767px) {
  h1[class*="text-heading"], #fe-cards-titulo h3 { font-size: 32px !important; line-height: 1.1 !important; letter-spacing: -.05em !important; text-wrap: balance; }
}