.cursos-hero{background:var(--bl-cream-2);overflow:hidden}
.cursos-hero-inner{
	max-width:1180px;margin:0 auto;padding:66px 24px 60px;text-align:center;
}
.cursos-hero-inner .cp-eyebrow{justify-content:center}
.cursos-hero-inner .cp-sub{max-width:560px;margin:0 auto}

.cursos-list{max-width:1180px;margin:0 auto;padding:64px 24px 40px}
.cursos-grid{
	display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
}
.cursos-card{
	display:flex;flex-direction:column;
	background:#fff;border:1px solid #e6ebe9;border-radius:18px;overflow:hidden;
	text-decoration:none;color:inherit;
	transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease;
}
.cursos-card:hover{
	transform:translateY(-6px);border-color:var(--bl-green-soft);
	box-shadow:0 18px 34px rgba(18,107,83,.16);
}

.cursos-card-media{
	position:relative;aspect-ratio:31/28;overflow:hidden;background:var(--bl-green);
}
.cursos-card-media img{
	width:100%;height:100%;object-fit:cover;display:block;
	transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.cursos-card:hover .cursos-card-media img{transform:scale(1.06)}

.cursos-card.is-empty .cursos-card-media{
	background:linear-gradient(135deg,var(--bl-green),var(--bl-green-dark));
	display:flex;align-items:center;justify-content:center;
}
.cursos-seal{
	width:78px;height:78px;border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	background:rgba(255,255,255,.12);position:relative;
}
.cursos-seal::after{
	content:"";position:absolute;inset:2px;border-radius:50%;
	border:4.5px dashed rgba(255,255,255,.4);
}
.cursos-seal .fa{font-size:30px;color:#fff}

.cursos-card-body{
	padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1;
}
.cursos-card-title{
	font-family:"Fraunces",serif;font-weight:600;
	font-size:20px;line-height:1.22;margin:0;color:var(--bl-ink);
	transition:color .3s ease;
}
.cursos-card:hover .cursos-card-title{color:var(--bl-green)}
.cursos-card-date{margin:0;font-size:17px;color:var(--bl-muted)}
.cursos-card-link{
	margin-top:auto;display:inline-flex;align-items:center;gap:8px;
	font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;
	color:var(--bl-green);
}
.cursos-card-link .fa{transition:transform .3s ease}
.cursos-card:hover .cursos-card-link .fa{transform:translateX(4px)}

.cursos-empty{
	text-align:center;padding:40px 24px 20px;color:var(--bl-muted);
}
.cursos-empty .cursos-seal{
	margin:0 auto 20px;background:var(--bl-green);
}
.cursos-empty p{font-size:17px;margin:0}

.cursos-pager{margin-top:44px;display:flex;justify-content:center}
.cursos-pager .pagination{display:inline-flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.cursos-pager .pagination > *{list-style:none}
.cursos-pager a,
.cursos-pager span{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:42px;height:42px;padding:0 14px;border-radius:100px;
	text-decoration:none;font-weight:700;font-size:14px;
	color:var(--bl-green);background:#fff;border:1px solid #e6ebe9;
	transition:all .25s ease;
}
.cursos-pager a:hover{background:var(--bl-green);color:#fff;border-color:var(--bl-green)}
.cursos-pager .active span,
.cursos-pager .current{background:var(--bl-green);color:#fff;border-color:var(--bl-green)}
.cursos-pager .disabled span{opacity:.4;cursor:default}

@media (max-width:991px){
	.cursos-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
	.cursos-grid{grid-template-columns:1fr}
	.cursos-hero-inner{padding:52px 24px 46px}
}
