.gcc-api-colombia {
	--gcc-blue: #131f49;
	--gcc-red: #ff3035;
	--gcc-green: #0b8f3c;
	--gcc-line: #d8dde8;
	--gcc-soft: #f4f6f9;
	--gcc-text: #111827;
	color: var(--gcc-text);
	font-family: inherit;
	margin: 28px 0;
}

.gcc-api-colombia * {
	box-sizing: border-box;
}

.gcc-api-hero {
	background: var(--gcc-blue);
	color: #fff;
	padding: 26px 28px;
	border-top: 4px solid var(--gcc-red);
}

.gcc-api-kicker {
	color: var(--gcc-red);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.gcc-api-hero h2,
.gcc-api-colombia h2,
.gcc-api-colombia h3 {
	letter-spacing: 0;
}

.gcc-api-hero h2 {
	color: #fff;
	font-size: 30px;
	line-height: 1.08;
	margin: 0 0 10px;
}

.gcc-api-hero p {
	color: #eef2ff;
	font-size: 15px;
	line-height: 1.55;
	margin: 0;
	max-width: 760px;
}

.gcc-api-grid {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0;
	background: var(--gcc-line);
	border: 1px solid var(--gcc-line);
	border-top: 0;
}

.gcc-api-card {
	min-height: 138px;
	padding: 20px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.gcc-api-card span {
	color: var(--gcc-red);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
}

.gcc-api-card strong {
	color: var(--gcc-blue);
	font-size: 34px;
	font-weight: 900;
	line-height: 1;
	margin: 12px 0 10px;
	word-break: break-word;
}

.gcc-api-card small,
.gcc-api-colombia small {
	color: #5f6878;
	font-size: 12px;
	line-height: 1.35;
}

.gcc-api-panels {
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
	border: 1px solid var(--gcc-line);
	border-top: 0;
}

.gcc-api-panel {
	background: #fff;
	padding: 24px 28px;
}

.gcc-api-panel + .gcc-api-panel {
	border-left: 1px solid var(--gcc-line);
}

.gcc-api-panel h3,
.gcc-api-colombia-municipalities h2 {
	color: var(--gcc-blue);
	font-size: 22px;
	line-height: 1.2;
	margin: 0 0 14px;
}

.gcc-api-panel-note {
	background: var(--gcc-soft);
}

.gcc-api-panel p {
	font-size: 15px;
	line-height: 1.58;
	margin: 0;
}

.gcc-api-list,
.gcc-api-municipality-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gcc-api-list li {
	align-items: center;
	border-bottom: 1px solid var(--gcc-line);
	display: flex;
	gap: 14px;
	justify-content: space-between;
	margin: 0;
	padding: 11px 0;
}

.gcc-api-list li:first-child {
	padding-top: 0;
}

.gcc-api-list li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.gcc-api-list strong {
	color: var(--gcc-blue);
	font-size: 15px;
	line-height: 1.25;
}

.gcc-api-list span {
	color: var(--gcc-green);
	font-size: 16px;
	font-weight: 900;
	white-space: nowrap;
}

.gcc-api-colombia > p:last-child {
	border-top: 1px solid var(--gcc-line);
	margin: 0;
	padding: 14px 0 0;
}

.gcc-api-colombia-municipalities {
	background: #fff;
	border: 1px solid var(--gcc-line);
	padding: 24px 28px;
}

.gcc-api-colombia-municipalities p {
	margin: 0 0 16px;
}

.gcc-api-municipality-list {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	background: var(--gcc-line);
	border: 1px solid var(--gcc-line);
}

.gcc-api-municipality-list li {
	background: #fff;
	margin: 0;
	min-height: 76px;
	padding: 14px;
}

.gcc-api-municipality-list strong {
	color: var(--gcc-blue);
	display: block;
	font-size: 15px;
	line-height: 1.25;
	margin-bottom: 6px;
}

.gcc-api-municipality-list small {
	display: block;
}

.gcc-data-registry {
	border-bottom: 1px solid var(--gcc-line);
}

.gcc-data-hero {
	margin-bottom: 0;
}

.gcc-data-status-grid {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	background: var(--gcc-line);
	border: 1px solid var(--gcc-line);
	border-top: 0;
}

.gcc-data-status-grid .gcc-api-card {
	min-height: 126px;
}

.gcc-data-status-grid .gcc-api-card strong {
	font-size: 24px;
	line-height: 1.08;
}

.gcc-data-guidance {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	background: var(--gcc-line);
	border: 1px solid var(--gcc-line);
	border-top: 0;
}

.gcc-data-guidance > div {
	background: #fff;
	padding: 24px 28px;
}

.gcc-data-guidance h3,
.gcc-data-section h3 {
	color: var(--gcc-blue);
	font-size: 22px;
	line-height: 1.2;
	margin: 0 0 12px;
}

.gcc-data-guidance p {
	font-size: 15px;
	line-height: 1.58;
	margin: 0;
}

.gcc-data-section {
	background: #fff;
	border: 1px solid var(--gcc-line);
	border-top: 0;
	padding: 26px 28px;
}

.gcc-data-section-soft {
	background: var(--gcc-soft);
}

.gcc-data-table-wrap {
	overflow-x: auto;
}

.gcc-data-table {
	border-collapse: collapse;
	color: var(--gcc-blue);
	font-size: 14px;
	line-height: 1.35;
	table-layout: fixed;
	width: 100%;
}

.gcc-data-table th {
	background: var(--gcc-blue);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	padding: 12px 14px;
	text-align: left;
	text-transform: uppercase;
}

.gcc-data-table td {
	border-bottom: 1px solid var(--gcc-line);
	padding: 15px 14px;
	vertical-align: top;
}

.gcc-data-table td:first-child {
	width: 20%;
}

.gcc-data-table td:nth-child(2) {
	color: var(--gcc-text);
	font-weight: 800;
	width: 20%;
}

.gcc-data-table td:nth-child(3) {
	width: 15%;
}

.gcc-data-table td:nth-child(4) {
	width: 15%;
}

.gcc-data-table a {
	color: var(--gcc-red);
	font-weight: 800;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.gcc-status {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 8px;
	border: 1px solid currentColor;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
	white-space: nowrap;
}

.gcc-status-verificado {
	color: var(--gcc-green);
}

.gcc-status-pendiente {
	color: var(--gcc-red);
}

.gcc-data-pending-grid {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	background: var(--gcc-line);
	border: 1px solid var(--gcc-line);
}

.gcc-data-pending-card {
	background: #fff;
	margin: 0;
	min-height: 154px;
	padding: 18px 20px;
}

.gcc-data-pending-card span {
	color: var(--gcc-red);
	display: block;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.2;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.gcc-data-pending-card strong {
	color: var(--gcc-blue);
	display: block;
	font-size: 19px;
	line-height: 1.2;
	margin-bottom: 10px;
}

.gcc-data-pending-card p {
	font-size: 14px;
	line-height: 1.48;
	margin: 0;
}

.gcc-data-steps {
	counter-reset: gcc-data-step;
	list-style: none;
	margin: 0;
	padding: 0;
}

.gcc-data-steps li {
	color: var(--gcc-blue);
	margin: 0 0 13px;
	min-height: 30px;
	padding-left: 44px;
	position: relative;
}

.gcc-data-steps li:last-child {
	margin-bottom: 0;
}

.gcc-data-steps li::before {
	background: var(--gcc-blue);
	color: #fff;
	content: counter(gcc-data-step);
	counter-increment: gcc-data-step;
	font-size: 13px;
	font-weight: 900;
	height: 28px;
	left: 0;
	line-height: 28px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 28px;
}

.gcc-data-source {
	background: #fff;
	border: 1px solid var(--gcc-line);
	border-top: 0;
	color: #5f6878;
	font-size: 13px;
	line-height: 1.45;
	margin: 0;
	padding: 16px 28px;
}

.gcc-data-source a {
	color: var(--gcc-red);
	font-weight: 800;
}

@media (max-width: 900px) {
	.gcc-api-grid,
	.gcc-api-panels,
	.gcc-api-municipality-list,
	.gcc-data-status-grid,
	.gcc-data-guidance,
	.gcc-data-pending-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gcc-api-panel + .gcc-api-panel {
		border-left: 0;
		border-top: 1px solid var(--gcc-line);
	}
}

@media (max-width: 620px) {
	.gcc-api-hero,
	.gcc-api-panel,
	.gcc-api-colombia-municipalities {
		padding: 20px;
	}

	.gcc-api-hero h2 {
		font-size: 25px;
	}

	.gcc-api-grid,
	.gcc-api-panels,
	.gcc-api-municipality-list,
	.gcc-data-status-grid,
	.gcc-data-guidance,
	.gcc-data-pending-grid {
		grid-template-columns: 1fr;
	}

	.gcc-api-card {
		min-height: 120px;
	}

	.gcc-api-card strong {
		font-size: 30px;
	}

	.gcc-api-list li {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.gcc-data-table {
		min-width: 0;
	}

	.gcc-data-table thead {
		display: none;
	}

	.gcc-data-table,
	.gcc-data-table tbody,
	.gcc-data-table tr,
	.gcc-data-table td {
		display: block;
		width: 100%;
	}

	.gcc-data-table tr {
		border: 1px solid var(--gcc-line);
		margin-bottom: 14px;
	}

	.gcc-data-table tr:last-child {
		margin-bottom: 0;
	}

	.gcc-data-table td,
	.gcc-data-table td:first-child,
	.gcc-data-table td:nth-child(2),
	.gcc-data-table td:nth-child(3),
	.gcc-data-table td:nth-child(4) {
		border-bottom: 1px solid var(--gcc-line);
		padding: 12px 14px;
		width: 100%;
	}

	.gcc-data-table td:last-child {
		border-bottom: 0;
	}

	.gcc-data-table td::before {
		color: var(--gcc-red);
		content: attr(data-label);
		display: block;
		font-size: 11px;
		font-weight: 900;
		margin-bottom: 5px;
		text-transform: uppercase;
	}
}