/* Katco — cases (list) */
.kt-cases-item .kt-h2 { max-width: 90%; }
.kt-cases-item .kt-h2 a:hover { color: var(--kt-primary); }
.kt-cases-item .kt-hr { margin: 2rem 0; }
.kt-cases-figure {
	display: block;
	max-width: 30rem;
}
@media (min-width: 62rem) {
	.kt-cases-item { padding-bottom: 3rem; }
}


/* Browser simplificado (proporção 5:3.5, largura da coluna) */
.kt-device-browser {
	display: flex;
	flex-direction: column;
	width: 100%;
	aspect-ratio: 5 / 3.5;
	border: 0.06rem solid var(--kt-border);
	border-radius: 0.75rem;
	overflow: hidden;
}
.kt-device-browser-bar {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex: 0 0 auto;
	padding: 0.63rem 1rem;
	background-color: var(--kt-surface-3);
	border-bottom: 0.06rem solid var(--kt-border);
}
.kt-device-dots { display: inline-flex; gap: 0.38rem; }
.kt-device-dots i {
	width: 0.63rem;
	height: 0.63rem;
	border-radius: 50%;
	background-color: #f0605c;
}
.kt-device-dots i:nth-child(2) { background-color: #f6bd3b; }
.kt-device-dots i:nth-child(3) { background-color: #43c645; }
.kt-device-url {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	font-size: 0.75rem;
	line-height: 1.5;
	color: var(--kt-text-muted);
	background-color: var(--kt-white);
	border-radius: 0.38rem;
	padding: 0.19rem 1rem;
}