.elementor-144 .elementor-element.elementor-element-b157e99{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-144 .elementor-element.elementor-element-ae1fa41 .elementor-heading-title{font-family:"Blauer Neue", Sans-serif;font-weight:normal;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}#elementor-popup-modal-144{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-144 .dialog-message{width:640px;height:auto;padding:20px 20px 20px 20px;}#elementor-popup-modal-144 .dialog-close-button{display:flex;}#elementor-popup-modal-144 .dialog-widget-content{border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-cd6178f */.code-block{
  width:100%; resize:vertical; white-space:pre;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  background:#0f0f0f; color:#eaeaea; padding:16px; border-radius:10px; border:1px solid #1f1f1f;
}

/* Aplica no botão do Elementor quando o widget tiver a classe copy-btn */
.copy-btn .elementor-button,
.copy-btn.elementor-button,                /* caso a classe vá direto no link */
button.copy-btn {                          /* botão HTML puro, se usar <button class="copy-btn"> */
  background: #E02424;         /* vermelho */
  color: #FFFFFF;              /* texto branco */
  border: none;
  border-radius: 9999px;  
  margin-bottom: 20px;
  /* 100% arredondado (pill) */
  padding: 12px 22px;          /* ajuste livre */
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  cursor: pointer;
  transition: transform .08s ease, filter .15s ease, box-shadow .15s ease;
  text-decoration: none;       /* garantir sem sublinhado */
}

/* Hover / Active / Focus acessível */
.copy-btn .elementor-button:hover,
.copy-btn.elementor-button:hover,
button.copy-btn:hover {
  filter: brightness(1.05);
}

.copy-btn .elementor-button:active,
.copy-btn.elementor-button:active,
button.copy-btn:active {
  transform: translateY(1px);
  filter: brightness(0.98);
}

.copy-btn .elementor-button:focus-visible,
.copy-btn.elementor-button:focus-visible,
button.copy-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(224, 36, 36, 0.35);
}/* End custom CSS */