/* === PROBLEM SECTION ===
   Carregado sob demanda via render_block_core/group
   quando className="problem-section" está na página.
   ======================================================== */

.problem-section {
  border-top: 1px solid var(--wp--custom--border-color-subtle) !important;
  border-bottom: 1px solid var(--wp--custom--border-color-subtle) !important;
  padding-top: var(--wp--preset--spacing--80) !important;
  padding-bottom: var(--wp--preset--spacing--80) !important;
}
.problem-cols.wp-block-columns.alignwide {
  gap: 0 !important;
  align-items: stretch !important;
}
.problem-left.wp-block-column {
  padding-right: var(--wp--preset--spacing--40);
  display: flex !important;
  flex-direction: column !important;
  gap: var(--wp--preset--spacing--40) !important;
}
.problem-right.wp-block-column {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 600px;
}
.problem-subtitle {
  font-size: 0.75rem !important; /* Stitch: text-xs Tailwind = 0.75rem; nosso token xs = 0.6875rem */
  font-weight: 600 !important;
  letter-spacing: 0.2em !important; /* Stitch: tracking-[0.2em] */
  text-transform: uppercase !important;
  color: var(--wp--preset--color--primary) !important;
  margin: 0 !important;
}
.problem-title {
  font-size: clamp(1.5rem,3.5vw,3.25rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}
.problem-title em {
  font-style: italic !important;
  font-weight: 700 !important;
  color: var(--wp--preset--color--primary) !important;
}
.problem-item { position: relative; }
.problem-item::before {
  content: '';
  display: block;
  height: 1px;
  width: 0;
  background: var(--wp--preset--color--primary);
  transition: width 0.7s cubic-bezier(0.16,1,0.3,1);
  margin-bottom: var(--wp--preset--spacing--30);
}
.problem-item:hover::before { width: 100%; }
.problem-item-title {
  font-size: var(--wp--preset--font-size--xs) !important;
  font-weight: 900 !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--wp--preset--color--contrast) !important;
  margin: 0 0 0.6rem 0 !important;
}
.problem-item-desc {
  font-size: var(--wp--preset--font-size--sm) !important;
  color: var(--wp--preset--color--muted) !important;
  line-height: 1.65;
  margin: 0 !important;
}
.ebook-img.wp-block-image { width: 100% !important; max-width: 100% !important; margin: 0 !important; }
.ebook-img img {
  width: 100% !important; height: auto !important;
  object-fit: contain;
  transition: transform 1s cubic-bezier(0.16,1,0.3,1);
  max-width: none !important; display: block;
}
.ebook-img img:hover { transform: scale(1.05); }

@media (max-width: 768px) {
  .problem-cols.wp-block-columns.alignwide { flex-direction: column !important; }
  .problem-left.wp-block-column { flex: unset !important; padding-right: 0; }
  .problem-right.wp-block-column { flex: unset !important; min-height: 300px; }
}

@media (max-width: 640px) {
  .problem-section.wp-block-group {
    padding-top: var(--wp--preset--spacing--60) !important;
    padding-bottom: var(--wp--preset--spacing--60) !important;
  }
  .problem-title.wp-block-heading {
    font-size: clamp(1.75rem, 8vw, 2.5rem) !important;
  }
}