/* Originação › 06 Nossos sócios — grid de 4.
   Porte de .socios-grid/.socio-card do monólito antigo (styles.css), pois não
   existem no CSS global do tema novo. Namespaced sob .page-originacao. */
.page-originacao .orig-socios .socios-grid { padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 72px); }

.page-originacao .socios-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2vw, 30px); padding-block: 1rem; }
.page-originacao .socio-card { color: inherit; }
.page-originacao .socio-card__photo { position: relative; display: block; aspect-ratio: 273/231; overflow: hidden; border-radius: 6px; background: var(--leto-charcoal); }
.page-originacao .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-originacao .socio-card:hover .socio-card__photo img { transform: scale(1.045); filter: grayscale(1) contrast(1.06) brightness(1.02); }
.page-originacao .socio-card__name { display: block; margin-top: .9rem; font-size: 16.6px; font-weight: 500; }
.page-originacao .socio-card__role { display: inline-flex; align-items: center; gap: .45rem; margin-top: .3rem; font-size: 11.7px; color: var(--leto-gray); }
.page-originacao .socio-card__role::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--leto-green-deep); }

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

/* Variante sem foto (2026-06-24): card minimal com nome em destaque + TODOS os cargos do ACF.
   Cargos empilhados verticalmente, mantém ponto verde no início de cada linha. */
.page-originacao .socio-card--no-photo {
	display: flex; flex-direction: column; justify-content: flex-end;
	min-height: 168px;
	padding: clamp(1.2rem, 1rem + 1vw, 1.6rem);
	border: 1px solid rgba(45,45,45,.18); border-radius: 6px; background: transparent;
	transition: border-color .25s var(--ease), transform .25s var(--ease);
}
.page-originacao .socio-card--no-photo:hover { border-color: rgba(45,45,45,.42); transform: translateY(-2px); }
.page-originacao .socio-card--no-photo .socio-card__name { margin-top: 0; font-size: clamp(18px, 14px + .8vw, 22px); font-weight: 700; color: var(--leto-ink); line-height: 1.2; }
.page-originacao .socio-card--no-photo .socio-card__roles { display: flex; flex-direction: column; gap: .4rem; margin-top: .7rem; }
.page-originacao .socio-card--no-photo .socio-card__role { font-size: 12.6px; }