.page_produto{
	margin-top: 64px;
}
.page_produto .hero{
	color: white;
	background: #222;
	display: flex;
	justify-content: space-between;
	gap: 32px;
}
	.page_produto .hero .text{
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	.page_produto .hero .text h2{
		font-size: 32px;
	}
	.page_produto .hero .text a{
		color: white;
		text-decoration: none;
		background: white;
		border-radius: 8px;
		padding: 8px 16px;
	}
		.page_Prix .hero .text a{
			background: #6699ff;
		}
		.page_UPX .hero .text a{
			background: #ff9900;
		}
		.page_Elgin .hero .text a{
			background: #6699ff;
		}
		.page_Skymsen .hero .text a{
			background: #ff3333;
		}
	.page_produto .hero .image{
		background: white;
		position: relative;
		border-radius: 16px;
		height: 196px;
		width: 40%;
	}
		.page_produto .hero .image img{
			height: 100%;
			width: 100%;
			padding: 8px;
			object-fit: contain;
		}
		.page_produto .hero .image div{
			top: 0;
			position: absolute;
			border: 2px solid white;
			border-radius: 16px;
			height: 100%;
			width: 100%;
			transform: rotate(5deg);
		}
			.page_Prix .hero .image div{
				border: 1px solid #6699ff;
			}
			.page_UPX .hero .image div{
				border: 1px solid #ff9900;
			}
			.page_Elgin .hero .image div{
				border: 1px solid #6699ff;
			}
			.page_Skymsen .hero .image div{
				border: 1px solid #ff3333;
			}
	@media (max-width: 768px){
		.page_produto .hero{
			flex-direction: column;
		}
		.page_produto .hero .text{
			width: 100%;
		}
			.page_produto .hero .image{
				width: 100%;
			}
	}

.page_produto .plus{
	color: white;
	background: #111;
	padding-top: 8px;
	padding-bottom: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	.page_produto .plus div{
		display: flex;
		align-items: center;
		gap: 8px;
	}
		.page_produto .plus div img{
			height: 32px;
			width: 32px;
			object-fit: contain;
			filter: invert(100%);
		}
.page_produto .desc{
	display: flex;
	gap: 16px;
}
	.page_produto .desc .item-body-main{
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.page_produto .desc .item-body-aside{
		width: 512px;
		display: flex;
		flex-direction: column;
	}
			@media (max-width: 768px){
				.page_produto .desc{
					flex-direction: column-reverse;
				}
				.page_produto .desc .item-body-aside{
					width: 100%;
					display: flex;
					flex-direction: column;
				}
			}
		.page_produto .desc .item-text-title-1{
			font-size: 24px;
			font-weight: bold;
		}
		.page_produto .desc .item-text-subtitle-1{
			font-size: 20px;
			font-weight: bold;
		}
		.page_produto .desc img{
			width: auto;
			max-width: 100%;
		}
		.page_produto .desc iframe{
			width: auto;
			max-width: 100%;
		}
		.page_produto .desc table {
			width: 100%; /* Ocupa toda a largura disponível */
			border-collapse: collapse; /* Remove espaçamento entre as bordas */
			font-family: Arial, sans-serif; /* Define a fonte */
			font-size: 14px; /* Define o tamanho do texto */
			text-align: left; /* Alinha o texto à esquerda */
		}
			.page_produto .desc th, td {
				padding: 12px 15px; /* Espaçamento interno nas células */
				border: 1px solid #ddd; /* Bordas sutis */
			}
			.page_produto .desc th {
				background-color: #f4f4f4; /* Fundo diferenciado para o cabeçalho */
				font-weight: bold; /* Negrito no cabeçalho */
			}
			.page_produto .desc tr:nth-child(even) {
				background-color: #f9f9f9; /* Fundo alternado para linhas pares */
			}
			.page_produto .desc tr:hover {
				background-color: #f1f1f1; /* Destaque para a linha ao passar o mouse */
			}
		.page_produto .desc a {
			position: relative; /* Necessário para alinhar o ícone */
			color: white;
			text-decoration: none;
			background: #222;
			border-radius: 8px;
			padding: 8px 12px;
		}
		.page_produto .desc a:hover {
			filter: invert(100);
		}
		/* Adiciona o ícone após o texto */
		.page_produto .desc a::after {
			color: red;
			content: ""; /* Insere o ícone como fundo */
			display: inline-block;
			background: url('https://www.svgrepo.com/show/510970/external-link.svg') no-repeat center;
			background-size: contain; /* Garante que o ícone se ajuste corretamente */
			margin-left: 5px; /* Espaço entre o texto e o ícone */
			width: 16px; /* Largura desejada para o ícone */
			height: 16px; /* Altura desejada para o ícone */
			vertical-align: middle; /* Alinha o ícone ao centro do texto */
			filter: invert(100%);
		}
.page_produto .others{	
	color: white;
	background: #222;
	display: flex;
	flex-direction: column;
	gap: 32px;
}
	.page_produto .others .container{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 48px 16px;
	}
			@media (max-width: 768px){
				.page_produto .others .container{
					grid-template-columns: repeat(2, 1fr);
					gap: 12px;
				}
			}