.elementor-784 .elementor-element.elementor-element-c2e46b0{text-align:center;}.elementor-784 .elementor-element.elementor-element-39b927e{text-align:center;}.elementor-784 .elementor-element.elementor-element-547d168 .jeg-elementor-kit.jkit-button{text-align:center;}.elementor-784 .elementor-element.elementor-element-547d168 .jeg-elementor-kit.jkit-button.icon-position-before .jkit-button-wrapper i, .elementor-784 .elementor-element.elementor-element-547d168 .jeg-elementor-kit.jkit-button.icon-position-before .jkit-button-wrapper svg{margin-right:5px;}.elementor-784 .elementor-element.elementor-element-547d168 .jeg-elementor-kit.jkit-button.icon-position-after .jkit-button-wrapper i, .elementor-784 .elementor-element.elementor-element-547d168 .jeg-elementor-kit.jkit-button.icon-position-after .jkit-button-wrapper svg{margin-left:5px;}/* Start custom CSS for heading, class: .elementor-element-c2e46b0 *//* ================================================
   CSS PARA O LOOP GRID — PRODUTOS ATLÂNTICA NATURAL
   Cole em: Loop Grid → Avançado → CSS Personalizado
   Use ".elementor-784 .elementor-element.elementor-element-c2e46b0" para referenciar o Loop Grid
   ================================================ */

/* ── GRADE GERAL ── */
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item {
  background: #080808 !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  transition: background 0.3s, border-color 0.3s !important;
  display: flex !important;
  flex-direction: column !important;
}

.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item:hover,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item:hover {
  background: rgba(184,122,26,0.04) !important;
  border-color: rgba(184,122,26,0.18) !important;
}

/* ── IMAGEM ── */
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item img,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 24px !important;
  background: rgba(255,255,255,0.02) !important;
  display: block !important;
  transition: transform 0.5s ease !important;
}

.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item:hover img,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item:hover img {
  transform: scale(1.04) !important;
}

/* ── TÍTULO ── */
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item .elementor-heading-title,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item .elementor-heading-title,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item h2,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item h3,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item h2,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #FFFFFF !important;
  line-height: 1.2 !important;
  padding: 16px 20px 8px !important;
  margin: 0 !important;
  transition: color 0.3s !important;
}

.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item:hover .elementor-heading-title,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item:hover .elementor-heading-title,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item:hover h2,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item:hover h3,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item:hover h2,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item:hover h3 {
  color: #C8941A !important;
}

/* ── EXCERPT / TEXTO ── */
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item .elementor-text-editor,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item .elementor-text-editor,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item p,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item p {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  color: rgba(255,255,255,0.35) !important;
  line-height: 1.7 !important;
  padding: 0 20px 16px !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* ── BOTÃO JEG KIT ── */
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item .jeg-elementor-kit.jeg-kit-button,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item .jeg-elementor-kit.jeg-kit-button,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item .jeg-btn,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item .jeg-btn {
  margin: 0 20px 20px !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item .jeg-btn a,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item .jeg-btn a,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item .jeg-elementor-kit.jeg-kit-button a,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item .jeg-elementor-kit.jeg-kit-button a {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.38) !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 0 !important;
  padding: 0 0 2px 0 !important;
  box-shadow: none !important;
  transition: color 0.3s, border-color 0.3s !important;
}

.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item:hover .jeg-btn a,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item:hover .jeg-btn a,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item:hover .jeg-elementor-kit.jeg-kit-button a,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item:hover .jeg-elementor-kit.jeg-kit-button a {
  color: #C8941A !important;
  border-bottom-color: rgba(184,122,26,0.4) !important;
}

/* ── SEPARADOR ENTRE IMAGEM E CONTEÚDO ── */
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-item .elementor-widget-image,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-item .elementor-widget-image {
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

/* ── GAP ENTRE OS CARDS ── */
.elementor-784 .elementor-element.elementor-element-c2e46b0 .e-loop-container,
.elementor-784 .elementor-element.elementor-element-c2e46b0 .elementor-loop-container {
  gap: 2px !important;
}/* End custom CSS */