/* ============================================================================
 * site-moderno.css — Kimbanda Almas e Trevas · páginas públicas e do membro
 * Estilo MODERNO e DARK (decisão do dono). Carregado por último nessas páginas
 * (injetado pelo script de porte). Gótico só no logo/título principal.
 * ============================================================================ */

/* fundo dark neutro: some o grão e os brilhos avermelhados herdados */
body { background: var(--bg) !important; }
body::before { background: none !important; background-image: none !important; opacity: 0 !important; }
.bg-glow, .card::before { display: none !important; }

/* ── Barra de navegação ─────────────────────────────────── */
.navbar {
  background: rgba(13, 15, 19, .85) !important; backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--linha) !important; box-shadow: none !important;
}
.nav-logo { font-family: var(--fonte-display) !important; font-size: 1.2rem !important; color: var(--osso) !important; letter-spacing: .01em !important; text-transform: none !important; }
.nav-link, .nav-drawer-link, .nav-publico {
  font-family: var(--fonte-corpo) !important; text-transform: none !important; letter-spacing: 0 !important;
  font-size: .9rem !important; font-weight: 500 !important; color: var(--osso-dim) !important;
}
.nav-link:hover, .nav-drawer-link:hover, .nav-link.ativo, .nav-drawer-link.ativo { color: var(--osso) !important; }
.nav-link.ativo::after, .nav-link::before { background: var(--acento) !important; }
.nav-btn {
  background: var(--acento) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important;
  font-family: var(--fonte-corpo) !important; text-transform: none !important; letter-spacing: 0 !important;
  font-size: .88rem !important; font-weight: 600 !important; box-shadow: none !important;
}
.nav-btn:hover { filter: brightness(1.08); }

/* ── Botões ─────────────────────────────────────────────── */
.btn, .btn-primary, .btn-entrar, button[type="submit"] {
  text-transform: none !important; letter-spacing: 0 !important; border-radius: 8px !important; box-shadow: none !important;
}
.btn-primary, .btn-entrar, button[type="submit"] {
  background: var(--acento) !important; border-color: transparent !important; color: #fff !important; font-weight: 600 !important;
}
.btn-secondary, .btn-ghost {
  background: var(--surface-2) !important; border: 1px solid var(--linha-osso) !important; color: var(--osso) !important;
  text-transform: none !important; letter-spacing: 0 !important; border-radius: 8px !important; box-shadow: none !important;
}

/* ── Formulários ────────────────────────────────────────── */
.fi, .f-inp, .campo input, .campo select, .campo textarea, input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], input[type="date"], input[type="number"], input[type="search"], select, textarea {
  background: #0d0f13 !important; border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 8px !important;
  color: var(--osso) !important; font-family: var(--fonte-corpo) !important; letter-spacing: 0 !important;
}
input:focus, select:focus, textarea:focus, .fi:focus, .f-inp:focus {
  border-color: var(--acento) !important; box-shadow: 0 0 0 3px rgba(210, 60, 60, .15) !important; outline: none !important;
}
input::placeholder, textarea::placeholder { color: var(--osso-mute) !important; text-transform: none !important; letter-spacing: 0 !important; }
.fl, .f-lbl, .sib-lbl, .comp-label, label {
  text-transform: none !important; letter-spacing: 0 !important; font-size: .84rem !important; color: var(--osso-dim) !important; font-weight: 500 !important;
}

/* ── Cartões / blocos ───────────────────────────────────── */
.card, .sec, .v2-sec, .app-notif-card, .app-modal {
  background: var(--surface) !important; border: 1px solid var(--linha) !important; border-radius: 12px !important; box-shadow: none !important;
}
.card { border-top: 1px solid var(--linha) !important; }

/* ── Texto: menos caixa-alta espaçada ───────────────────── */
.logo-sub, .topo-sub, .empty-txt, .sec-titulo, .v2-sec-tit, .reg-status-titulo, .loading-txt, .filtro-item, .badge {
  text-transform: none !important; letter-spacing: 0 !important;
}
.sep-icon { display: none !important; }
.rodape, footer { border-top: 1px solid var(--linha) !important; background: var(--bg-2) !important; }

/* Trabalhos: botão "Contratar" em cada card */
.trab-contratar {
  display: inline-flex; align-items: center; justify-content: center; margin-top: 1rem;
  background: var(--acento); color: #fff !important; border-radius: 8px; padding: .6rem 1.1rem;
  font-size: .9rem; font-weight: 600; text-decoration: none; transition: filter .15s;
}
.trab-contratar:hover { filter: brightness(1.08); }
.trab-valor::before { content: none !important; }

/* Sigilo do templo */
.am-sigilo { display: block; height: 110px; width: auto; margin: 0 auto 1rem; filter: drop-shadow(0 6px 18px rgba(210, 60, 60, .25)); }
.nav-logo { display: inline-flex !important; align-items: center; gap: .55rem; }
.am-sigilo-nav { height: 30px; width: auto; }

/* Trabalhos agrupados por tipo */
.trab-atalhos {
  grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-bottom: .5rem;
}
.trab-atalhos a {
  background: var(--surface-2); border: 1px solid var(--linha-osso); color: var(--osso-dim) !important;
  border-radius: 999px; padding: .45rem .95rem; font-size: .86rem; font-weight: 500; text-decoration: none;
  transition: border-color .15s, color .15s;
}
.trab-atalhos a:hover { border-color: var(--acento); color: var(--osso) !important; }
.trab-grupo-tit {
  grid-column: 1 / -1; margin: 2.2rem 0 .2rem; padding-bottom: .6rem;
  font-family: var(--fonte-corpo) !important; font-size: 1.35rem; font-weight: 700; letter-spacing: -.01em;
  color: var(--osso); border-bottom: 1px solid var(--linha); scroll-margin-top: 90px;
}
.trab-grupo-tit:first-of-type { margin-top: 1rem; }