/* ==========================================================================
   DOBRA DORES — Cards grid com ícone (h2-secao--dores)
   ========================================================================== */

body:not(.path-admin) .h2-secao--dores .views-view-responsive-grid {
  --views-responsive-grid--layout-gap: 1.25rem;
}

body:not(.path-admin) .h2-secao--dores .views-view-responsive-grid__item {
  display: flex;
}

/* Card */
body:not(.path-admin) .h2-secao--dores .views-view-responsive-grid__item-inner {
  background: #ffffff;
  border: 1px solid var(--hm2-on-surface-card-border, #e2e8f0);
  border-radius: 0.875rem;
  padding: 1.5rem;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body:not(.path-admin) .h2-secao--dores .views-view-responsive-grid__item-inner:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
}

/* Alinha wrapper do ícone à esquerda */
body:not(.path-admin) .h2-secao--dores .views-field-field-dor-icone-svg,
body:not(.path-admin) .h2-secao--dores .views-field-field-dor-icone {
  display: flex;
  justify-content: flex-start;
}

/* ── ÍCONE — quadrado arredondado com fundo lavanda suave ───────────────── */
body:not(.path-admin) .h2-secao--dores .views-field-field-dor-icone-svg .field-content,
body:not(.path-admin) .h2-secao--dores .views-field-field-dor-icone .field-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 0.75rem;
  background-color: color-mix(in srgb, var(--bs-primary, #5b238a) 12%, #ffffff);
  flex-shrink: 0;
}

/* SVG na cor primária */
body:not(.path-admin) .h2-secao--dores .views-field-field-dor-icone-svg svg {
  width: 26px;
  height: 26px;
  color: var(--bs-primary, #5b238a);
  flex-shrink: 0;
}

/* Fallback PNG — cor natural (sem inversão) */
body:not(.path-admin) .h2-secao--dores .views-field-field-dor-icone img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

/* Título */
body:not(.path-admin) .h2-secao--dores .views-field-title a {
  color: var(--hm2-on-surface, #111827);
  font-weight: 700;
  font-size: 1.15rem;
  line-height: 1.35;
  text-decoration: none;
  display: block;
}

body:not(.path-admin) .h2-secao--dores .views-field-title a:hover {
  color: var(--bs-primary);
}

body:not(.path-admin) .h2-secao--dores .views-field-title .field-content {
  color: var(--hm2-on-surface, #111827);
  font-weight: 700;
  font-size: 1.15rem;
  line-height: 1.35;
}

/* Descrição */
body:not(.path-admin) .h2-secao--dores .views-field-field-dor-descricao .field-content {
  font-size: 1rem;
  color: var(--hm2-on-surface-muted, #6b7280);
  line-height: 1.6;
}