/* Directiva actual — continuidad visual con Home y La Sociedad */
.governance-page{
	background:#fff;
	color:var(--sbp-ink);
	overflow:hidden;
}
.governance-page *{box-sizing:border-box}

.governance-hero{
	width:min(100% - 72px,1200px);
	margin:0 auto;
	display:grid;
	grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
	gap:72px;
	align-items:center;
	padding:76px 0 82px;
}
.governance-hero .kicker,
.governance-directory .kicker{
	margin:0;
	color:var(--sbp-red);
	font:700 10px/1.15 "Inter","DM Sans",sans-serif;
	letter-spacing:.15em;
	text-transform:uppercase;
}
.governance-hero h1{
	max-width:680px;
	margin:18px 0 0;
	color:#0a2744;
	font:600 clamp(50px,5vw,72px)/1.01 "Source Serif 4","Newsreader",serif;
	letter-spacing:-.045em;
	text-wrap:balance;
}
.governance-hero>div>p:last-child{
	max-width:690px;
	margin:28px 0 0;
	color:#505863;
	font:400 18px/1.68 "Inter","DM Sans",sans-serif;
}
.governance-hero figure{
	position:relative;
	height:auto;
	aspect-ratio:437 / 563;
	margin:0;
	overflow:hidden;
	background:#d8d4cc;
	border:1px solid rgba(11,58,103,.14);
}
.governance-hero figure img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
}
.governance-hero figure::after{
	content:"";
	position:absolute;
	inset:auto 0 0;
	height:140px;
	background:linear-gradient(180deg,transparent,rgba(7,37,65,.9));
}
.governance-hero figcaption{
	position:absolute;
	z-index:2;
	left:24px;
	right:24px;
	bottom:22px;
	color:#fff;
	font:600 10px/1.5 "Inter","DM Sans",sans-serif;
	letter-spacing:.07em;
	text-transform:uppercase;
}
.governance-hero figcaption span{
	display:block;
	margin-bottom:5px;
	color:#d6e4ef;
}

.governance-directory{
	padding:0 0 92px;
	background:#fff;
}
.governance-directory>header{
	width:min(100% - 72px,1200px);
	margin:0 auto;
	padding:68px 0 40px;
	border-top:1px solid rgba(11,58,103,.16);
}
.governance-directory h2{
	max-width:720px;
	margin:14px 0 0;
	color:#0a2744;
	font:600 clamp(38px,4vw,56px)/1.05 "Source Serif 4","Newsreader",serif;
	letter-spacing:-.035em;
	text-wrap:balance;
}
.board-directory{
	width:min(100% - 72px,1200px);
	margin:0 auto;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	border-top:1px solid var(--sbp-line);
}
.board-directory article{
	display:grid;
	grid-template-columns:170px minmax(0,1fr);
	gap:24px;
	align-items:baseline;
	padding:24px 0 26px;
	border-bottom:1px solid var(--sbp-line);
}
.board-directory article:nth-child(odd){
	padding-right:32px;
}
.board-directory article:nth-child(even){
	padding-left:32px;
	border-left:1px solid var(--sbp-line);
}
.board-directory article span{
	color:var(--sbp-red);
	font:700 10px/1.3 "Inter","DM Sans",sans-serif;
	letter-spacing:.11em;
	text-transform:uppercase;
}
.board-directory article h3{
	margin:0;
	color:var(--sbp-blue);
	font:600 23px/1.12 "Source Serif 4","Newsreader",serif;
	letter-spacing:-.02em;
}
.board-directory .governance-president{
	grid-column:1/-1;
	padding:28px 24px!important;
	background:var(--sbp-pale-blue);
	border-left:3px solid var(--sbp-red)!important;
}
.board-directory .governance-president h3{
	font-size:30px;
}

@media(max-width:900px){
	.governance-hero{
		width:min(100% - 40px,1200px);
		gap:44px;
	}
	.governance-directory>header,
	.board-directory{
		width:min(100% - 40px,1200px);
	}
	.board-directory{grid-template-columns:1fr}
	.board-directory article,
	.board-directory article:nth-child(odd),
	.board-directory article:nth-child(even){
		padding-left:0;
		padding-right:0;
		border-left:0;
	}
	.board-directory .governance-president{grid-column:auto}
}
@media(max-width:820px){
	.governance-hero{
		width:calc(100% - 36px);
		grid-template-columns:1fr;
		padding:52px 0 60px;
	}
	.governance-hero h1{font-size:clamp(46px,10vw,62px)}
	.governance-hero figure{height:auto}
	.governance-hero figure img{aspect-ratio:437/563}
	.governance-directory>header,
	.board-directory{width:calc(100% - 36px)}
	.governance-directory>header{padding-top:56px}
}
@media(max-width:520px){
	.governance-hero,
	.governance-directory>header,
	.board-directory{width:calc(100% - 24px)}
	.governance-hero h1{font-size:43px}
	.governance-directory h2{font-size:36px}
	.board-directory article{grid-template-columns:1fr;gap:7px}
}