.elementor-18331 .elementor-element.elementor-element-96901f6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18331 .elementor-element.elementor-element-09e1a93{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18331 .elementor-element.elementor-element-16943f5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-18331 .elementor-element.elementor-element-16943f5.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-18331 .elementor-element.elementor-element-16943f5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-18331 .elementor-element.elementor-element-16943f5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-16943f5 */:root{
  --brand:#0D3B66;        /* cor principal (ajuste) */
  --accent:#ffb703;      /* secundária / destaque */
  --muted:#6b7280;
  --card-bg:#ffffff;
  --page-bg:#ffffff;
  --radius:12px;
  --shadow: 0 6px 20px rgba(13,59,102,0.08);
}

/* Página / container */
.product-showcase {
  background: var(--page-bg);
  padding: 48px 20px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:#111827;
}

/* Cabeçalho da vitrine */
.product-showcase .showcase-header{
  max-width:1200px;
  margin:0 auto 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.product-showcase h2{
  font-size:1.6rem;
  margin:0;
  letter-spacing: -0.02em;
}
.product-showcase p.lead{
  margin:0;
  color:var(--muted);
  font-size:0.95rem;
}

/* Grid responsivo */
.product-grid {
  max-width:1200px;
  margin:18px auto 0;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:20px;
  align-items:stretch;
}

/* Responsividade */
@media (max-width:1100px){ .product-grid{ grid-template-columns: repeat(3,1fr); } }
@media (max-width:800px){ .product-grid{ grid-template-columns: repeat(2,1fr); } .product-showcase{ padding:28px 12px; } }
@media (max-width:480px){ .product-grid{ grid-template-columns: 1fr; gap:14px; } .product-showcase h2{ font-size:1.25rem; } }

/* Card do produto */
.product-card,
ul.products li.product {
  background:var(--card-bg);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
  transition: transform .28s ease, box-shadow .28s ease;
  position:relative;
  overflow:hidden;
  min-height:320px;
}

/* Hover: elevação e destaque */
.product-card:hover,
ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(13,59,102,0.12);
}

/* Imagem: ocupa espaço, centraliza e mantém proporção */
.product-card .thumb,
ul.products li.product .attachment-woocommerce_thumbnail {
  width:100%;
  height:200px;
  display:block;
  border-radius:10px;
  object-fit:cover;
  background:#f7f7f9;
}

/* Área de conteúdo (título + preço + CTA) */
.product-card .info {
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1 1 auto;
}

/* Título */
.product-card .title,
ul.products li.product .woocommerce-loop-product__title {
  font-size:1rem;
  margin:0;
  line-height:1.25;
  color:#0f172a;
  font-weight:600;
}

/* Descrição curta (opcional) */
.product-card .excerpt {
  font-size:0.9rem;
  color:var(--muted);
  margin:0;
  flex:0 0 auto;
}

/* Preço e badges */
.product-card .price-row,
ul.products li.product .price {
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:space-between;
  margin-top:auto;
}
.product-card .price {
  font-size:1.05rem;
  font-weight:700;
  color:var(--brand);
}
.product-card .old-price {
  font-size:0.9rem;
  color:var(--muted);
  text-decoration:line-through;
}

/* Botão CTA: discreto até hover */
.product-card .btn-buy,
ul.products li.product .button {
  background:var(--brand);
  color:#fff;
  border:none;
  padding:10px 14px;
  border-radius:8px;
  font-weight:600;
  cursor:pointer;
  transition: background .18s ease, transform .12s ease;
  text-align:center;
  display:inline-block;
}
.product-card .btn-buy:hover,
ul.products li.product .button:hover{ background:#092a4a; transform: translateY(-2px) }

/* Overlay add-to-cart (aparece no hover em mobile/desktop) */
.product-card .overlay-cta {
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  display:flex;
  justify-content:center;
  pointer-events:none;
  opacity:0;
  transform:translateY(10px);
  transition: opacity .22s ease, transform .22s ease;
}
.product-card:hover .overlay-cta{ opacity:1; transform:translateY(0); pointer-events:auto; }

/* Badge de desconto ou destaque */
.product-card .badge {
  position:absolute;
  left:14px;
  top:14px;
  background:var(--accent);
  color:#111;
  padding:6px 10px;
  border-radius:999px;
  font-weight:700;
  font-size:0.85rem;
  box-shadow:0 6px 18px rgba(255,183,3,0.12);
}

/* Footer do card: alinhar preço e botão */
.product-card .card-foot{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
}

/* Pequenos ajustes para WooCommerce padrão */
ul.products{ display:grid; grid-template-columns: repeat(4,1fr); gap:20px; list-style:none; padding:0; margin:0; }
ul.products li.product{ padding:12px; box-sizing:border-box; min-height:320px; border-radius:var(--radius); }

/* Acessibilidade: foco visível */
.product-card .btn-buy:focus, ul.products li.product .button:focus {
  outline:3px solid rgba(13,59,102,0.12);
  outline-offset:3px;
}

/* Tiny responsive tweak for images on cards */
@media (max-width:480px){
  .product-card .thumb { height:220px; }
}
/* Container para organizar os botões */
ul.products li.product .button {
  display:block;
  margin-top:6px;
}

/* Criando o botão Comprar Agora */
ul.products li.product .buy-now-btn {
  display:block;
  background:#ff6b00; /* cor principal */
  color:#fff;
  font-weight:600;
  padding:10px 14px;
  text-align:center;
  border-radius:8px;
  margin-bottom:6px; /* espaçamento acima do adicionar ao carrinho */
  transition: background .2s ease, transform .2s ease;
}

/* Hover efeito */
ul.products li.product .buy-now-btn:hover {
  background:#e85a00;
  transform:translateY(-2px);
  text-decoration:none;
  color:#fff;
}/* End custom CSS */