/**
 * Swiper 9.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://sites-design.com
 *
 * Copyright 2006-2025 Wbdesign
 */

.moduletable.carouselSwiper {margin: 20px auto 0; max-width: 1390px; padding: 0; border: 0;}   
.moduletable.carouselSwiper .vmheader {margin: 0;}      
.moduletable.carouselSwiper .vmgroup.carouselSwiper, .moduletable.carouselSwiper .vmproduct.carouselSwiper {margin: 0;}   
.moduletable.carouselSwiper .vmgroup.carouselSwiper, .moduletable.carouselSwiper .vmproduct.carouselSwiper {margin: 0 auto;}   
.moduletable.carouselSwiper h2 {background: #F9F9F9; font-weight: 400; font-family: serif; max-width: color: #777; margin: 0 auto 15px; padding: 8px 0; text-align: center; text-transform: uppercase; letter-spacing: 1px;}  
.moduletable.carouselSwiper .swiper-wrapper {padding: 0 0 30px;}   
/* ----  -- ----- */     

.carouselSwiper div.spacer {background: #fff; width: 96%; height: 100%; max-width: 290px; margin: 0 auto; padding: 5px 2%; border: 1px solid #eee;}      
.carouselSwiper div.spacer table:hover {cursor: grab;} 

  .carouselSwiper .PricesalesPrice.vm-display.vm-price-value {font-size: 28px; color: #97CE03; font-weight: 700; margin-top: 10px; position: relative; z-index: 1;} 
  .carouselSwiper span.vm-price-desc, .PricetaxAmount.vm-display.vm-price-value {display: none;} 
  .carouselSwiper div.titulo {background: #B30000; float: none; font-size: 16px; font-weight: 400; text-align: center; line-height: 20px; margin: 15px auto 5px; width: 100%; max-width: 260px; height: 30px; padding:0 0 0 4px;} 
  .carouselSwiper .titulo a {color: #fff; letter-spacing: 0; text-decoration: none; display: inline-block; margin: 0 auto; padding: 5px 0px 5px 24px; background-image: url('ico-ver_2.png'); background-repeat: no-repeat; background-position: left center; background-size: auto 12px; text-align: center; overflow: hidden; text-overflow: ellipsis; max-width: 25ch; white-space: nowrap;}
  .carouselSwiper .titulo:hover {background: #333;} 
  .carouselSwiper div.imagem {display: inline-block; width: 98%; padding: 10px 1%;} 
  .carouselSwiper .imagem img {height: auto; max-width: 98% !important; max-height: 240px !important; margin: 0 auto; width: auto;}       
  .carouselSwiper .imagem .img-orig {background: #fff; width: 96%; height: 240px; text-align: center; margin: 0 auto;} 
  .carouselSwiper .imagem .img-orig img:hover {}          
  .carouselSwiper .imagem .img-adic {background: #fff; position: absolute; z-index: 1; width: 94%; height: 240px; filter: alpha(opacity=0); opacity: 0;} 
  .carouselSwiper .imagem .img-adic:hover {height: 260px; width: 94%; margin: 0 auto; filter: alpha(opacity=100);  opacity: 1;} 
  .carouselSwiper .imagem .img-adic:hover img {max-height: 260px !important;} 
  .carouselSwiper .imagem .img-adic img:hover {margin: auto;}  
  .carouselSwiper .imagem img:hover {} 
  .carouselSwiper .nome {text-align: center; line-height: 15px; height: auto; margin: 5px 0;} 
  .carouselSwiper .nome a {font-size: 14px; color: #555; font-weight: 700; text-align: center; line-height: 15px; padding:0;} 
  .carouselSwiper .nome a:hover {color: #009757 !important; text-decoration: none;} 
.carouselSwiper tr.pop-up div.pop-up {background: rgba(255,255,255,0.8); position: absolute; z-index: 2; opacity: 0; height: 0; display: table; bottom: 45px; left: 5%; width: 90%; padding: 0 6px 5px;} 
.carouselSwiper tr.imagens:hover + tr.pop-up div.pop-up, tr.pop-up div.pop-up:hover {height: auto; opacity: 1;} 
.carouselSwiper tr.pop-up p.desc {font-size: 13px; color: #555 !important; font-weight: 400; text-align: justify; line-height: 15px; margin: 0; width: 100%; padding:0;} 
.carouselSwiper tr.pop-up div.pop-up {
	-webkit-transition: all 1.5s ease 0s;    
	-moz-transition: all 1.5s ease 0s;    
	-o-transition: all 1.5s ease 0s;    
	transition: all 1.5s ease 0s;
} 
/* ---************ --- */

.ver-mais {background-image: url('ver-cat.png'); font-size: 19px; letter-spacing: 1px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 4px 20px 3px 50px; margin: 5px 0; background-repeat: no-repeat;
 background-position: 20px center; background-size: 24px auto;} 
.ver-mais:hover {background-image: url('ver-cat_hover.png');} 

.swiper-button-next, .swiper-button-prev {opacity: 0;} 
.swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev {opacity: 1;} 
.swiper-button-next::after, .swiper-button-prev::after {color: #777;} 
.swiper-button-next:hover::after, .swiper-button-prev:hover::after {color: #B30000;} 

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 40px;} 
.swiper-pagination-bullet.swiper-pagination-bullet {width: 24px; height: 24px; margin: 0 -1px !important; border: 5px solid #fff;} 
.swiper-pagination-bullet.swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #218516; opacity: 1;} 

.vmproduct.carouselSwiper .swiper {text-align: center; padding-bottom: 10px;} 
.tituloCat {display: inline-block; margin: 10px auto 0; width: auto;} 
.tituloCat a {background-image: url('arrowRight.png'); background-position: 96% center; background-size: auto 12px; background-repeat: no-repeat; color: #333; border: 1px solid #999; padding: 5px 40px 5px 20px;} 
.moduletable.tabs-produtos .tituloCat a:hover {color: #218516 !important; text-decoration: none;} 

@media (min-width: 1201px) and (max-width: 1980px) {
	.moduletable.carouselSwiper h2 {font-size: 34px;}  
}  
	
@media (min-width: 981px) and (max-width: 1200px) {
	.moduletable.carouselSwiper h2 {font-size: 30px;}  
} 

@media (min-width: 769px) and (max-width: 980px) {
	.moduletable.carouselSwiper h2 {font-size: 28px; letter-spacing: 0;}  
}    
	
@media (min-width: 601px) and (max-width: 768px) {	
	.module.tabs-produtos [data-rlta-element="button"] h3 {font-size: 14px !important;} 
} 
	
@media (max-width: 768px) {
	.moduletable.carouselSwiper h2 {font-size: 22px;}  
	.swiper-button-next::after, .swiper-button-prev::after {font-size: 26px; letter-spacing: 0;} 
}      

@media (max-width: 575px) {
   .swiper-button-next::after, .swiper-button-prev::after {font-size: 24px; letter-spacing: 0;} 
   .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40ch;} 
   .swiper-pagination-bullet.swiper-pagination-bullet {width: 20px; height: 20px; margin: 0 !important; border: 3px solid #fff;} 
}