/* Granbel Diretoria
 * Paleta: #45444A  #3B7A75  #013F3E  #BDDBD4  #89AFA7  |  Fonte: Montserrat
 *
 * Título e botão usam as medidas do "Gestores" e do "Leia mais".
 * Para ajustar, mude as variáveis --gd-titulo-* e --gd-btn-* abaixo.
 */

.granbel-diretoria {
	--gd-card: #89AFA7;
	--gd-cargo: #3B7A75;
	--gd-escuro: #013F3E;
	--gd-botao: #3B7A75;
	--gd-botao-hover: #013F3E;
	--gd-zoom: 1.08;

	/* Medidas de referência (título "Gestores" e botão "Leia mais") */
	--gd-titulo-bg: #3B7A75;
	--gd-titulo-w: 235px;
	--gd-titulo-h: 59px;
	--gd-titulo-fs: 26px;
	--gd-titulo-radius: 22px;
	--gd-btn-w: 101px;
	--gd-btn-h: 26px;
	--gd-btn-fs: 13px;

	font-family: 'Montserrat', sans-serif;
	box-sizing: border-box;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 24px 16px 40px;
}

.granbel-diretoria *,
.granbel-diretoria *::before,
.granbel-diretoria *::after {
	box-sizing: border-box;
}

/* Título (mesmo estilo do "Gestores") */
.granbel-diretoria .granbel-diretoria__titulo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-width: var(--gd-titulo-w);
	min-height: var(--gd-titulo-h);
	max-width: 100%;
	margin: 0 auto 120px;
	padding: 10px 56px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: var(--gd-titulo-fs);
	line-height: 1.2;
	color: #fff;
	text-align: center;
	background: var(--gd-titulo-bg);
	border-radius: var(--gd-titulo-radius);
}

/* Grade */
.granbel-diretoria .granbel-diretoria__lista {
	list-style: none;
	margin: 0;
	padding: 0 0 20px;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 72px 22px;
	align-items: stretch;
}

/* Card */
.granbel-diretoria .granbel-diretoria__card {
	position: relative;
	margin: 0;
	padding: 78px 16px 40px;
	background: var(--gd-card);
	border: 2px solid transparent;
	border-radius: 28px;
	text-align: center;
	transition: transform .3s ease, border-color .3s ease;
	transform-origin: center;
	z-index: 1;
}

.granbel-diretoria .granbel-diretoria__card:hover,
.granbel-diretoria .granbel-diretoria__card:focus-within {
	transform: scale(var(--gd-zoom));
	border-color: var(--gd-escuro);
	z-index: 5;
}

/* Foto circular sobreposta ao topo do card */
.granbel-diretoria .granbel-diretoria__foto {
	position: absolute;
	top: -52px;
	left: 50%;
	transform: translateX(-50%);
	width: 112px;
	height: 112px;
	max-width: none;
	border-radius: 50%;
	object-fit: cover;
	background: #fff;
	border: 3px solid var(--gd-escuro);
	display: block;
}

/* Textos */
.granbel-diretoria .granbel-diretoria__cargo,
.granbel-diretoria .granbel-diretoria__nome,
.granbel-diretoria .granbel-diretoria__prefeitura {
	margin: 0;
	transition: color .3s ease;
}

.granbel-diretoria .granbel-diretoria__cargo {
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.25;
	color: var(--gd-cargo);
	margin-bottom: 18px;
}

.granbel-diretoria .granbel-diretoria__nome {
	font-weight: 500;
	font-size: .95rem;
	line-height: 1.35;
	color: #fff;
	margin-bottom: 18px;
}

.granbel-diretoria .granbel-diretoria__prefeitura {
	font-style: italic;
	font-weight: 500;
	font-size: .9rem;
	line-height: 1.35;
	color: #fff;
}

.granbel-diretoria .granbel-diretoria__card:hover .granbel-diretoria__cargo,
.granbel-diretoria .granbel-diretoria__card:focus-within .granbel-diretoria__cargo,
.granbel-diretoria .granbel-diretoria__card:hover .granbel-diretoria__prefeitura,
.granbel-diretoria .granbel-diretoria__card:focus-within .granbel-diretoria__prefeitura,
.granbel-diretoria .granbel-diretoria__card:hover .granbel-diretoria__nome,
.granbel-diretoria .granbel-diretoria__card:focus-within .granbel-diretoria__nome {
	color: var(--gd-escuro);
}

/* Botão Seguir (mesma medida do "Leia mais"; cruza a borda inferior do card) */
.granbel-diretoria .granbel-diretoria__botao {
	position: absolute;
	left: 50%;
	bottom: calc(var(--gd-btn-h) / -2);
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--gd-btn-w);
	height: var(--gd-btn-h);
	padding: 0;
	background: var(--gd-botao);
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: var(--gd-btn-fs);
	line-height: 1;
	text-align: center;
	text-decoration: none;
	border-radius: 999px;
	transition: background-color .25s ease;
}

.granbel-diretoria .granbel-diretoria__botao:hover,
.granbel-diretoria .granbel-diretoria__botao:focus-visible {
	background: var(--gd-botao-hover);
	color: #fff;
}

.granbel-diretoria .granbel-diretoria__botao:focus-visible {
	outline: 2px solid var(--gd-escuro);
	outline-offset: 3px;
}

/* Responsivo */
@media (max-width: 1100px) {
	.granbel-diretoria .granbel-diretoria__lista {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 720px) {
	.granbel-diretoria .granbel-diretoria__lista {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 72px 16px;
	}
}
@media (max-width: 460px) {
	.granbel-diretoria .granbel-diretoria__lista {
		grid-template-columns: minmax(0, 1fr);
		max-width: 320px;
		margin: 0 auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.granbel-diretoria .granbel-diretoria__card,
	.granbel-diretoria .granbel-diretoria__botao {
		transition: none;
	}
}