.elementor-1243 .elementor-element.elementor-element-f7b8d5e{--grid-columns:3;--grid-column-gap:100px;}body.elementor-page-1243:not(.elementor-motion-effects-element-type-background), body.elementor-page-1243 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a70ad93 );}@media(max-width:1024px){.elementor-1243 .elementor-element.elementor-element-f7b8d5e{--grid-columns:2;}}@media(max-width:767px){.elementor-1243 .elementor-element.elementor-element-f7b8d5e{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-f7b8d5e *//* ================================================
   CSS LOOP GRID — PRODUTOS RELACIONADOS
   Atlântica Natural
   
   Cole em: Loop Grid → Avançado → CSS Personalizado
   Substitua ".elementor-1243 .elementor-element.elementor-element-f7b8d5e" pelo seletor automático do Elementor
   ================================================ */

/* ── SEÇÃO WRAPPER (cole no CSS da seção, não do Loop Grid) ──
   Adicione isso em: Seção → Avançado → CSS Personalizado        */

/*
.elementor-1243 .elementor-element.elementor-element-f7b8d5e {
  background: #080808 !important;
  padding: 80px 0 !important;
}
*/

/* ── CABEÇALHO DA SEÇÃO ──
   Cole em um widget Heading acima do Loop Grid               
   Estilo: Cormorant, branco, com eyebrow dourado              */

/* ── CARD ── */
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item {
  background: #0d0d0d !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  transition: background 0.35s, border-color 0.35s !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item:hover {
  background: rgba(200,148,26,0.04) !important;
  border-color: rgba(200,148,26,0.2) !important;
}

/* Linha dourada no topo do card no hover */
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item::before {
  content: '' !important;
  display: block !important;
  height: 2px !important;
  width: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(200,148,26,0), transparent) !important;
  transition: background 0.35s !important;
  position: absolute !important;
  top: 0; left: 0; right: 0;
  z-index: 2;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item:hover::before {
  background: linear-gradient(90deg, transparent, rgba(200,148,26,0.5), transparent) !important;
}

/* ── IMAGEM ── */
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-image {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: rgba(255,255,255,0.02) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  display: block !important;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-image .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-image img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.5s ease !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item:hover .elementor-widget-image img {
  transform: scale(1.05) !important;
}

/* ── CORPO DO CARD ── */
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-heading,
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-text-editor,
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-jkit_button {
  padding-left: 22px !important;
  padding-right: 22px !important;
  background: transparent !important;
}

/* ── TÍTULO ── */
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-heading {
  padding-top: 22px !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-heading .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item h2.elementor-heading-title,
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item h3.elementor-heading-title,
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-heading-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  color: #FFFFFF !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  background: transparent !important;
  transition: color 0.3s !important;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item:hover .elementor-heading-title {
  color: #C8941A !important;
}

/* ── DESCRIÇÃO ── */
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-text-editor {
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-text-editor .elementor-widget-container,
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-text-editor .elementor-widget-container * {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: rgba(255,255,255,0.35) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
}

/* ── BOTÃO ── */
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-jkit_button {
  padding-top: 18px !important;
  padding-bottom: 22px !important;
  margin: 0 !important;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-jkit_button .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  text-align: center !important;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-jkit_button a,
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-jkit_button .jeg-btn,
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item .elementor-widget-jkit_button .jeg-elementor-kit {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.35) !important;
  text-decoration: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 0 !important;
  padding: 0 0 3px 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.3s, border-color 0.3s !important;
  width: auto !important;
  min-width: unset !important;
  height: auto !important;
}
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item:hover .elementor-widget-jkit_button a,
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-item:hover .elementor-widget-jkit_button .jeg-btn {
  color: #C8941A !important;
  border-bottom-color: rgba(200,148,26,0.4) !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* ── GAP ENTRE CARDS ── */
.elementor-1243 .elementor-element.elementor-element-f7b8d5e .e-loop-container {
  gap: 12px !important;
}/* End custom CSS */