.elementor-38878 .elementor-element.elementor-element-5e71c57{--display:flex;--min-height:487px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;}.elementor-38878 .elementor-element.elementor-element-5e71c57:not(.elementor-motion-effects-element-type-background), .elementor-38878 .elementor-element.elementor-element-5e71c57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ondacor.com/wp-content/uploads/2025/10/banner-de-digitalizacao-ondacor.png");background-position:center center;background-size:cover;}.elementor-38878 .elementor-element.elementor-element-cccf4ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-38878 .elementor-element.elementor-element-5e71c57{--content-width:1600px;}.elementor-38878 .elementor-element.elementor-element-cccf4ab{--content-width:1405px;}}/* Start custom CSS for container, class: .elementor-element-cccf4ab *//* ====== LAYOUT FLEX ESTÁVEL PARA [products] ====== */
.elementor-38878 .elementor-element.elementor-element-cccf4ab .products{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products::before,
.elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products::after{
  display: none !important; /* limpa clearfix do tema */
}

/* cada card ocupa 4 por linha no desktop */
.elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products li.product{
  box-sizing: border-box !important;
  flex: 1 1 calc(25% - 28px) !important;  /* 4 colunas */
  min-width: 240px;                       /* evita “palitinho” */
  max-width: 1fr;
  float: none !important;                 /* remove floats do tema */
  margin: 0 !important;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  padding: 14px 14px 16px;
  position: relative;
  transition: transform .2s ease, box-shadow .2s ease;
}
.elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products li.product:hover{
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* imagem com moldura e proporção */
.elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products li.product img{
  width: 100% !important;
  aspect-ratio: 4/3;
  object-fit: contain;
  background: #f6f7f8;
  border-radius: 12px;
  padding: 10px;
}

/* título, preço e botão – clean */
.elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products li.product .woocommerce-loop-product__title{
  font-size: 16px; line-height: 1.35; font-weight: 600;
  margin: 12px 0 6px; min-height: 44px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products li.product .price{
  color: #083624; font-weight: 700; font-size: 17px; margin: 4px 0 10px;
}
.elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products li.product .button{
  width: 100%; border-radius: 999px; padding: 10px 14px; font-weight: 600;
  background: #083624; color: #fff; border: none;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.12);
}
.elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products li.product .button:hover{ transform: translateY(-1px); opacity:.96; }

/* badge esgotado opcional */
.elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products li.product.outofstock::after{
  content: "ESGOTADO";
  position: absolute; top: 12px; right: 12px;
  background: #1f2937; color:#fff; font-size:12px; font-weight:700;
  padding: 6px 10px; border-radius: 999px; box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

/* paginação */
.elementor-38878 .elementor-element.elementor-element-cccf4ab nav.woocommerce-pagination ul{ gap: 8px; }
.elementor-38878 .elementor-element.elementor-element-cccf4ab nav.woocommerce-pagination ul li a,
.elementor-38878 .elementor-element.elementor-element-cccf4ab nav.woocommerce-pagination ul li span{
  border-radius: 10px; border: 1px solid #e5e7eb; padding: 8px 12px;
}
.elementor-38878 .elementor-element.elementor-element-cccf4ab nav.woocommerce-pagination ul li span.current{
  background: #083624; color:#fff; border-color: transparent;
}

/* ====== RESPONSIVO ====== */
@media (max-width: 1024px){
  .elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products li.product{ flex-basis: calc(33.333% - 28px) !important; } /* 3 col */
}
@media (max-width: 768px){
  .elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products li.product{ flex-basis: calc(50% - 28px) !important; }     /* 2 col */
}
@media (max-width: 480px){
  .elementor-38878 .elementor-element.elementor-element-cccf4ab ul.products li.product{ flex-basis: 100% !important; }                 /* 1 col */
}/* End custom CSS */