.programa {
	margin:0 0 3rem 0;
	background: var(--color-bg-alt);
	padding:4rem 0;
}

.prog-block {
	background: #fff;
	border-radius: var(--radius-md);
	border: 1px solid var(--color-border);
	overflow: hidden;
	box-shadow: var(--shadow-sm);
	transition: box-shadow .2s;
}
.prog-block:hover { box-shadow: var(--shadow-md); }

.prog-block-header {
	background: var(--color-primary);
	padding: 1.25rem 1.5rem;
	display: flex;
	align-items: center;
	gap: .75rem;
}

.prog-block-icon {
	width: 42px;
	height: 42px;
	background: rgba(255,255,255,.15);
	border-radius: var(--radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffb07c;
	font-size: 1.2rem;
	flex-shrink: 0;
}

.prog-block-title {
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	margin: 0;
}

.prog-block-body { padding: 1.5rem; }

.prog-item {
	position: relative;
}

.prog-item ul{
	list-style: none;
	list-style-position: inside;
	padding:0;
	margin:0;
}
.prog-item ul li{
	margin:0 0 0.6rem 0;
	padding:0 0 0.6rem 1.5rem;
	border-bottom: 1px dashed var(--color-border);
	flex-shrink: 0;
	position: relative;
	font-size:1rem;
	color: var(--color-text-muted);
	line-height: 1.5;
}
.prog-item ul li:last-child{
	border-bottom: none;
	margin: 0;
}
.prog-item ul li::before{
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg height='800px' width='800px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath style='fill:%23e8610a;' d='M505.183,239.544L388.819,123.179c-6.654-6.658-16.668-8.645-25.363-5.046 c-8.696,3.603-14.367,12.089-14.367,21.501v93.092H23.273C10.42,232.727,0,243.147,0,256s10.42,23.273,23.273,23.273h325.818v93.091 c0,9.413,5.669,17.9,14.367,21.501c2.878,1.193,5.904,1.773,8.901,1.773c6.056,0,12.009-2.365,16.46-6.819l116.364-116.364 C514.273,263.368,514.273,248.633,505.183,239.544z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	height: 10px;
	position: absolute;
	left:0;
	top:0.5rem;
}

@media (min-width: 768px) {
	.prog-item ul:has(+ ul) {
		width: 45%;
		float: left;
	}

	.prog-item ul + ul {
		width: 45%;
		float: right;
	}
}