/* Limita largura do conteúdo principal nas páginas internas */
.content-max-width { max-width: 1200px; margin: 0 auto; width: 100%; }

/* Black Container */
.container-100-bg{background-color: #0d0d0d; width: 100%; border-radius: 10px;}
/* Black Container */
.container-flex{padding: 0px;margin: 0; align-items: center;display: flex; flex-direction: row; max-width: 1200px;}
.container-bg-clr-wht{background-color: #fff; border-radius: 20px; padding: 10px;}


.container-grid{padding: 0px;align-items: center;height: fit-content;display: grid;grid-template-columns: 1fr 1fr;max-width: 1200px;}
.container-grid-2-1{padding: 20px 10px;align-items: center;display: grid;grid-template-columns: 2fr 1fr;max-width: 1200px;}

.center-container-grid{padding: 10px;}


.container-vitrine-products{padding: 0; gap: 10px; align-items: center;height: fit-content;display: grid;grid-template-columns: 1fr 1fr;max-width: 1200px;}
.container-vitrine-products>div.bg-color-01{ grid-column: 1;grid-row: 1/2; background-color: #212121; border-radius: 10px; width: 100%; padding: 0; p{color: #ffffff; line-height: 1.2em; padding: 10px;}}
.container-vitrine-products>div.bg-color-02{ grid-column: 2;grid-row: 1/2; background-color: #000025; border-radius: 10px; width: 100%; padding: 0; p{color: #ffffff; line-height: 1.2em; padding: 10px;}}
.container-vitrine-products>div.bg-color-01>a>div>img{width: 250px; height: 250px; object-fit: cover;}
.container-vitrine-products>div.bg-color-02>a>div>img{width: 250px; height: 250px; object-fit: cover;}
.container-text-card-vitrine{padding: 10px;}


.grid-01{padding: 0;grid-column: 1;grid-row: 1/2;}
.grid-02{padding: 0;grid-column: 2;grid-row: 1/2;}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
.container-vitrine-products{padding: 0PX; gap: 10px; grid-template-columns: 1fr; grid-template-rows: 2; max-width: 100%;}
.container-vitrine-products>div.bg-color-01{ grid-column: 1/2;grid-row: 1; width: 80%;}
.container-vitrine-products>div.bg-color-02{ grid-column: 1/2;grid-row: 2; width: 80%;}
.container-vitrine-products>div.bg-color-01>a>div>img{width: 300px; height: 150px;}
.container-vitrine-products>div.bg-color-02>a>div>img{width: 300px; height: 150px;}
.container-text-card-vitrine{padding: 30px;}



.container-flex{ flex-direction: column; max-width: 100%;}
.container-grid{padding: 0px;align-items: center;display: flex;flex-direction: column;}

.container-grid-2-1{padding: 20px;align-items: center;display: flex;flex-direction: column;}    
}
@media screen and (min-width: 769px) and (max-width: 999px) {
.container-vitrine-products{padding: 0PX; gap: 10px; grid-template-columns: 1fr; grid-template-rows: 2; max-width: 100%;}
.container-vitrine-products>div.bg-color-01{ grid-column: 1/2;grid-row: 1; width: 80%;}
.container-vitrine-products>div.bg-color-02{ grid-column: 1/2;grid-row: 2; width: 80%;}
.container-vitrine-products>div.bg-color-01>a>div>img{width: 550px; height: 250px;}
.container-vitrine-products>div.bg-color-02>a>div>img{width: 550px; height: 250px;}
.container-text-card-vitrine{padding: 30px;}

.center-container-grid{padding: 5px;}
.container-flex{ flex-direction: column; max-width: 100%;}
.container-grid{padding: 0px;align-items: center;display: flex;flex-direction: column;}
.container-grid-2-1{padding: 20px;align-items: center;display: flex;flex-direction: column;}    

.grid-01{padding: 0px;}
.grid-02{padding: 0px;}
}
@media screen and (max-width: 768px) {

.center-container-grid{padding: 5px;}
.container-vitrine-products{padding: 0PX; gap: 10px; grid-template-columns: 1fr; grid-template-rows: 2; max-width: 100%;}
.container-vitrine-products>div.bg-color-01{ grid-column: 1/2;grid-row: 1; }
.container-vitrine-products>div.bg-color-02{ grid-column: 1/2;grid-row: 2; }
.container-vitrine-products>div.bg-color-01>a>div>img{width: 300px; height: 250px;}
.container-vitrine-products>div.bg-color-02>a>div>img{width: 300px; height: 250px;}
.container-text-card-vitrine{padding: 30px;}



.container-flex{ flex-direction: column; max-width: 100%;}

.container-grid{padding: 0px;align-items: center;display: flex;flex-direction: column;}
.container-grid-2-1{display: flex; flex-direction: column;}
.grid-01{padding: 0;}
.grid-02{padding: 0;}

}