.elementor-169 .elementor-element.elementor-element-48eba470{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-47638fb6 *//* ===== Correção global ===== */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* ===== Ajustes gerais para mobile ===== */
@media (max-width: 768px) {
  body {
    font-size: 15px;
    background-color: #E0DBD0;
  }

  header {
    padding: 1rem !important;
  }

  header .flex {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
  }

  header img {
    height: 28px !important;
  }

  #logout-button {
    align-self: flex-end;
    padding: 0.5rem 1rem !important;
    font-size: 13px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    border: none !important;
  }

  /* Container principal */
  .max-w-6xl {
    max-width: 100% !important;
    padding: 1rem !important;
  }

  /* Cartões de módulo */
  .module-card {
    padding: 1rem !important;
    margin-bottom: 1.25rem !important;
    border-radius: 12px !important;
  }

  .module-card h3 {
    font-size: 17px !important;
  }

  .module-card p {
    font-size: 13.5px !important;
  }

  /* Badge de aulas */
  .module-card span[style*="background: #A8879D"] {
    display: inline-block;
    padding: 0.3rem 0.6rem !important;
    border-radius: 8px !important;
    font-size: 12.5px !important;
  }

  /* Itens de vídeo */
  .video-item {
    flex-direction: row !important;
    align-items: center !important;
    padding: 0.9rem 0.75rem !important;
    gap: 0.9rem !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .video-item p {
    font-size: 13.5px !important;
    line-height: 1.4 !important;
  }

  .video-item svg {
    width: 18px !important;
    height: 18px !important;
  }

  .play-icon-circle {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    margin-right: 0.5rem !important;
  }

  /* Player de vídeo */
  #video-player {
    margin-bottom: 1.5rem !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
  }

  #video-player h2 {
    font-size: 17px !important;
    padding: 1rem !important;
    border-top: 1px solid #E8DCC8 !important;
    border-radius: 0 0 12px 12px !important;
  }

  #video-player p {
    padding: 0 1rem 1rem 1rem !important;
  }

  /* Documentos */
  .document-item {
    padding: 0.9rem 1rem !important;
    gap: 0.75rem !important;
    border: 1px solid #E8DCC8 !important;
    border-radius: 10px !important;
    background-color: #F9F6F1 !important;
  }

  .document-item:hover {
    background-color: #E8DCC8 !important;
  }

  .document-item span {
    font-size: 13.5px !important;
  }

  .document-item svg {
    width: 20px !important;
    height: 20px !important;
  }

  /* Feedback e certificado */
  #completion-section {
    padding: 1rem !important;
  }

  #feedback-container,
  #certificate-section {
    padding: 1.25rem !important;
  }

  #certificate-section h2 {
    font-size: 20px !important;
  }

  #certificate-section button {
    width: 100% !important;
    font-size: 15px !important;
    padding: 0.9rem 1rem !important;
  }

  /* Questionários */
  [id^="open-module-feedback-"] {
    margin-top: 1.75rem !important;
    display: block !important;
  }

  /* Questionário final (módulo IX) */
  #open-module-feedback-9 {
    margin-top: 2rem !important;
    display: block !important;
  }

  /* Modais */
  .modal-content {
    max-width: 95% !important;
    border-radius: 12px !important;
  }

  .modal-content h3 {
    font-size: 18px !important;
  }

  .modal-content textarea,
  .modal-content select {
    font-size: 14px !important;
  }

  /* Login */
  .login-card {
    padding: 1.5rem !important;
    margin: 1rem !important;
  }

  .login-card h1 {
    font-size: 22px !important;
  }

  .login-card input {
    font-size: 15px !important;
    padding: 0.75rem !important;
  }

  .login-card button {
    font-size: 15px !important;
    padding: 0.9rem !important;
  }

  /* Espaçamento entre seções */
  #modules-container {
    margin-top: 1rem !important;
  }

  /* Corrige ícones e alinhamentos */
  svg {
    flex-shrink: 0 !important;
  }

  /* Ajuste de textos longos */
  p, span {
    word-break: break-word !important;
  }
}/* End custom CSS */