/* ==========================================================================
   Aureon Systems — ajustes complementares (arquivo à parte, não-destrutivo)
   ==========================================================================
   Este arquivo só ACRESCENTA regras por cima do CSS original, gerado pelo
   build (assets/index-CxBjTwNo.css). Nada aqui remove, reescreve ou mexe no
   arquivo minificado original — por isso fica num arquivo próprio, fácil de
   revisar, ajustar ou remover regra por regra no futuro, sem risco de
   quebrar o restante do site.
   ========================================================================== */

/* 1) Legibilidade das legendas dos KPIs de nicho
   --------------------------------------------------------------------------
   Nas telas entre 421px e 650px, textos como "atendimentos hoje", "agenda
   confirmada" e "faltas no mês" ficavam menores (12px) do que no desktop
   (13px). Aqui devolvemos o tamanho do desktop nessa faixa — mesmo layout,
   só mais legível. */
@media (width<=650px) {
  .niche-kpis > div > span {
    font-size: 13px;
  }
}

/* 2) Legibilidade do selo "Projeto concluído" nos cards de clientes
   --------------------------------------------------------------------------
   Mesmo padrão: no mobile o selo caía de 10px (desktop) para 9px. */
@media (width<=650px) {
  .client-status {
    font-size: 10px;
  }
}

/* 3) Reforço contra rolagem horizontal no mockup do hero
   --------------------------------------------------------------------------
   Em telas pequenas, o painel do hero (.dashboard-shell) é reduzido com
   transform: scale(), técnica que não altera o espaço que o elemento ocupa
   no layout — só a aparência visual. O site já neutraliza isso com
   overflow-x: clip em html/body/main (funciona). Esta regra adiciona mais
   uma camada de segurança diretamente no container do mockup, sem alterar
   nada visualmente: é apenas reforço, não uma correção de algo visível. */
.hero-visual {
  overflow: hidden;
}

/* 4) Rede de segurança para a tela de carregamento inicial
   --------------------------------------------------------------------------
   A tela preta de entrada (.intro-loader) é removida via JavaScript (React)
   entre ~1,05s e ~1,5s após o carregamento, e este comportamento já respeita
   prefers-reduced-motion. Mas se o JavaScript falhar ou demorar por algum
   motivo (conexão lenta, bloqueador de script etc.), o elemento nunca seria
   removido e a pessoa ficaria presa numa tela preta. Esta animação por CSS
   puro entra em ação só como última rede de segurança, 5s depois — bem
   depois do fechamento normal, então nunca chega a interferir no
   funcionamento comum do site. (O caso "JavaScript totalmente desabilitado"
   já é coberto separadamente por um <noscript> no index.html.) */
@keyframes aureon-loader-fallback {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
.intro-loader {
  animation: aureon-loader-fallback 0.6s ease forwards;
  animation-delay: 5s;
}