/* ==========================================================================
   FastCurrículo — index.css
   Angatu Sistemas

   Complemento do `ds.css`: aqui ficam só os utilitários que atravessam telas e
   que não são componentes do sistema de design. Toda cor vem de token `--fc-*`
   — valor solto aqui é defeito, não atalho (`docs/design/MASTER.md` §7).

   O que saiu na v3, e por quê:
     · `.gradient-bg` e `.gradient-text` — gradientes roxo/índigo herdados, fora da
       paleta da marca e sem nenhum uso em HTML nenhum do projeto.
     · `.animate-float`, `.animate-fadeIn`, `.skeleton`, `.mobile-menu` — CSS morto,
       confirmado por busca em todo `public/`. `.fc-skeleton` do `ds.css` cobre o
       esqueleto de carregamento.
   ========================================================================== */

/* Cartão que reage ao ponteiro. Vive aqui, e não no `ds.css`, porque é usado nas
   páginas de conteúdo, que não montam o cartão completo do sistema. */
.card-hover {
  transition: transform var(--fc-dur-2) var(--fc-ease),
              box-shadow var(--fc-dur-2) var(--fc-ease),
              border-color var(--fc-dur-2) var(--fc-ease);
}
.card-hover:hover {
  transform: translateY(-3px);
  box-shadow: var(--fc-shadow-md);
  border-color: var(--fc-blue);
}

/* Dificultador de cópia casual. Aplicado só nas superfícies de leitura de
   currículo ainda não pago (`/view/{id}` e a prévia pós-geração) — nunca no
   formulário nem no editor, onde copiar e colar o próprio texto é uma tarefa
   legítima. Não é proteção: quem quiser capturar a tela sempre consegue. */
.no-select-img {
  -webkit-user-drag: none;
  user-select: none;
}

/* Reforço do anel de foco sobre utilitários do Tailwind que zeram o outline. */
a:focus-visible,
button:focus-visible {
  outline: none;
  box-shadow: var(--fc-focus);
  border-radius: var(--fc-radius-sm);
}

/* Atalho flutuante para o WhatsApp. O verde é o da própria marca do aplicativo,
   no tom escuro: o tom claro (#25D366) com ícone branco mede 1,98:1 e o desenho
   some. Este mede 7,67:1 e continua reconhecível como "aquele botão verde". */
.fc-whatsapp { background: #075E54; }

/* O atalho não pode ficar em cima da ação principal.

   No assistente de criação a navegação (`.fc-step-nav`) fica presa ao rodapé, e o
   botão flutuante caía exatamente sobre "Continuar" — medido em 375px: o círculo
   ocupa de 299 a 355, e o botão vai de 166 a 359. Quem tocasse na direita do botão
   abria o WhatsApp em vez de avançar de etapa.

   `:has()` resolve sem tocar em JavaScript: o atalho mora no molde (`index.html`) e
   a navegação vive na página, então não há classe comum entre os dois. Em navegador
   sem `:has()` nada quebra — volta a ser o que era antes desta regra. */
body:has(.fc-step-nav) .fc-whatsapp {
  bottom: calc(84px + env(safe-area-inset-bottom, 0px));
}