/* PsiNote — estilos dos cards de psicólogos (extraídos de buscarpsi.php, sem alterações) para reutilização no Match */
:root {
      --roxo:        #9A35E7;
      --roxo-hover:  #7444EB;
      --roxo-light:  #F6ECFE;
      --roxo-mid:    #E0C6F5;
      --magenta:     #F23DBF;
      --azul-tech:   #6E88F6;
      --azul-claro:  #56BBFF;
      --gradiente:  linear-gradient(135deg, #F23DBF 0%, #E548B9 22%, #9A35E7 50%, #7444EB 67%, #6E88F6 85%, #56BBFF 100%);
      --verde:       #10B981;
      --verde-light: #10B981;
      --texto:       #1A1626;
      --texto-sub:   #5B5472;
      --texto-muted: #8B84A0;
      --fundo:       #FAFAF9;
      --fundo-alt:   #F6F0FE;
      --borda:       #EAE8F0;
      --radius-sm:   10px;
      --radius:      18px;
      --radius-lg:   28px;
      --shadow-sm:   0 2px 12px rgba(154,53,231,.06);
      --shadow:      0 6px 30px rgba(154,53,231,.10);
      --shadow-lg:   0 16px 56px rgba(154,53,231,.15);
      --transition:  all .22s cubic-bezier(.4,0,.2,1);
}
    #resultsContainer {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    /* wrapper que o JS e o PHP inserem */
    .psico-item { width: 100%; }

    .psico-busca-card {
      background: #E8E5DC;
      border: 1.5px solid #D4D0C6;
      border-radius: var(--radius-lg);
      padding: 28px 28px 22px;
      display: flex;
      gap: 24px;
      align-items: flex-start;
      transition: var(--transition);
      position: relative;
      overflow: hidden;
      box-shadow: 0 4px 24px rgba(0,0,0,.18), 0 1px 6px rgba(0,0,0,.12);
    }
    .psico-busca-card::before {
      content: '';
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 4px;
      background: var(--gradiente);
      transform: scaleY(0);
      transform-origin: bottom;
      transition: transform .3s ease;
      border-radius: 0 2px 2px 0;
    }
    .psico-busca-card:hover {
      background: #DEDAD0;
      border-color: #C4B5FD;
      box-shadow: 0 8px 32px rgba(0,0,0,.22), 0 2px 8px rgba(0,0,0,.14);
      transform: translateY(-3px);
    }
    .psico-busca-card:hover::before { transform: scaleY(1); }

    /* Foto */
    .psico-busca-foto-wrap {
      flex-shrink: 0;
      position: relative;
    }
    .psico-busca-foto {
      width: 155px;
      height: 155px;
      border-radius: 50%;
      object-fit: cover;
      border: 3px solid rgba(255,255,255,.8);
      display: block;
      transition: var(--transition);
    }
    .psico-busca-card:hover .psico-busca-foto {
      border-color: var(--roxo-mid);
    }
    .psico-busca-verificado {
      position: absolute;
      bottom: 2px; right: 2px;
      width: 22px; height: 22px;
      background: var(--verde);
      border-radius: 50%;
      border: 2px solid #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: .6rem;
    }

    /* Conteúdo principal */
    .psico-busca-corpo {
      flex: 1;
      min-width: 0;
    }

    /* Linha topo: nome + badge verificado */
    .psico-busca-topo {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 4px;
      flex-wrap: wrap;
    }
    .psico-busca-nome {
      font-family: 'Playfair Display', serif;
      font-size: 1.15rem;
      font-weight: 700;
      color: var(--texto);
      line-height: 1.2;
    }
    .psico-busca-badge-pro {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: var(--roxo-light);
      color: var(--roxo);
      border-radius: 50px;
      padding: 3px 10px;
      font-size: .7rem;
      font-weight: 800;
      letter-spacing: .5px;
      text-transform: uppercase;
      flex-shrink: 0;
    }

    /* Meta info: CRP, cidade, abordagem */
    .psico-busca-meta {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 6px 16px;
      margin-bottom: 10px;
    }
    .psico-busca-meta-item {
      display: flex;
      align-items: center;
      gap: 5px;
      font-size: .8rem;
      color: var(--texto-muted);
      font-weight: 500;
    }
    .psico-busca-meta-item i { font-size: .75rem; color: var(--roxo); }

    /* Abordagem destacada */
    .psico-busca-abordagem {
      font-size: .82rem;
      font-weight: 700;
      color: var(--roxo);
      margin-bottom: 10px;
    }

    /* Descrição */
    .psico-busca-descricao {
      font-size: .88rem;
      color: var(--texto-sub);
      line-height: 1.7;
      margin-bottom: 14px;
    }

    /* Especialidades chips */
    .psico-busca-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 20px;
    }
    .chip {
      background: rgba(255,255,255,.6);
      color: var(--roxo);
      border: 1px solid var(--roxo-mid);
      border-radius: 50px;
      padding: 3px 12px;
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .3px;
      transition: var(--transition);
    }
    .chip:hover { background: var(--roxo); color: #fff; border-color: var(--roxo); }

    /* Rodapé do card: valor + botões */
    .psico-busca-rodape {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
      padding-top: 16px;
      border-top: 1px solid #E8E5DE;
    }
    .psico-busca-valor {
      font-size: .82rem;
      color: var(--texto-sub);
      font-weight: 500;
    }
    .psico-busca-valor strong {
      display: block;
      font-size: 1.2rem;
      color: var(--verde);
      font-weight: 800;
      line-height: 1.1;
    }
    .psico-busca-acoes {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
    }

    .btn-ver-perfil {
      background: var(--gradiente);
      color: #fff !important;
      border: none;
      border-radius: 50px;
      padding: 9px 20px;
      font-size: .82rem;
      font-weight: 700;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: var(--transition), filter .3s ease;
    }
    .btn-ver-perfil:hover {
      filter: brightness(1.07) saturate(1.05);
      transform: translateY(-1px);
      box-shadow: 0 6px 18px rgba(154,53,231,.28);
    }

    .btn-contato {
      background: #10B981;
      color: #fff !important;
      border: none;
      border-radius: 50px;
      padding: 9px 22px;
      font-size: .82rem;
      font-weight: 700;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: var(--transition);
    }
    .btn-contato:hover {
      background: #059669;
      transform: translateY(-1px);
      box-shadow: 0 6px 18px rgba(16,185,129,.35);
    }

    /* Público atendido */
    .psico-busca-publico {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: .78rem;
      color: var(--texto-muted);
      margin-bottom: 10px;
    }
    .psico-busca-publico i { color: var(--texto-muted); font-size: .75rem; }

@media (max-width: 767px) {
  .psico-busca-card { flex-direction: column; gap: 16px; padding: 20px 18px 18px; }
  .psico-busca-foto-wrap { display: flex; align-items: center; gap: 14px; }
  .psico-busca-foto { width: 72px; height: 72px; }
  .psico-busca-topo { flex-direction: column; gap: 6px; }
  .psico-busca-acoes { width: 100%; }
  .btn-ver-perfil, .btn-contato { flex: 1; justify-content: center; }
  .psico-busca-rodape { flex-direction: column; align-items: flex-start; gap: 14px; }
}