/**
 * Blocos do Gutenberg no frontend e no editor.
 * Escopo limitado ao conteúdo e ao canvas do editor.
 */
.entry-content,
.editor-styles-wrapper {
  --sbem-block-gap: 1.25rem;
}

.entry-content > *,
.editor-styles-wrapper .is-root-container > * {
  margin-block: 0 var(--sbem-block-gap);
}

.entry-content > *.alignwide,
.editor-styles-wrapper .alignwide {
  max-width: var(--sbem-wide, 1320px);
  margin-inline: auto;
}

.entry-content > *.alignfull,
.editor-styles-wrapper .alignfull {
  max-width: none;
  width: 100%;
}

.entry-content :where(p, ul, ol, h1, h2, h3, h4, h5, h6),
.editor-styles-wrapper :where(.is-root-container p, .is-root-container h1, .is-root-container h2, .is-root-container h3) {
  overflow-wrap: break-word;
}

.entry-content .wp-block-image img,
.entry-content .wp-block-gallery img,
.editor-styles-wrapper .wp-block-image img {
  max-width: 100%;
  height: auto;
}

.entry-content .wp-block-quote,
.editor-styles-wrapper .wp-block-quote,
.entry-content .wp-block-quote.is-style-sbem-gold {
  margin-inline: 0;
  padding: 0.25rem 0 0.25rem 1rem;
  border-left: 4px solid var(--sbem-gold, #dfae00);
}

.entry-content .wp-block-pullquote,
.editor-styles-wrapper .wp-block-pullquote {
  padding: 1.5rem;
  border-top: 4px solid var(--sbem-gold, #dfae00);
  border-bottom: 4px solid var(--sbem-gold, #dfae00);
  text-align: center;
}

.entry-content .wp-block-button .wp-block-button__link,
.editor-styles-wrapper .wp-block-button .wp-block-button__link {
  background: var(--sbem-gold-bright, #ffc107);
  color: #212529;
  border-radius: 2rem;
  padding: 0.6rem 1.2rem;
  font-weight: 700;
  text-decoration: none;
}

.entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--sbem-ink, #212529);
  border: 2px solid var(--sbem-gold, #dfae00);
}

.entry-content .wp-block-button.is-style-sbem-gold .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.is-style-sbem-gold .wp-block-button__link {
  background: var(--sbem-gold, #dfae00);
  color: #111;
}

.entry-content .wp-block-table table,
.editor-styles-wrapper .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}

.entry-content .wp-block-table td,
.entry-content .wp-block-table th,
.editor-styles-wrapper .wp-block-table td,
.editor-styles-wrapper .wp-block-table th {
  border: 1px solid var(--sbem-line, #dee2e6);
  padding: 0.5rem 0.75rem;
}

.entry-content .wp-block-columns,
.editor-styles-wrapper .wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: stretch;
}

.entry-content .wp-block-column,
.editor-styles-wrapper .wp-block-column {
  flex: 1 1 16rem;
  min-width: 0;
}

.entry-content .wp-block-media-text,
.editor-styles-wrapper .wp-block-media-text {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .entry-content .wp-block-media-text,
  .editor-styles-wrapper .wp-block-media-text {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .entry-content .wp-block-media-text.has-media-on-the-right,
  .editor-styles-wrapper .wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 1fr 1fr;
  }
  .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media,
  .editor-styles-wrapper .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
    order: 2;
  }
}

.entry-content .wp-block-embed,
.editor-styles-wrapper .wp-block-embed {
  overflow: hidden;
}

.entry-content .wp-block-embed iframe,
.entry-content .wp-block-video video {
  max-width: 100%;
}

.entry-content .wp-block-separator,
.editor-styles-wrapper .wp-block-separator {
  border: 0;
  border-top: 1px solid var(--sbem-line, #dee2e6);
}

.entry-content .wp-block-code,
.editor-styles-wrapper .wp-block-code {
  padding: 1rem;
  overflow: auto;
  background: var(--sbem-canvas, #f8f9fa);
  border-radius: 0.375rem;
}

.entry-content .wp-block-accordion-heading.has-light-color,
.entry-content .wp-block-accordion-heading.has-light-color .wp-block-accordion-heading__toggle,
.editor-styles-wrapper .wp-block-accordion-heading.has-light-color,
.editor-styles-wrapper .wp-block-accordion-heading.has-light-color .wp-block-accordion-heading__toggle {
  color: #fff;
}