.cdt-zone-directory {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
}

.cdt-zone-directory__group,
.cdt-zone-card,
.cdt-zone-panel {
	background: #fff;
	border: 1px solid #dce6eb;
	border-radius: 18px;
	box-shadow: 0 12px 35px rgba(16, 42, 67, .07);
	padding: 1.35rem;
}

.cdt-zone-directory__group h3 {
	color: #102a43;
	font-size: 1.08rem;
	margin: 0 0 .8rem;
}

.cdt-zone-directory__group ul {
	display: grid;
	gap: .55rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cdt-zone-directory__group li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
}

.cdt-zone-directory__group a,
.cdt-zone-card__link {
	color: #008f95;
	font-weight: 700;
	text-decoration: none;
}

.cdt-zone-directory__group span {
	color: #496579;
}

.cdt-zone-directory__group small {
	background: #eef5f6;
	border-radius: 999px;
	color: #58717f;
	font-size: .7rem;
	padding: .2rem .5rem;
}

.cdt-zone-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
}

.cdt-zone-card h3 {
	font-size: 1.25rem;
	margin: .8rem 0 .55rem;
}

.cdt-zone-card h3 a {
	color: #102a43;
	text-decoration: none;
}

.cdt-zone-status {
	display: inline-flex;
	align-items: center;
	background: #eef5f6;
	border-radius: 999px;
	color: #496579;
	font-size: .78rem;
	font-weight: 800;
	padding: .35rem .65rem;
}

.cdt-zone-status--activa {
	background: #e3f7f2;
	color: #08765f;
}

.cdt-zone-status--captacion {
	background: #fff1e8;
	color: #a5411f;
}

.cdt-zone-breadcrumbs {
	color: #637c8b;
	font-size: .9rem;
	margin-bottom: 1.4rem;
}

.cdt-zone-breadcrumbs a {
	color: #008f95;
}

.cdt-zone-facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin: 1.5rem 0;
}

.cdt-zone-fact {
	background: #f4f8fa;
	border-radius: 14px;
	padding: 1rem;
}

.cdt-zone-fact strong,
.cdt-zone-fact span {
	display: block;
}

.cdt-zone-fact strong {
	color: #102a43;
	font-size: .85rem;
	margin-bottom: .25rem;
}

@media (max-width: 920px) {
	.cdt-zone-directory,
	.cdt-zone-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.cdt-zone-directory,
	.cdt-zone-card-grid,
	.cdt-zone-facts {
		grid-template-columns: 1fr;
	}
}