/* css/profissionais-editorial.css
   Camada de calor editorial para a rede de profissionais parceiros —
   listagem (/profissionais) e ficha individual (/profissionais/_detail).
   Mesmo padrão visual já estabelecido em Saladas: moldura dupla estilo
   herbário (pensativa-visual.css), título serifado em itálico, selos
   pequenos e aviso legal em destaque. Só usa tokens já definidos em
   main.css, nenhum componente novo do zero.
*/

body[data-page="profissionais"] .section-title,
body[data-page="profissional-canonical"] h1 {
  font-style: italic;
}

body[data-page="profissionais"] .professional-card h3,
body[data-page="profissional-canonical"] .professional-profile h1 {
  font-style: italic;
}

body[data-page="profissionais"] .professional-card:hover {
  border-color: rgba(217, 115, 66, .38);
  box-shadow: 0 16px 38px rgba(44, 51, 38, .12);
}

/* Retrato com a mesma moldura quente das fotos de Saladas — o card já
   é foto-primeiro (avatar grande à esquerda), só faltava o acento. */
body[data-page="profissionais"] .professional-avatar,
body[data-page="profissional-canonical"] .professional-avatar {
  border-color: rgba(217, 115, 66, .3);
  box-shadow: 0 8px 20px rgba(44, 51, 38, .12);
}

/* Selos de área de atuação no mesmo peso visual de .salada-selo. */
body[data-page="profissionais"] .professional-tags .tag,
body[data-page="profissional-canonical"] .professional-tags .tag {
  border-radius: var(--radius-full, 999px);
  font-weight: 700;
  font-size: .74rem;
  background: rgba(107, 142, 78, .12);
  border-color: rgba(107, 142, 78, .28);
  color: var(--brand-forest, #42563a);
}

/* Aviso legal institucional em destaque, no mesmo formato do aviso
   editorial de Saladas (bloco com acento à esquerda, não só texto
   apagado). */
body[data-page="profissionais"] .editorial-disclaimer,
body[data-page="profissional-canonical"] .editorial-disclaimer {
  border-left-color: var(--brand-terracotta, #d97342);
  background: rgba(253, 238, 224, .5);
  font-weight: 400;
}

body[data-page="profissionais"] .footer-disclaimer,
body[data-page="profissional-canonical"] .footer-disclaimer {
  padding: .85rem 1.1rem;
  border-radius: 16px;
  border: 1px solid var(--line-botanical, rgba(44, 51, 38, .14));
  border-left: 3px solid var(--brand-terracotta, #d97342);
  background: rgba(253, 238, 224, .5);
}