.optima-capability-leadership{
	--optima-cl-dark:#0C675F;
	--optima-cl-dark-2:#07564F;
	--optima-cl-lime:#CCD518;
	--optima-cl-lime-2:#B9CF00;
	--optima-cl-text:#1D1D1B;
	--optima-cl-soft:#EEF3F2;
	--optima-cl-white:#FFFFFF;

	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:10px;
	font-family:"Instrument Sans",Arial,sans-serif;
	color:var(--optima-cl-text);
}

.optima-capability-leadership *,
.optima-capability-leadership *::before,
.optima-capability-leadership *::after{
	box-sizing:border-box;
}

.optima-capability-leadership__steps{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:0;
	filter:drop-shadow(0 8px 8px rgba(12,103,95,.10));
}

.optima-capability-leadership__step{
	position:relative;
	min-height:72px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:14px 34px 14px 26px;
	background:var(--optima-cl-dark);
	color:#fff;
	text-align:center;
	font-size:22px;
	line-height:1.15;
	font-weight:750;
	clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%,24px 50%);
}

.optima-capability-leadership__step:first-child{
	clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%);
}

.optima-capability-leadership__step:not(:first-child){
	margin-left:-12px;
}

.optima-capability-leadership__descriptions{
	position:relative;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:28px;
	padding:52px 36px 34px;
}

.optima-capability-leadership__descriptions{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    padding:38px 36px 34px;
}

.optima-capability-leadership__descriptions p{
    position:relative;
    margin:0;
    text-align:center;
    font-size:20px;
    line-height:1.15;
    font-weight:700;
}

.optima-capability-leadership__descriptions p::before{
    content:"";
    position:absolute;
    left:50%;
    top:-38px;
    transform:translateX(-50%);
    width:80px;
    height:22px;
    background:rgba(12,103,95,.10);
    clip-path:polygon(0 0,100% 0,50% 100%);
}

.optima-capability-leadership__descriptions p{
	margin:0;
	text-align:center;
	font-size:20px;
	line-height:1.15;
	font-weight:700;
}

.optima-capability-leadership__training{
	position:relative;
	padding:22px 22px 18px 36px;
	border-radius:14px;
	background:var(--optima-cl-soft);
	box-shadow:inset 0 0 0 1px rgba(12,103,95,.06);
}

.optima-capability-leadership__vertical-label{
	position:absolute;
	left:15px;
	top:50%;
	transform:translate(-50%,-50%) rotate(-90deg);
	transform-origin:center;
	padding:4px 12px;
	color:var(--optima-cl-dark);
	font-size:16px;
	line-height:1;
	font-weight:750;
	white-space:nowrap;
}

.optima-capability-leadership__mode{
	position:absolute;
	z-index:3;
	top:-28px;
	right:-12px;
	width:160px;
	aspect-ratio:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:18px;
	border:5px solid var(--optima-cl-lime);
	border-radius:50%;
	background:#fff;
	color:var(--optima-cl-dark);
	text-align:center;
	box-shadow:0 6px 16px rgba(12,103,95,.18);
}

.optima-capability-leadership__mode strong,
.optima-capability-leadership__mode span{
	display:block;
}

.optima-capability-leadership__mode strong{
	margin-bottom:4px;
	font-size:18px;
	line-height:1.05;
}

.optima-capability-leadership__mode span{
	font-size:16px;
	line-height:1.12;
	font-weight:700;
}

.optima-capability-leadership__module{
	position:relative;
	border-radius:10px;
}

.optima-capability-leadership__module h2{
	margin:0;
	font-size:20px;
	line-height:1.15;
	font-weight:750;
}

.optima-capability-leadership__module--fundamentals{
	padding:16px 156px 16px 16px;
	border:5px solid var(--optima-cl-dark);
	background:var(--optima-cl-dark);
}

.optima-capability-leadership__module--fundamentals h2{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:12px;
	color:var(--optima-cl-lime);
}

.optima-capability-leadership__module--fundamentals h2::after{
	content:"";
	flex:1;
	height:3px;
	background:var(--optima-cl-lime);
}

.optima-capability-leadership__module--future{
	margin-top:16px;
	padding:14px;
	border:5px solid var(--optima-cl-lime-2);
	background:var(--optima-cl-lime-2);
}

