.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-27 .elementor-element.elementor-element-eaa80f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-e3e5a92{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-27 .elementor-element.elementor-element-60b6a1f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-27 .elementor-element.elementor-element-0094cc3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C4C4C421;--border-color:#C4C4C421;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.13);--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-27 .elementor-element.elementor-element-0094cc3:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-0094cc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0A001C 0%, #1E0250 100%);}.elementor-27 .elementor-element.elementor-element-d22a938{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-869278a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-27 .elementor-element.elementor-element-869278a .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:23px;color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-00d40aa{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-dc54fd3{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-27 .elementor-element.elementor-element-dc54fd3 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:19px;font-weight:300;color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-c0f4dfc{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27 .elementor-element.elementor-element-8647ceb .elementor-button{background-color:transparent;background-image:linear-gradient(69deg, #0C57CE 36%, var( --e-global-color-accent ) 100%);border-radius:13px 13px 13px 13px;padding:20px 40px 20px 40px;}.elementor-27 .elementor-element.elementor-element-8647ceb .elementor-button:hover, .elementor-27 .elementor-element.elementor-element-8647ceb .elementor-button:focus{background-color:transparent;background-image:linear-gradient(163deg, var( --e-global-color-accent ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-27 .elementor-element.elementor-element-8647ceb .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-d22a938{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-869278a .elementor-heading-title{font-size:16px;}.elementor-27 .elementor-element.elementor-element-dc54fd3{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-d22a938{--content-width:100%;}}/* Start custom CSS for wc-categories, class: .elementor-element-60b6a1f *//* ============================================================
   VYON — Cards de Categorias WooCommerce
   Cole em: Painel WP > Elementor > Personalizar > CSS Adicional
   OU em: Aparência > Personalizar > CSS Adicional
   ============================================================ */

/* ════════════════════════════════════════
   GRID 4 COLUNAS
════════════════════════════════════════ */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
  clear: both !important;
}

/* ════════════════════════════════════════
   CARD BASE
════════════════════════════════════════ */
.woocommerce ul.products li.product-category,
.woocommerce-page ul.products li.product-category {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07) !important;
  border: 1px solid #F0F0F4 !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
}

.woocommerce ul.products li.product-category:hover,
.woocommerce-page ul.products li.product-category:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.13) !important;
}

/* ── Link geral do card ── */
.woocommerce ul.products li.product-category a,
.woocommerce-page ul.products li.product-category a,
.woocommerce ul.products li.product-category .woocommerce-loop-category__link,
.woocommerce-page ul.products li.product-category .woocommerce-loop-category__link {
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* ════════════════════════════════════════
   IMAGEM DO CARD
════════════════════════════════════════ */
.woocommerce ul.products li.product-category a img,
.woocommerce-page ul.products li.product-category a img,
.woocommerce ul.products li.product-category .woocommerce-loop-category__link img,
.woocommerce-page ul.products li.product-category .woocommerce-loop-category__link img {
  width: 100% !important;
  height: 190px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  transition: transform 0.35s ease !important;
}

.woocommerce ul.products li.product-category:hover a img,
.woocommerce-page ul.products li.product-category:hover a img {
  transform: scale(1.05) !important;
}

/* ════════════════════════════════════════
   ÁREA DE TEXTO (abaixo da imagem)
════════════════════════════════════════ */
.woocommerce ul.products li.product-category a .category-info,
.woocommerce ul.products li.product-category .woocommerce-loop-category__link .category-text-area,
.woocommerce ul.products li.product-category h2,
.woocommerce-page ul.products li.product-category h2 {
  padding: 16px 18px 18px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Wrapper do nome (h2) para conter o ícone + texto */
.woocommerce ul.products li.product-category h2,
.woocommerce-page ul.products li.product-category h2 {
  margin: 0 !important;
  padding: 16px 18px 4px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  background: none !important;
}

/* marca dentro do h2 (WooCommerce envolve o nome com <mark>) */
.woocommerce ul.products li.product-category h2 mark,
.woocommerce-page ul.products li.product-category h2 mark {
  background: none !important;
  color: #111827 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* ── Ícone de categoria (quadrado roxo arredondado antes do nome) ── */
.woocommerce ul.products li.product-category h2::before,
.woocommerce-page ul.products li.product-category h2::before {
  content: "" !important;
  display: inline-block !important;
  min-width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  background: rgba(123, 47, 255, 0.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B2FFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3C/svg%3E") center/16px no-repeat !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}

/* ── Descrição da categoria ── */
.woocommerce ul.products li.product-category .woocommerce-loop-category__link p,
.woocommerce-page ul.products li.product-category .woocommerce-loop-category__link p,
.woocommerce ul.products li.product-category p,
.woocommerce-page ul.products li.product-category p {
  font-size: 12px !important;
  color: #6B7280 !important;
  line-height: 1.55 !important;
  margin: 2px 0 12px !important;
  padding: 0 18px !important;
  font-weight: 400 !important;
}

/* ── Contador de produtos ── */
.woocommerce ul.products li.product-category .count,
.woocommerce-page ul.products li.product-category .count {
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #7B2FFF !important;
  padding: 0 18px 18px !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* Remove parênteses nativos do WooCommerce e adiciona " itens" */
.woocommerce ul.products li.product-category .count::before,
.woocommerce-page ul.products li.product-category .count::before {
  content: "" !important;
}

/* ════════════════════════════════════════
   RESPONSIVO
════════════════════════════════════════ */
@media (max-width: 1100px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }

  .woocommerce ul.products li.product-category a img,
  .woocommerce-page ul.products li.product-category a img {
    height: 140px !important;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Michroma';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://essencialmedia.com.br/marktplace/wp-content/uploads/2026/05/Michroma-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */