/* =====================================================================
   Equipe › Sócios em destaque (stills de vídeo em P&B com play)
   Portado do monólito (seção sócios). Disponível para a grade de sócios.
   ===================================================================== */
.page-equipe .socios-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2vw, 30px); padding-block: 1rem; }
.page-equipe .socio-card { color: inherit; }
.page-equipe .socio-card__photo { position: relative; display: block; aspect-ratio: 273/231; overflow: hidden; border-radius: 6px; background: var(--leto-charcoal); }
.page-equipe .socio-card__photo img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.03) brightness(.98); transition: transform .6s var(--ease), filter .5s var(--ease); }
.page-equipe .socio-card:hover .socio-card__photo img { transform: scale(1.045); filter: grayscale(1) contrast(1.06) brightness(1.02); }
.page-equipe .socio-card__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 56px; height: 56px; border-radius: 50%; background: rgba(255,255,255,.16); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); border: 1px solid rgba(255,255,255,.5); display: grid; place-items: center; color: #fff; transition: background .3s var(--ease), transform .3s var(--ease); }
.page-equipe .socio-card__play svg { width: 22px; height: 22px; transform: translateX(1px); }
.page-equipe .socio-card:hover .socio-card__play { background: rgba(255,255,255,.28); transform: translate(-50%,-50%) scale(1.06); }
.page-equipe .socio-card__name { display: block; margin-top: .9rem; font-size: 16.6px; font-weight: 500; }
.page-equipe .socio-card__role { display: inline-flex; align-items: center; gap: .45rem; margin-top: .3rem; font-size: 11.7px; color: var(--leto-gray); }
.page-equipe .socio-card__role::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--leto-green-deep); }
.page-equipe .socios-dots { display: flex; justify-content: center; gap: 8px; padding-block: clamp(1.5rem, 3vw, 36px) clamp(.5rem,1.5vw,18px); }
.page-equipe .socios-dots span { width: 26px; height: 4px; border-radius: 2px; background: rgba(45,45,45,.18); }
.page-equipe .socios-dots span.is-active { width: 30px; background: var(--leto-ink); }

@media (max-width: 900px) {
	.page-equipe .socios-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.page-equipe .socios-grid { grid-template-columns: 1fr; }
}