/* === CORRIGE RENDER INICIAL DO SVG DO ELEMENTOR === */
.elementor-icon-list-icon svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  aspect-ratio: 1/1 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  transform: scale(1) !important;
  transform-origin: center center !important;
  overflow: hidden !important;
}



/* ===== HERO PÁINEIS — ESCOPADO ===== */

#hero-paineis { /* garante que nada fique sob o header fixo */
  position: relative;
}

/* Layout: lado a lado só no desktop */
@media (min-width: 1025px) {
  #hero-paineis #painel1,
  #hero-paineis #painel2 {
    width: 48% !important;
    max-width: 48% !important;
    flex: 0 0 48% !important;
    box-sizing: border-box !important;
  }
  #hero-paineis #painel1 { margin-right: 2% !important; }
  #hero-paineis #painel2 { margin-left: 0 !important; }
}

/* Mobile: empilhado por padrão */
@media (max-width: 1024px) {
  #hero-paineis #painel1,
  #hero-paineis #painel2 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-right: 0 !important;
  }
}

/* Lista interna (somente dentro da hero) */
#hero-paineis #painel1 .elementor-icon-list-items,
#hero-paineis #painel2 .elementor-icon-list-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* Cards */
#hero-paineis #painel1 .elementor-icon-list-item,
#hero-paineis #painel2 .elementor-icon-list-item {
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  border: 1px solid #e0e0e0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  transition: all 0.2s ease-in-out !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
}

#hero-paineis #painel1 .elementor-icon-list-item:hover,
#hero-paineis #painel2 .elementor-icon-list-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important;
}

/* Ícone circular */
#hero-paineis #painel1 .elementor-icon-list-icon,
#hero-paineis #painel2 .elementor-icon-list-icon {
  background: #eaf7ef !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* Ícone interno (i/svg) — evita “explosão” */
#hero-paineis #painel1 .elementor-icon-list-icon i,
#hero-paineis #painel1 .elementor-icon-list-icon svg,
#hero-paineis #painel2 .elementor-icon-list-icon i,
#hero-paineis #painel2 .elementor-icon-list-icon svg {
  color: #1fb44d !important;
  fill: #1fb44d !important;
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  transition: none !important;
  transform: scale(1) !important;
  transform-origin: center center !important;
}

/* Texto */
#hero-paineis #painel1 .elementor-icon-list-text,
#hero-paineis #painel2 .elementor-icon-list-text {
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #1a1a1a !important;
  font-weight: 400 !important;
}

/* Ajustes mobile finos */
@media (max-width: 768px) {
  #hero-paineis #painel1 .elementor-icon-list-items,
  #hero-paineis #painel2 .elementor-icon-list-items { gap: 0 !important; }

  #hero-paineis #painel1 .elementor-icon-list-icon,
  #hero-paineis #painel2 .elementor-icon-list-icon { width: 32px !important; height: 32px !important; }

  #hero-paineis #painel1 .elementor-icon-list-icon i,
  #hero-paineis #painel1 .elementor-icon-list-icon svg,
  #hero-paineis #painel2 .elementor-icon-list-icon i,
  #hero-paineis #painel2 .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; }

  #hero-paineis #painel1 .elementor-icon-list-text,
  #hero-paineis #painel2 .elementor-icon-list-text {
    font-size: 14px !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
    white-space: normal !important;
  }
}