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

.contents-section { background: var(--wp--preset--color--surface-low) !important; }
.contents-cols.wp-block-columns.alignwide {
  align-items: center !important;
  gap: var(--wp--preset--spacing--60) !important;
}
.contents-img-col.wp-block-column  { flex-basis: 50% !important; }
.contents-text-col.wp-block-column {
  flex-basis: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--wp--preset--spacing--50) !important;
}

/* --- Ebook image wrap com glow hover --- */
.ebook-img-wrap {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
}
.ebook-img-wrap::before {
  content: '';
  position: absolute;
  inset: -1rem;
  background: var(--wp--custom--primary-alpha-10);
  filter: blur(3rem);
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events: none;
  border-radius: var(--wp--custom--radius-card);
}
.ebook-img-wrap:hover::before { opacity: 1; }
.ebook-img-wrap .wp-block-image { position: relative; z-index: 1; width: 100% !important; }
.ebook-img-wrap .wp-block-image img {
  width: 100% !important; height: auto !important;
  display: block;
  transition: transform 1s ease;
}
.ebook-img-wrap:hover .wp-block-image img { transform: scale(1.03); }

/* --- Tipografia --- */
.contents-title {
  font-size: clamp(1.5rem,4.5vw,3.75rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  line-height: 0.95 !important;
  text-transform: uppercase;
  margin: 0 !important;
}
.contents-title em {
  font-style: italic !important;
  font-weight: 900 !important;
  color: var(--wp--preset--color--primary) !important;
}
.contents-num {
  font-family: var(--wp--preset--font-family--display) !important; /* Stitch: font-display = Geist */
  font-size: 2.25rem !important;  /* Stitch: text-4xl = 2.25rem — valor fixo, não fluid */
  font-weight: 300 !important;    /* Stitch: font-light */
  line-height: 1 !important;
  color: var(--wp--custom--primary-alpha-40) !important; /* Stitch: text-primary/40 */
  transition: color 0.3s;         /* Stitch: transition-colors */
  flex-shrink: 0;
  margin: 0 !important;
}
.contents-row:hover .contents-num { color: var(--wp--preset--color--primary) !important; }
.contents-row-title {
  margin: 0 0 0.5rem 0 !important;
  font-size: var(--wp--preset--font-size--xs) !important;
  font-weight: 900 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}
.contents-row-desc {
  font-size: var(--wp--preset--font-size--sm) !important;
  color: var(--wp--preset--color--muted) !important;
  line-height: 1.65;
  margin: 0 !important;
}

@media (max-width: 768px) {
  .contents-cols.wp-block-columns.alignwide { flex-direction: column !important; }
  .contents-img-col.wp-block-column,
  .contents-text-col.wp-block-column { flex-basis: 100% !important; }
}

@media (max-width: 640px) {
  .contents-section.wp-block-group {
    padding-top: var(--wp--preset--spacing--60) !important;
    padding-bottom: var(--wp--preset--spacing--60) !important;
  }
  .contents-title.wp-block-heading {
    font-size: clamp(2rem, 10vw, 3rem) !important;
  }
  .contents-img-col.wp-block-column { display: none !important; }
}