/* =========================================================
   Sobre · Parceiros e colaboradores (pessoas.js)
   Parceiro em dourado, colaborador em prateado (--metal), com o brilho desfocado dos cartões de case.
   Desenho escolhido pelo dono em 2026-10-15: cartão Retrato e abertura em Modal (as outras opções saíram).
   ========================================================= */
.pc-card[data-tipo=parceiro]{--metal:#E2B54F;--metal-claro:#F7E2A3;--metal-escuro:#9A7224}
.pc-card[data-tipo=colaborador]{--metal:#C3CEDD;--metal-claro:#F3F6FB;--metal-escuro:#7E8AA0}
.pc-lista{list-style:none;padding:0;margin-top:var(--e-6);display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 270px), 1fr));gap:var(--e-4)}
.pc-card{position:relative;isolation:isolate;display:flex;flex-direction:column;border:1px solid color-mix(in oklch, var(--metal) 26%, var(--linha));border-radius:22px;overflow:hidden;background:linear-gradient(180deg, oklch(0.19 0.03 270), var(--noite) 60%)}
html .pc-card.rv{transition:opacity .7s var(--sai), translate .7s var(--sai), transform .5s var(--sai), border-color .5s var(--sai), box-shadow .6s var(--sai)}
.pc-card[data-exemplo]{outline:1px dashed oklch(0.78 0.12 90 / .6);outline-offset:4px}
.pc-card[data-exemplo]::after{content:"Exemplo (só na prévia)";position:absolute;z-index:5;top:10px;right:10px;padding:4px 8px;border-radius:6px;background:oklch(0.32 0.06 90 / .9);color:oklch(0.93 0.08 95);font:600 11px/1 var(--f-texto)}

/* brilho do metal na base do cartão, que acende no hover (como nos cartões de case) */
.pc-card::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(80% 45% at 50% 100%, color-mix(in oklch, var(--metal) 26%, transparent), transparent 75%);opacity:.6;transition:opacity .6s var(--sai)}
.pc-foto::after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:35%;pointer-events:none;background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--metal) 14%, oklch(0.19 0.03 270 / .85)))}
@media (hover:hover){ .pc-card:hover::before{opacity:1} }

/* a foto e o brilho na cor do metal (o mesmo jeito da capa Aurora dos cases) */
.pc-foto{position:relative;margin:0;overflow:hidden;aspect-ratio:1;background:#06070d}
.pc-foto img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}
.pc-luz{position:absolute;inset:-30%;z-index:0;pointer-events:none;background:radial-gradient(34% 38% at 30% 36%, var(--metal-claro), transparent 72%), radial-gradient(32% 36% at 70% 62%, var(--metal), transparent 72%), radial-gradient(28% 32% at 50% 84%, var(--metal-escuro), transparent 72%);filter:blur(24px) saturate(1.2);opacity:.45;transition:opacity .8s var(--sai), scale 1s var(--sai)}
.pc-silhueta{position:relative;z-index:1;display:block;width:56%;height:auto;margin:22% auto 0;fill:color-mix(in oklch, var(--metal) 45%, oklch(0.3 0.02 262))}
@media (prefers-reduced-motion:no-preference){ .pc-luz{animation:pc-aurora 20s linear infinite} }
@keyframes pc-aurora{to{rotate:360deg}}

