.elementor-535 .elementor-element.elementor-element-89e89ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-535 .elementor-element.elementor-element-89e89ab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-535 .elementor-element.elementor-element-3da7f7e{--display:flex;}body.elementor-page-535:not(.elementor-motion-effects-element-type-background), body.elementor-page-535 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-535 .elementor-element.elementor-element-89e89ab{--width:100%;}}/* Start custom CSS */<style>
.card {
      background-color: var(--bg-card);
      border: 1px solid var(--accent);
      border-radius: 20px;
      box-shadow: 0 0 15px rgba(0, 255, 174, 0.07);
    }
    .form-label { font-weight: 500; color: var(--text-color);}
    .form-control, .form-select, textarea {
      background-color: var(--input-bg);
      color: var(--text-color);
      border: 1px solid var(--input-border);
      border-radius: 8px;
    }
    .form-control::placeholder, textarea::placeholder {
      color: var(--placeholder-color);
    }
    .btn-primary {
      background-color: var(--btn-hover);
      border-color: var(--btn-hover);
      color: #000;
      font-weight: bold;
    }
    .btn-outline-success {
      border-color: var(--accent);
      color: var(--accent);
    }
    .btn-outline-success:hover {
      background-color: var(--accent);
      color: #000;
    }
    .progress {
      background-color: #30363d;
      border-radius: 20px;
      overflow: hidden;
      height: 25px;
    }
    .progress-bar {
      background-color: var(--accent);
      font-weight: bold;
      line-height: 25px;
      color: #000;
    }
    .preview-box {
      background-color: transparent;
      border: 0px solid #2ea043;
      border-radius: 20px;
      padding: 10px;
      min-height: 400px;
      max-height: 90vh;
      overflow-y: auto;
    }
    .preview-box .mensagem {
      background-color: #d9fdd3;
      color: #0A0A0A;
      padding: 8px 12px;
      border-radius: 10px;
      margin-bottom: 10px;
      max-width: 80%;
      word-wrap: break-word;
    }
    .preview-box img, .preview-box video {
      max-width: 100%;
      border-radius: 10px;
      margin-top: 5px;
    }
    .preview-box audio {
      width: 100%;
      margin-top: 5px;
    }/* End custom CSS */