/* =========================================================
   HOME — seleção de perfil (layout da página)
   O aspeto dos cartões está em assets/css/perfis.css (partilhado).
   Carregado só na página inicial (ver functions.php).
   ========================================================= */

.home{
  flex:1;
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;
  padding:64px 0;
  gap:16px;
}

.logo-home{
  height:50px;width:auto;display:block;flex-shrink:0;
}

.tagline{
  font-family:'Baloo 2',sans-serif;
  font-size:44px;
  color:var(--roxo);text-align:center;line-height:1.05;
  flex-shrink:0;
  margin-top:10px;
}

.intro{
  font-size:16px;
  line-height:1.55;text-align:center;
  color:var(--texto);max-width:830px;
  flex-shrink:0;
}

/* container dos cartões — dimensões específicas da home */
.home .perfis{
  width:min(1180px, 100% - 96px);
  flex:0 0 auto;
  margin-top:36px;
}

/* 5.º perfil — acção secundária, baixo destaque (ghost) face aos cartões */
.perfil-5{
  display:inline-flex;align-items:center;gap:9px;
  margin-top:48px;
  padding:9px 22px;border-radius:99px;
  background:transparent;
  border:1px solid rgba(98,56,128,.28);
  cursor:pointer;text-decoration:none;flex-shrink:0;
  transition:background .18s ease,border-color .18s ease;
}
.perfil-5:hover{
  background:rgba(98,56,128,.06);
  border-color:rgba(98,56,128,.5);
}
.perfil-5:focus-visible{
  outline:3px solid var(--roxo);outline-offset:3px;
}
.perfil-5 .descricao{
  font-size:14px;color:var(--roxo);line-height:1.4;
}
.perfil-5::after{
  content:'→';color:var(--roxo);font-size:15px;opacity:.7;flex-shrink:0;
}

@media(max-width:760px){
  body.home-page{height:auto;min-height:100dvh;overflow-y:auto}
  .home{padding:32px 20px 28px;gap:18px;justify-content:flex-start}
  /* cartões de perfil em mobile: 1 coluna, horizontais (imagem à esquerda, texto à direita) */
  .home .perfis{flex-direction:column;flex-wrap:nowrap;width:100%;gap:12px;max-height:none}
  .home .cartao-perfil{flex:0 0 auto;width:100%;flex-direction:row}
  .home .cartao-perfil .foto{width:110px;height:auto;flex-shrink:0}
  .home .cartao-perfil .texto{flex:1;justify-content:center;padding:14px 18px;gap:6px}
  .home .cartao-perfil p{font-size:15px}
  .perfil-5{text-align:center}
}