/* o texto */
.pc-corpo{flex:1;display:grid;align-content:start;gap:6px;padding:var(--e-4) var(--e-5) var(--e-5)}
.pc-selo{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:4px 10px 4px 8px;border-radius:999px;background:linear-gradient(135deg, var(--metal-claro), var(--metal) 55%, var(--metal-escuro));color:#14100a;font:700 11px/1 var(--f-texto);letter-spacing:.08em;text-transform:uppercase}
.pc-card[data-tipo=colaborador] .pc-selo{color:#10141c}
.pc-selo i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55}
.pc-corpo h3{margin-top:6px;font-size:var(--t-xl)}
.pc-papel{color:var(--texto);font-size:var(--t-s);line-height:1.4}
.pc-local{color:color-mix(in oklch, var(--metal) 75%, white);font-size:var(--t-xs)}
.pc-frase{margin-top:6px;color:var(--texto-2);font-size:var(--t-s);line-height:1.55}
.pc-abrir{display:inline-flex;align-items:center;gap:8px;width:max-content;min-height:40px;margin-top:var(--e-2);padding:0;color:var(--metal-claro);font:600 var(--t-s)/1 var(--f-titulo);transition:color .3s}
.pc-abrir .ic{display:inline-grid;width:16px;height:16px;transition:rotate .4s var(--sai)}
.pc-abrir .ic svg{width:100%;height:100%}
.pc-abrir::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit}   /* o cartão inteiro abre */
@media (hover:hover){
  .pc-card:hover{transform:translateY(-6px);border-color:color-mix(in oklch, var(--metal) 65%, transparent);box-shadow:0 30px 70px color-mix(in oklch, var(--metal) 22%, transparent), 0 0 0 1px color-mix(in oklch, var(--metal) 30%, transparent)}
  .pc-card:hover .pc-luz{opacity:1;scale:1.12}
  .pc-card:hover .pc-abrir{color:#fff}
  .pc-card:hover .pc-abrir .ic{rotate:45deg}
}

/* os detalhes (aparecem no modal) */
.pc-mais{display:grid;gap:var(--e-3)}
.pc-mais[hidden]{display:none}   /* o hidden precisa vencer o display:grid */
.pc-fatos{display:grid;gap:var(--e-3);margin:0}
.pc-fatos div{display:grid;gap:2px}
.pc-fatos dt{color:color-mix(in oklch, var(--metal) 80%, white);font:600 11px/1.2 var(--f-texto);letter-spacing:.08em;text-transform:uppercase}
.pc-fatos dd{margin:0;color:var(--texto);font-size:var(--t-s)}
.pc-mais h4{margin-top:var(--e-2);font:600 var(--t-s)/1.2 var(--f-titulo)}
.pc-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}
.pc-chips li{padding:6px 10px;border:1px solid color-mix(in oklch, var(--metal) 40%, var(--linha));border-radius:999px;color:var(--texto);font:500 var(--t-xs)/1 var(--f-texto)}
.pc-iniciativas{display:grid;gap:6px;list-style:none;padding:0;color:var(--texto-2);font-size:var(--t-s);line-height:1.45}
.pc-iniciativas b{color:var(--texto);font-weight:600}
.pc-livro{color:var(--texto-2);font-size:var(--t-s)}
.pc-livro cite{color:var(--texto);font-style:italic}
.pc-links{display:flex;flex-wrap:wrap;gap:var(--e-2);list-style:none;padding:0;margin-top:var(--e-2)}
.pc-links a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 var(--e-4);border-radius:999px;border:1px solid color-mix(in oklch, var(--metal) 45%, var(--linha));color:var(--texto);font:600 var(--t-xs)/1 var(--f-texto);text-decoration:none;transition:background .3s, color .3s}
.pc-links a:hover{background:var(--metal);color:#11141c}
.pc-links .ic{display:inline-grid;width:14px;height:14px}
.pc-links .ic svg{width:100%;height:100%}

/* ---------- cartão Retrato (escolha do dono em 2026-10-15): a foto em cima, o texto embaixo, borda de metal que gira ----------
   A foto ocupa os 70% de cima e se funde no fundo escuro; o texto fica na parte de baixo e só encosta no peito da pessoa,
   nunca no rosto (pedido do dono). */
.pc-lista .pc-card{display:grid;aspect-ratio:3 / 4.4;border:0;padding:2px;background:conic-gradient(from var(--giro, 0deg), var(--metal-escuro), var(--metal-claro), var(--metal), var(--metal-escuro), var(--metal-claro), var(--metal-escuro))}
.pc-lista .pc-card::before{inset:2px;z-index:0;border-radius:20px;background:radial-gradient(80% 45% at 50% 100%, color-mix(in oklch, var(--metal) 26%, transparent), transparent 75%), var(--noite);opacity:1}
.pc-lista .pc-foto,.pc-lista .pc-corpo{grid-area:1 / 1}
.pc-lista .pc-foto{align-self:start;aspect-ratio:auto;height:70%;border-radius:20px 20px 0 0}
.pc-lista .pc-foto img{object-position:50% 18%}
.pc-lista .pc-foto::after{content:"";position:absolute;inset:0;height:auto;z-index:2;background:linear-gradient(180deg, transparent 50%, oklch(0.165 0.03 262 / .7) 78%, var(--noite) 100%)}
.pc-lista .pc-silhueta{margin-top:16%}
.pc-lista .pc-corpo{position:relative;z-index:3;align-content:end;gap:4px;padding:var(--e-4) var(--e-5) var(--e-4)}
.pc-lista .pc-corpo h3{margin-top:4px;font-size:var(--t-l)}
.pc-lista .pc-abrir{margin-top:var(--e-1)}
.pc-lista .pc-frase{display:none}
@property --giro{syntax:"<angle>";inherits:false;initial-value:0deg}
@media (prefers-reduced-motion:no-preference){ .pc-lista .pc-card{animation:pc-giro 8s linear infinite} }
@keyframes pc-giro{to{--giro:360deg}}

/* =========================================================
   abertura Modal (escolha do dono em 2026-10-15): um diálogo com a foto e os detalhes
   ========================================================= */
.pc-dialogo{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--texto);overflow:hidden}
.pc-dialogo::backdrop{background:oklch(0.07 0.03 275 / .75);backdrop-filter:blur(8px)}
.pc-dialogo[data-tipo=parceiro]{--metal:#E2B54F;--metal-claro:#F7E2A3;--metal-escuro:#9A7224}
.pc-dialogo[data-tipo=colaborador]{--metal:#C3CEDD;--metal-claro:#F3F6FB;--metal-escuro:#7E8AA0}
.pc-caixa{position:absolute;overflow:auto;overscroll-behavior:contain;background:radial-gradient(90% 50% at 100% 0, color-mix(in oklch, var(--metal) 20%, transparent), transparent 60%), var(--breu);border:1px solid color-mix(in oklch, var(--metal) 35%, var(--linha))}
.pc-caixa-miolo{display:grid;gap:var(--e-5);padding:var(--e-6) var(--e-5) var(--e-6)}
.pc-caixa .pc-foto{border-radius:var(--r-l);max-width:360px}
.pc-caixa .pc-corpo{padding:0}
.pc-caixa .pc-abrir{display:none}
.pc-caixa .pc-mais{display:grid}
.pc-fechar{position:sticky;top:var(--e-3);float:right;z-index:4;display:grid;place-items:center;width:44px;height:44px;margin:var(--e-3) var(--e-3) 0 0;border-radius:50%;border:1px solid var(--linha-forte);background:oklch(0.13 0.025 262 / .7);color:var(--texto)}
.pc-fechar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round}
/* modal: no meio da tela */
.pc-modal .pc-caixa{inset:auto;left:50%;top:50%;translate:-50% -50%;width:min(100% - 24px, 920px);max-height:min(100% - 24px, 820px);border-radius:24px}
@media (min-width:760px){ .pc-modal .pc-caixa-miolo{grid-template-columns:300px minmax(0, 1fr);align-items:start;padding:var(--e-6)} }
@media (prefers-reduced-motion:no-preference){
  .pc-modal[open] .pc-caixa{animation:pc-surge .5s var(--sai)}
  .pc-dialogo[open]::backdrop{animation:pc-fundo .4s ease}
}
@keyframes pc-surge{from{opacity:0;scale:.94;filter:blur(6px)}to{opacity:1;scale:1;filter:none}}
@keyframes pc-fundo{from{opacity:0}}
html.pc-trava{overflow:hidden}