/* VAGAS019 - rodape universal (arquitetura nova, 20/09/2026). Camada components: carregada pela casca em TODAS as rotas migradas.
   Regras copiadas da home v10 (fonte visual do rodape), sem depender de --container da home. Zero !important. */
@layer components {
  .v019uf { background: radial-gradient(circle at 15% 5%, rgba(16, 73, 174, .18), transparent 30%), #011538; color: #d6dbe5; padding: 42px 0 18px; border-top: 1px solid rgba(255, 255, 255, .08); font-family: var(--v019-font); }
  .v019uf .container { width: min(100% - 32px, 1200px); margin: 0 auto; }
  .v019uf .footer-shell { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); gap: 32px; }
  .v019uf .footer-brand { max-width: 360px; }
  .v019uf .footer-brand img { width: auto; height: 30px; margin-bottom: 12px; opacity: .92; }
  .v019uf .footer-brand p { margin: 0; color: #d6dbe5; line-height: 1.55; font-size: .77rem; }
  .v019uf .footer-social { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
  .v019uf .footer-social a { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border-radius: 999px; color: #d6dbe5; font-size: .68rem; font-weight: 700; text-decoration: none; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); }
  .v019uf .footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
  .v019uf .footer-column h4 { color: #d6dbe5; margin: 0 0 5px; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; }
  .v019uf .footer-column a { color: #d6dbe5; font-size: .69rem; line-height: 1.32; text-decoration: none; transition: opacity .18s ease, transform .18s ease; }
  .v019uf .footer-column a:hover { opacity: .8; transform: translateX(2px); }
  .v019uf .footer-bottom { margin-top: 34px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .09); display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
  .v019uf .footer-bottom p { margin: 0; font-size: .64rem; color: #d6dbe5; line-height: 1.45; }
  .v019uf .footer-bottom a { color: #d6dbe5; text-decoration: underline; text-decoration-color: rgba(214, 219, 229, .4); }
  .v019uf a:focus-visible { outline: 3px solid #8fb4ff; outline-offset: 2px; border-radius: 4px; }
  @media (max-width: 980px) { .v019uf .footer-shell { grid-template-columns: 1.25fr 1fr 1fr; } }
  @media (max-width: 640px) {
    .v019uf .footer-shell { grid-template-columns: 1fr; gap: 24px; }
    .v019uf .footer-brand { max-width: none; }
    .v019uf .footer-column { gap: 8px; }
    .v019uf .footer-bottom { align-items: flex-start; flex-direction: column; }
  }
  @media (prefers-reduced-motion: reduce) { .v019uf .footer-column a { transition: none; } .v019uf .footer-column a:hover { transform: none; } }
}