.optima-capability-leadership__module--future h2{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:12px;
	color:#fff;
}

.optima-capability-leadership__module--future h2::after{
	content:"";
	flex:1;
	height:3px;
	background:#fff;
}

.optima-capability-leadership__grid{
	display:grid;
	gap:8px;
}

.optima-capability-leadership__grid--four{
	grid-template-columns:1.55fr 1fr 1.05fr 1.1fr;
}

.optima-capability-leadership__grid--three{
	grid-template-columns:repeat(3,minmax(0,1fr));
}

.optima-capability-leadership__grid > div{
	min-height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:8px 12px;
	border-radius:8px;
	background:#fff;
	color:var(--optima-cl-text);
	text-align:center;
	font-size:14px;
	line-height:1.12;
	font-weight:500;
	box-shadow:0 1px 2px rgba(12,103,95,.14);
}

@media(max-width:1024px){
	.optima-capability-leadership{
		max-width:900px;
	}

	.optima-capability-leadership__step{
		font-size:18px;
	}

	.optima-capability-leadership__descriptions{
		padding-left:20px;
		padding-right:20px;
	}

	.optima-capability-leadership__descriptions p{
		font-size:17px;
	}

	.optima-capability-leadership__mode{
		width:136px;
		top:-20px;
		right:-4px;
	}

	.optima-capability-leadership__mode strong{
		font-size:16px;
	}

	.optima-capability-leadership__mode span{
		font-size:14px;
	}

	.optima-capability-leadership__module--fundamentals{
		padding-right:134px;
	}

	.optima-capability-leadership__grid > div{
		font-size:12px;
	}
}

@media(max-width:767px){
	.optima-capability-leadership{
		padding:6px;
	}

	.optima-capability-leadership__steps,
	.optima-capability-leadership__descriptions{
		grid-template-columns:1fr;
	}

	.optima-capability-leadership__steps{
		gap:8px;
		filter:none;
	}

	.optima-capability-leadership__step,
	.optima-capability-leadership__step:first-child{
		width:100%;
        min-height:58px;
		margin-left:0;
		padding:12px 22px;
		clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);
		font-size:17px;
	}
  
  .optima-capability-leadership__step:not(:first-child){
	margin-left:0px!important;
}


	.optima-capability-leadership__step::after{
		display:none;
	}

	.optima-capability-leadership__descriptions{
		display:none;
	}

	.optima-capability-leadership__training{
		margin-top:18px;
		padding:75px 10px 12px!important;
	}

	.optima-capability-leadership__vertical-label{
		display:none;
	}

	.optima-capability-leadership__mode{
		top:12px;
		right:50%;
		width:auto;
		aspect-ratio:auto;
		transform:translateX(50%);
		flex-direction:row;
		gap:5px;
		padding:12px 18px;
		border-width:3px;
		border-radius:999px;
		white-space:nowrap;
	}

	.optima-capability-leadership__mode::after{
		display:none;
	}

	.optima-capability-leadership__mode strong,
	.optima-capability-leadership__mode span{
		font-size:13px;
		line-height:1;
	}
  
  .optima-capability-leadership__training{
	padding:120px 10px 12px;
}

	.optima-capability-leadership__module--fundamentals,
	.optima-capability-leadership__module--future{
		padding:12px;
		border-width:4px;
	}

	.optima-capability-leadership__module h2{
		font-size:17px;
	}

	/* Fundamentals: dos columnas */
	.optima-capability-leadership__grid--four{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	/* Future: una sola columna */
	.optima-capability-leadership__grid--three{
		grid-template-columns:1fr;
	}
}

	.optima-capability-leadership__grid > div{
		min-height:50px;
		padding:8px;
		font-size:12px;
	}
}

@media(max-width:420px){

	.optima-capability-leadership__grid > div{
		min-height:44px;
	}

	.optima-capability-leadership__mode{
		max-width:calc(100% - 24px);
		flex-wrap:wrap;
		justify-content:center;
		white-space:normal;
	}
  
  	.optima-capability-leadership__training{
		margin-top:18px;
		padding:120px 10px 12px!important;
	}
}