/* ============================================================================
   AEOMaps Core — assets/css/aeomaps-diretorio.css
   Diretório (/diretorio/) — hero padronizado ao padrão da Home (v0.45.0)
   ----------------------------------------------------------------------------
   ESCOPO ESTRITO: tudo em body.aeomaps-core .dir-hero. NÃO redefine classes
   compartilhadas globalmente. Listagem de segmentos, especialistas, CTA e
   statbar abaixo NÃO são tocados. Fundo idêntico ao hero da Home.
   ============================================================================ */

body.aeomaps-core .dir-hero{ position:relative !important; overflow:hidden !important; background:linear-gradient(168deg,#F3F7F5 0%,#EEF3F0 55%,#F1F6F3 100%) !important; border-radius:18px !important; margin:0 14px !important; }
body.aeomaps-core .dir-hero .dir-hero-grid{ position:absolute !important; inset:0 !important; background-image:linear-gradient(rgba(11,107,71,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(11,107,71,.02) 1px,transparent 1px) !important; background-size:34px 34px !important; pointer-events:none !important; z-index:0 !important; }
body.aeomaps-core .dir-hero .dir-hero-glow{ position:absolute !important; inset:0 !important; background-image:radial-gradient(48% 40% at 84% 5%,rgba(11,107,71,.08),transparent 64%),radial-gradient(40% 46% at 5% 96%,rgba(14,138,89,.06),transparent 60%) !important; pointer-events:none !important; z-index:0 !important; }
body.aeomaps-core .dir-hero > .wrap{ position:relative !important; z-index:1 !important; }

body.aeomaps-core .dir-hero .dir-hero-pill{ font-family:var(--mono) !important; font-size:12px !important; letter-spacing:.72px !important; text-transform:uppercase !important; color:#0E7A4E !important; background:#fff !important; border:1px solid #DDE1E6 !important; border-radius:30px !important; padding:6px 14px !important; display:inline-flex !important; align-items:center !important; gap:7px !important; }
body.aeomaps-core .dir-hero .dir-hero-pill::before{ content:"" !important; width:6px !important; height:6px !important; border-radius:50% !important; background:#16A36A !important; }

body.aeomaps-core .dir-hero .dir-hero-h1{ font-family:var(--sans) !important; font-size:44px !important; font-weight:800 !important; line-height:1.05 !important; letter-spacing:-2px !important; color:#0F1729 !important; margin:18px auto 0 !important; }
body.aeomaps-core .dir-hero .dir-hero-hl{ background:linear-gradient(135deg,#1BB877,#0E7A4E) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; }

body.aeomaps-core .dir-hero .dir-hero-lede{ font-family:var(--sans) !important; font-size:18px !important; line-height:1.55 !important; color:#475067 !important; max-width:640px !important; margin:18px auto 0 !important; }

@media(max-width:760px){
  body.aeomaps-core .dir-hero .dir-hero-h1{ font-size:32px !important; }
}

/* ============================================================================
   DIRETÓRIO 2.0 (v0.51.0) — cards de densidade real (SaaS Premium).
   Escopo estrito em .dir-esp-* / .dir-pro-*. Não redefine classes globais.
   Hero (.dir-hero) e statbar acima permanecem intactos.
   ============================================================================ */

/* Faixa B — cards de Especialidade (hub) */
body.aeomaps-core .dir-esp-card{ display:flex !important; flex-direction:column !important; text-decoration:none !important; transition:border-color .15s ease, transform .15s ease !important; }
body.aeomaps-core .dir-esp-card:hover{ border-color:rgba(22,163,106,.45) !important; transform:translateY(-2px) !important; }
body.aeomaps-core .dir-esp-name{ font-family:var(--sans) !important; font-size:19px !important; font-weight:700 !important; color:var(--ink) !important; letter-spacing:-.4px !important; }
body.aeomaps-core .dir-esp-seg{ font-family:var(--sans) !important; font-size:13px !important; color:var(--ink-3) !important; margin-top:2px !important; }
body.aeomaps-core .dir-esp-metrics{ display:flex !important; gap:18px !important; margin:14px 0 12px !important; }
body.aeomaps-core .dir-esp-metric{ font-family:var(--sans) !important; font-size:13px !important; color:var(--ink-2) !important; }
body.aeomaps-core .dir-esp-metric b{ font-size:20px !important; font-weight:700 !important; color:var(--brand-ink) !important; margin-right:3px !important; }
body.aeomaps-core .dir-esp-chips{ display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin-bottom:14px !important; }
body.aeomaps-core .dir-esp-cta{ margin-top:auto !important; font-family:var(--sans) !important; font-size:14px !important; font-weight:600 !important; color:var(--brand-ink) !important; }

/* Faixa C — cards de Especialista (retrato de densidade) */
body.aeomaps-core .dir-esp-pro{ display:flex !important; flex-direction:column !important; text-decoration:none !important; transition:border-color .15s ease, transform .15s ease !important; }
body.aeomaps-core .dir-esp-pro:hover{ border-color:rgba(22,163,106,.45) !important; transform:translateY(-2px) !important; }
body.aeomaps-core .dir-pro-head{ display:flex !important; gap:12px !important; align-items:center !important; }
body.aeomaps-core .dir-pro-avatar{ width:48px !important; height:48px !important; border-radius:50% !important; background:var(--brand) !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; font-family:var(--sans) !important; font-weight:700 !important; font-size:15px !important; flex-shrink:0 !important; }
body.aeomaps-core .dir-pro-name{ font-family:var(--sans) !important; font-size:17px !important; font-weight:700 !important; color:var(--ink) !important; letter-spacing:-.4px !important; }
body.aeomaps-core .dir-pro-headline{ font-family:var(--sans) !important; font-size:13px !important; color:var(--ink-2) !important; margin-top:2px !important; }
body.aeomaps-core .dir-pro-metrics{ display:flex !important; gap:18px !important; margin:14px 0 12px !important; padding:12px 0 !important; border-top:1px solid var(--line) !important; border-bottom:1px solid var(--line) !important; }
body.aeomaps-core .dir-pro-metric{ font-family:var(--sans) !important; font-size:13px !important; color:var(--ink-2) !important; }
body.aeomaps-core .dir-pro-metric b{ font-size:18px !important; font-weight:700 !important; color:var(--brand-ink) !important; margin-right:3px !important; }
body.aeomaps-core .dir-pro-chips{ display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin-bottom:10px !important; }
body.aeomaps-core .dir-pro-tema{ font-family:var(--sans) !important; font-size:13px !important; color:var(--ink-3) !important; margin-bottom:12px !important; }
body.aeomaps-core .dir-pro-tema::before{ content:"◆ " !important; color:var(--brand) !important; }
body.aeomaps-core .dir-pro-cta{ margin-top:auto !important; font-family:var(--sans) !important; font-size:14px !important; font-weight:600 !important; color:var(--brand-ink) !important; }

@media(max-width:760px){
  body.aeomaps-core .dir-esp-name{ font-size:17px !important; }
}

/* ============================================================================
   DIRETÓRIO 2.0 — RESPIRO (v0.52.0). Apenas espaçamento vertical das 3 seções
   abaixo da hero + padding interno dos cards. Hero (.dir-hero) intacta.
   Aprovado em preview pelo Operador. Não altera estrutura, cores ou conteúdo.
   ============================================================================ */
body.aeomaps-core .dir-hero{ margin-bottom:8px !important; }
body.aeomaps-core .dir-hero ~ .wrap{ padding-top:72px !important; padding-bottom:24px !important; }
body.aeomaps-core .dir-hero ~ .wrap.pb-40{ padding-bottom:88px !important; }
body.aeomaps-core .dir-esp-grid{ margin-top:8px !important; }
body.aeomaps-core .dir-hero ~ .wrap .grid3{ margin-top:8px !important; }
body.aeomaps-core .dir-esp-card,
body.aeomaps-core .dir-esp-pro{ padding:30px !important; }


/* ====================================================================
   DIRETÓRIO 2.0 — narrativa de grafo semântico (v0.55.0).
   Apenas percepção visual: contexto territorial, chip +N, microinterações.
   NÃO altera estrutura, grafo, dados, JSON-LD ou rotas.
   ==================================================================== */
body.aeomaps-core .dir-pro-context{ font-family:var(--mono) !important; font-size:11px !important; letter-spacing:.4px !important; text-transform:uppercase !important; color:var(--ink-3) !important; margin-bottom:12px !important; }
body.aeomaps-core .dir-pro-context b{ color:var(--brand-ink) !important; font-weight:600 !important; }
body.aeomaps-core .chip-more{ background:transparent !important; color:var(--brand-ink) !important; border:1px dashed rgba(22,163,106,.45) !important; font-weight:600 !important; }
body.aeomaps-core .dir-esp-pro{ box-shadow:0 1px 2px rgba(16,24,40,.04) !important; transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease !important; }
body.aeomaps-core .dir-esp-pro:hover{ border-color:rgba(22,163,106,.55) !important; transform:translateY(-3px) !important; box-shadow:0 12px 28px rgba(16,24,40,.10) !important; }
body.aeomaps-core .dir-pro-cta{ transition:color .18s ease !important; }
body.aeomaps-core .dir-esp-pro:hover .dir-pro-cta{ color:var(--brand) !important; }
body.aeomaps-core .card-placeholder{ transition:border-color .18s ease, box-shadow .18s ease !important; }
body.aeomaps-core .card-placeholder:hover{ border-color:rgba(22,163,106,.45) !important; box-shadow:0 8px 22px rgba(16,24,40,.07) !important; }
