/* ============================================================
   A NOSSA EQUIPA · Liderança e equipa juntas
   No estilo do site: fundo claro, cartões brancos, molduras laranja
   em canto (como a antiga Liderança) e frases em caixa com risca
   laranja. Quando a secção aparece, a entrada corre sozinha, uma vez.
   ============================================================ */
.equipa-palco { padding: 120px 0; background: var(--white); }
.equipa-palco__cab { text-align: center; margin-bottom: 64px; }
.equipa-palco__cab .section-label { justify-content: center; }
.equipa-palco__cab .section-body { margin: 0 auto; }
.equipa-palco__cab > * { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.equipa-palco__cab > :nth-child(2) { transition-delay: .1s; }
.equipa-palco__cab > :nth-child(3) { transition-delay: .2s; }
.em-cena .equipa-palco__cab > * { opacity: 1; transform: none; }

.equipa-palco__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.membro {
  background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm);
  padding: 22px 22px 30px; text-align: left;
  opacity: 0; transform: translateY(36px);
  transition: opacity .8s ease calc(0.11s + var(--i) * .08s), transform .9s cubic-bezier(.16,1,.3,1) calc(0.11s + var(--i) * .08s), box-shadow .35s ease;
}
.em-cena .membro { opacity: 1; transform: none; }

/* painel da fotografia, com a moldura laranja em canto */
.membro__palco { position: relative; margin: 0 0 26px 14px; }
.membro__palco::before {
  content: ''; position: absolute; z-index: 0; left: -14px; bottom: -14px; width: 55%; height: 45%;
  border-left: 2px solid var(--orange); border-bottom: 2px solid var(--orange);
  border-radius: 0 0 0 var(--radius-lg);
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s cubic-bezier(.65,0,.35,1) calc(0.41s + var(--i) * .08s);
}
.em-cena .membro__palco::before { clip-path: inset(0 0 0 0); }
.membro__moldura {
  position: relative; z-index: 1; overflow: hidden; border-radius: var(--radius-lg);
  aspect-ratio: 4 / 5; background: linear-gradient(160deg, var(--gray-light) 0%, var(--gray-mid) 100%);
}
.membro__foto {
  position: absolute; left: 0; right: 0; top: -3%; width: 100%; height: auto;
  transform: translateY(8%) scale(1.04); transform-origin: 50% 100%; opacity: 0;
  transition: transform 1.3s cubic-bezier(.16,1,.3,1) calc(0.23s + var(--i) * .08s), opacity .9s ease calc(0.23s + var(--i) * .08s);
}
.em-cena .membro__foto { transform: translateY(0) scale(1); opacity: 1; }

.membro__nome { font-size: 1.65rem; margin: 0; }
.membro__cargo { display: block; margin-top: 4px; font-size: .75rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--orange-texto, var(--orange)); }
/* apresentação de cada pessoa (texto corrido, não é citação) */
.membro__bio {
  margin: 20px 0 0; background: var(--gray-light); border-left: 3px solid var(--orange);
  border-radius: 0 var(--radius) var(--radius) 0; padding: 18px 20px;
  font-size: .92rem; line-height: 1.75; color: var(--text);
  opacity: 0; transform: translateX(-12px);
  transition: opacity .8s ease calc(0.50s + var(--i) * .08s), transform .8s ease calc(0.50s + var(--i) * .08s);
}
.em-cena .membro__bio { opacity: 1; transform: none; }

@media (hover: hover) {
  .em-cena .membro:hover { box-shadow: var(--shadow-lg); }
}

.equipa-palco__fecho { text-align: center; margin-top: 64px; opacity: 0; transform: translateY(20px); transition: opacity .6s ease .7s, transform .6s ease .7s; }
.em-cena .equipa-palco__fecho { opacity: 1; transform: none; }
.equipa-palco__fecho .section-body { margin: 0 auto 34px; max-width: 780px; }

@media (max-width: 900px) { .equipa-palco__lista { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; gap: 40px; } }
@media (max-width: 768px) { .equipa-palco { padding: 88px 0; } }

/* ============================================================
   EFEITO: a planta da casa desenha-se atrás de cada pessoa,
   e o cartão ganha profundidade (inclinação 3D e paralaxe).
   ============================================================ */
.equipa-palco__lista { perspective: 1100px; }
.membro { transform-style: preserve-3d; will-change: transform; }
.em-cena .membro {
  transform: rotateX(calc(var(--ry, 0) * 1deg)) rotateY(calc(var(--rx, 0) * 1deg));
  transition: opacity .8s ease calc(0.11s + var(--i) * .08s), transform .5s cubic-bezier(.16,1,.3,1), box-shadow .35s ease;
}
.membro.a-mexer { transition: opacity .8s ease, transform .12s linear, box-shadow .35s ease; }
.membro__planta {
  position: absolute; inset: 6% 6% 10%; width: 88%; height: auto; z-index: 0;
  transform: translate3d(calc(var(--px, 0) * -6px), calc(var(--py, 0) * -6px), 0);
  transition: transform .4s ease;
}
.membro__planta path { fill: none; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; }
.membro__planta .pl-p { stroke: #C9C9C9; stroke-width: 3; }
.membro__planta .pl-j { stroke: #DADADA; stroke-width: 7; }
.membro__planta .pl-a { stroke: var(--orange); stroke-width: 2; opacity: .8; }
.membro__planta .pl-c { stroke: #D5D5D5; stroke-width: 1.2; }
.em-cena .membro__planta path { stroke-dashoffset: 0; transition: stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1) calc(0.18s + var(--i) * .08s); }
.em-cena .membro__planta .pl-j { transition-delay: calc(0.45s + var(--i) * .08s); }
.em-cena .membro__planta .pl-a { transition-delay: calc(0.59s + var(--i) * .08s); transition-duration: 1s; }
.em-cena .membro__planta .pl-c { transition-delay: calc(0.68s + var(--i) * .08s); }
.membro__foto { z-index: 1; }
.em-cena .membro__foto { transform: translate3d(calc(var(--px, 0) * 10px), calc(var(--py, 0) * 8px + var(--sy, 0) * -18px), 0) scale(1.04); }
/* reflexo de luz que segue o cursor */
.membro__brilho {
  position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit;
  background: radial-gradient(circle at calc(var(--gx, .5) * 100%) calc(var(--gy, .3) * 100%), rgba(255,255,255,.45), rgba(255,255,255,0) 45%);
  opacity: 0; transition: opacity .35s ease; mix-blend-mode: soft-light;
}
.membro.a-mexer .membro__brilho { opacity: 1; }

/* depois da entrada, a profundidade responde logo ao rato e ao scroll */
.assente .membro__foto, .assente .membro__planta { transition: transform .25s ease-out; }