/* =========================================================
   CARTÕES DE PERFIL — aspeto partilhado
   Usado pela home (front-page.php) e pelo bloco "Cartões de perfil".
   Fonte única: não duplicar estas regras noutro ficheiro.
   ========================================================= */

.perfis{
  display:flex;gap:24px;
}

/* entrada orquestrada — stagger fade-up dos cartões */
@keyframes cartaoEntra{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
.cartao-perfil{
  flex:1;border-radius:24px;overflow:hidden;
  cursor:pointer;text-decoration:none;
  background-color:rgba(211,171,240,.14);
  background-image:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3));
  border:1px solid var(--borda-vidro);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 8px 24px -4px rgba(98,56,128,.12);
  display:flex;flex-direction:column;
  transition:transform .2s ease,box-shadow .2s ease;
  animation:cartaoEntra .55s cubic-bezier(.22,.61,.36,1) backwards;
}
.perfis .cartao-perfil:nth-child(1){animation-delay:.06s}
.perfis .cartao-perfil:nth-child(2){animation-delay:.14s}
.perfis .cartao-perfil:nth-child(3){animation-delay:.22s}
.perfis .cartao-perfil:nth-child(4){animation-delay:.30s}
.cartao-perfil:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 36px -4px rgba(98,56,128,.22);
}
.cartao-perfil:focus-visible{
  outline:3px solid var(--roxo);outline-offset:3px;
}
.cartao-perfil .foto{
  flex-shrink:0;
  height:240px;
  background-size:cover;background-position:center center;
  transform-origin:center bottom;
  transition:transform .5s cubic-bezier(.22,.61,.36,1);
}
.cartao-perfil:hover .foto{transform:scale(1.05)}
.cartao-perfil .texto{
  padding:20px 22px 24px;
  display:flex;flex-direction:column;gap:10px;flex-shrink:0;
}
/* nome do perfil = etiqueta (eyebrow) — Baloo 2, sem uppercase */
.cartao-perfil h2{
  font-family:'Baloo 2',sans-serif;
  font-weight:500;font-size:13px;
  color:var(--roxo);text-align:left;line-height:1.2;
  position:relative;display:inline-block;
  padding-bottom:6px;
}
/* acento coral — só no hover */
.cartao-perfil h2::after{
  content:'';position:absolute;left:0;bottom:0;
  width:24px;height:2px;border-radius:2px;
  background:var(--coral);
  transform:scaleX(0);transform-origin:left;
  transition:transform .28s ease;
}
.cartao-perfil:hover h2::after{transform:scaleX(1)}
/* descrição = proposta de valor (elemento dominante) */
.cartao-perfil p{
  font-size:18px;font-weight:600;
  line-height:1.36;color:var(--texto);text-align:left;
}
@media (prefers-reduced-motion: reduce){
  .cartao-perfil{animation:none}
  .cartao-perfil .foto,.cartao-perfil h2::after{transition:none}
  .cartao-perfil:hover .foto{transform:none}
}

/* título opcional do bloco (acima dos cartões) */
.perfis-bloco-titulo{
  font-family:'Baloo 2',sans-serif;font-weight:600;font-size:24px;
  color:var(--roxo);margin-bottom:18px;
}

/* o bloco, quando usado fora da home, empilha em ecrãs pequenos */
@media(max-width:760px){
  .perfis-bloco{flex-direction:column}
}