.not-result-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    height: calc(100vh - 61px);
    justify-content: center;
    width: 100%;
	text-align: center;
}

	.not-result-icon {
		font-size: 2rem;
	}

	.not-result-title {
		font-family: var(--principal-font);
		font-weight: 600;
		font-size: 24px;
		color: rgb(0,0,0);
		text-align: center;
	}
	
.result-container{
    display: flex;
	align-items: center;
	flex-direction: column;
    gap: 1rem;
    overflow: hidden;
    border: 1px solid rgb(0,0,0,.1);
    margin: 1rem 0;
    border-radius: 4px;
    padding: 2rem;
}

			@media (min-width: 768px)
			{
				.result-container {
					align-items: center;
					flex-direction: row;
				}
			}
			
			 

.product-container {
}

.product-container .container {
}

.product-grid-images {
    display: flex;
    height: fit-content;
	flex-wrap: wrap;
	width: 50%;
}

			@media (min-width: 768px)
			{
				.product-grid-images {
					width: 33%;
				}
			}

			@media (min-width: 992px)
			{
				.product-grid-images {
					width: 25%;
				}
			}

			.product-grid-image {
				position: relative;
				width: calc(50% - 4px);
				width: 100%;
				overflow: hidden;
				display: flex;
				align-items: center;
			}
			
			.product-grid-image:after {
			  content: "";
			  display: block;
			  padding-bottom: 100%;
			}

			.product-grid-image .content {
				position: absolute;
				width: 100%;
				display: flex;
				align-items: center;
				z-index: -1;
			}
				
				.product-grid-image .content img {
					max-width: 100%;
					max-height: 100%;
					width: 100%;
					height: 100%;
				}
				
				
.product-data {
	width: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


			@media (min-width: 768px)
			{
				.product-data {
					width: 66.66%;
				}
			}
			@media (min-width: 992px)
			{
				.product-data {
					width: 75%;
				}
			}

	.product-brand {
		font-size: 14px;
		color: var(--neutral-color-5);
		font-weight: 400;
		font-size: 22px;
		text-transform: capitalize;
	}

	.product-title {
		font-family: var(--principal-font);
		color: var(--neutral-color-5);
		font-weight: 600;
		font-size: 26px;
		text-align: center;
        text-transform: capitalize;
	}
	
	.product-decoration {
		width: 50%;
		margin-top: 8px;
		height: 2px;
		background-color: #FCB11B;
	}
	
	.product-description-label {
		border-top: 1px solid rgb(0,0,0,.1);
		margin-top: 1rem;
		padding-top: 1rem;
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 8px;
	}
	
	.product-description {
		font-size: 14px;
		text-align: justify;
	}
			

			
.publications-container {
    padding-bottom: 1rem;
}

	.publications-title{
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 1rem;
	}
	
	.publications {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

		.publication {
			display: flex;
			width: 100%;
			border: 1px solid rgb(0,0,0,.1);
			padding: 1rem;
			border-radius: 4px;
			flex-direction: column;
			text-decoration: none;
			color: black;
			background-color: white;
		}
		
		a.publication:hover {
			border-color: rgb(0,0,0,.4);
		}
		
			.publication-information {
				margin-right: auto;
				width: 100%;
				display: flex;
			}
			
				.publication-seller {
					display: flex;
					align-items: center;
					margin-right: auto;
					gap: 0.5rem;
					color: var(--neutral-color-5);
					fill: var(--neutral-color-5);
				}
				
					.publication-seller svg {
						width: 21px;
					}
					
					.publication-seller-icon {
						width: 24px;
						height: 24px;
						margin-right: 4px;
					}
					
						.publication-seller-icon img {
							width: 100%;
							height: 100%;
						}
						
					.publication-seller-title {
						font-size: 14px;
						font-weight: 600;
					}
				
				.publication-prices {
					display: flex;
					align-items: center;
					justify-content: end;
					flex-wrap: wrap;
				}
				
					.publication-list-price {
						margin-right: 8px;
						font-size: 12px;
						text-decoration: line-through;
						color: #ababab;
					}
					
					.publication-base-price {
						font-size: 14px;
						font-weight: 600;
						background-color: var(--primary-color-1);
						background-color: #f2f3f5;
						padding: 0 8px;
						border-radius: 4px;
					}

			.publication-diferential {
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				gap: 0px 8px;
			}
					
				.publication-diferential-tag {
					background-color: #f5f5f5;
					font-size: 12px;
					padding: 4px 8px;
					border-radius: 4px;
					margin-top: 8px;
				}
				
				.publication-diferential-tag.installments {
					background-color: #333333;
					color: white;
				}
				.publication-diferential-tag.official-store {
					color: white;
					background-color: #FCB11B;
				}
.attributes {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
    .attribute-item {
        width: 100%;
        display: flex;
        border: 1px solid rgb(0,0,0,.1);
        padding: 1rem;
        border-radius: 4px;
        flex-direction: column;
        text-decoration: none;
        color: black;
        background-color: white;
    }
	@media (min-width: 480px)
	{
        .attribute-item {
            width: calc((100% - 1rem) / 2);
        }
	}
	@media (min-width: 768px)
	{
        .attribute-item {
            width: calc((100% - 2rem) / 3);
        }
	}
        .attribute-title {
            display: flex;
            align-items: center;
            font-weight: bold;
            font-size: 14px;
            gap: 0.5rem;
        }
        .attribute-value {
            font-size: 16px;
            margin-top: 0.25rem;
            text-transform: capitalize;
        }
        span.material-symbols-outlined {
            color: #a3a3a3;
        }