.elementor-140 .elementor-element.elementor-element-38aba99d{--display:flex;}.elementor-140 .elementor-element.elementor-element-83fc8a7{--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-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-140 .elementor-element.elementor-element-6f65d56b{--display:flex;}.elementor-140 .elementor-element.elementor-element-6e5052cf{--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-140 .elementor-element.elementor-element-b68e546{--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;}/* Start custom CSS for html, class: .elementor-element-4a05ec27 *//* Container Principal */
.suporte-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

/* Seção de Opções */
.suporte-opcoes {
  text-align: center;
  margin-bottom: 30px;
}

.suporte-opcoes p {
  color: #333;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.6;
}

/* Dark text class */
.text-dark {
  color: #FEBE07 !important;
}

/* Botões de Seleção */
.botoes-opcoes {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.btn-suporte {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  background-color: #f0f0f0;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}

.btn-suporte:hover {
  background-color: #e0e0e0;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.btn-suporte.active {
  background-color: #007cba;
  color: white;
  border-color: #007cba;
}

.btn-suporte i {
  font-size: 20px;
}

/* Form Containers */
.form-container {
  background-color: #f9f9f9;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  animation: fadeIn 0.3s ease;
}

.form-container h4 {
  margin-bottom: 20px;
  color: #333;
  font-size: 20px;
}

/* Fade-in Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive Design */
@media (max-width: 480px) {
  .botoes-opcoes {
    flex-direction: column;
  }
  
  .btn-suporte {
    width: 100%;
    justify-content: center;
  }
}/* End custom CSS */