.machine-video-highlights__container {
	display: grid;
	grid-template-columns: minmax(0, 523fr) minmax(0, 577fr);
	gap: var(--spacing-lg);
	align-items: start;
}

.machine-video-highlights__media {
	position: relative;
	border-radius: var(--radius-md);
	overflow: hidden;
	aspect-ratio: 523 / 674;
	background-color: #11192c;
}

.machine-video-highlights__video {
	position: relative;
	width: 100%;
	height: 100%;
}

.machine-video-highlights__video-poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.machine-video-highlights__video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(17, 25, 44, 0.55);
	border: 2px solid rgba(255, 255, 255, 0.8);
	cursor: pointer;
	transition: transform var(--transition-fast), background var(--transition-fast);
}

.machine-video-highlights__video-play:hover {
	background: var(--cor-principal, #2a2169);
	transform: translate(-50%, -50%) scale(1.08);
}

.machine-video-highlights__video-player,
.machine-video-highlights__video-iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

.machine-video-highlights__side {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-lg);
}

.machine-video-highlights__highlights {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

.machine-video-highlights__highlight {
	display: flex;
	align-items: center;
	gap: var(--spacing-md);
	padding: var(--spacing-md);
	border: 1px solid rgba(46, 46, 46, 0.1);
	border-radius: var(--radius-md);
}

.machine-video-highlights__highlight-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	flex-shrink: 0;
	color: var(--cor-secundaria, #40659d);
}

.machine-video-highlights__highlight-icon svg,
.machine-video-highlights__highlight-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.machine-video-highlights__highlight-text {
	color: var(--cor-texto, #2f2f2f);
	font-size: var(--fs-6, 1.25rem);
}

.machine-video-highlights__list {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md);
}

.machine-video-highlights__item {
	display: flex;
	align-items: stretch;
	gap: var(--spacing-sm);
}

.machine-video-highlights__item-bar {
	flex-shrink: 0;
	width: 4px;
	background: var(--cor-secundaria, #40659d);
	border-radius: 2px;
}

.machine-video-highlights__item-body {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xs);
}

.machine-video-highlights__item-title {
	color: var(--cor-secundaria, #40659d);
	font-family: var(--font-2, var(--font-1, inherit));
	font-size: var(--fs-6, 1.25rem);
	font-weight: 400;
	margin-bottom: 0;
}

.machine-video-highlights__item-description {
	color: var(--cor-texto, #2f2f2f);
	font-size: var(--fs-7, 1rem);
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.machine-video-highlights__container {
		grid-template-columns: 1fr;
	}

	.machine-video-highlights__media {
		aspect-ratio: 16 / 10;
	}
}

@media (max-width: 575px) {
	.machine-video-highlights__highlight {
		flex-direction: column;
		text-align: center;
	}
}
