/* ==========================================================================
   HM2 FACTORY — DOBRA DIFERENCIAIS (neutro, V8)
   Seletores: .h2-secao--diferenciais  e  .view-hm2-lp-diferenciais
   Modelos visuais sobrescrevem via createIfNotExists nos recipes de modelo.
   ========================================================================== */

/* Grid wrapper */
body:not(.path-admin) .h2-secao--diferenciais .view-hm2-lp-diferenciais,
body:not(.path-admin) .view-hm2-lp-diferenciais {
  background-color: transparent;
}

/* Respeita Alinhamento do Conteúdo da seção — alinha o grupo de cards na linha */
body:not(.path-admin) .view-hm2-lp-diferenciais .views-view-responsive-grid {
  justify-content: flex-start; /* padrão: esquerda */
}
body:not(.path-admin) .h2-secao.text-center .view-hm2-lp-diferenciais .views-view-responsive-grid {
  justify-content: center;
}
body:not(.path-admin) .h2-secao.text-end .view-hm2-lp-diferenciais .views-view-responsive-grid {
  justify-content: flex-end;
}

/* Card individual */
body:not(.path-admin) .view-hm2-lp-diferenciais .views-view-responsive-grid__item-inner {
  background-color: var(--hm2-surface-light, #f8f9fa);
  border-radius: var(--hm2-border-radius-card, 6px);
  padding: 28px 24px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

body:not(.path-admin) .view-hm2-lp-diferenciais .views-view-responsive-grid__item-inner:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10);
  transform: translateY(-2px);
}

/* Ícone imagem */
body:not(.path-admin) .view-hm2-lp-diferenciais .views-field-field-diferencial-icone {
  display: flex;
  justify-content: center;
  margin-bottom: 6px;
}

body:not(.path-admin) .view-hm2-lp-diferenciais .views-field-field-diferencial-icone .field-content {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: rgba(var(--bs-primary-rgb, 0,122,255), 0.10);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

body:not(.path-admin) .view-hm2-lp-diferenciais .views-field-field-diferencial-icone img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}

/* Ícone SVG inline */
body:not(.path-admin) .view-hm2-lp-diferenciais .views-field-field-diferencial-icone-svg {
  display: flex;
  justify-content: center;
  margin-bottom: 6px;
}

body:not(.path-admin) .view-hm2-lp-diferenciais .views-field-field-diferencial-icone-svg svg {
  width: 44px;
  height: 44px;
  fill: var(--hm2-color-primary, var(--bs-primary, #0d6efd));
}

/* Título */
body:not(.path-admin) .view-hm2-lp-diferenciais .views-field-title .field-content,
body:not(.path-admin) .view-hm2-lp-diferenciais .views-field-title a {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--hm2-color-heading, #1a1a2e);
  text-decoration: none;
  display: block;
}

/* Linha divisória sob o título */
body:not(.path-admin) .view-hm2-lp-diferenciais .views-field-title {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 4px;
}

body:not(.path-admin) .view-hm2-lp-diferenciais .views-field-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 2px;
  background-color: var(--hm2-color-primary, var(--bs-primary, #0d6efd));
}

/* Descrição */
body:not(.path-admin) .view-hm2-lp-diferenciais .views-field-field-diferencial-descricao .field-content {
  font-size: 0.875rem;
  color: #6b7280;
  line-height: 1.6;
}