/* Ajustes finais carregados por ultimo: tela cheia, casinha e fundo vivo claro. */
body .mml-app {
  --mml-cursor-x: 72%;
  --mml-cursor-y: 24%;
  background:
    radial-gradient(circle at var(--mml-cursor-x) var(--mml-cursor-y), rgba(45, 212, 191, 0.24), transparent 24vw),
    linear-gradient(115deg, #f9fcff 0%, #eef8ff 48%, #ffffff 100%) !important;
  gap: 18px !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: none !important;
  overflow: hidden !important;
  padding: 14px !important;
  position: relative !important;
  width: 100vw !important;
}

body .mml-app::before,
body .mml-app::after {
  content: "" !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 0 !important;
}

body .mml-app::before {
  background:
    linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.18), transparent),
    repeating-linear-gradient(180deg, transparent 0 18px, rgba(52, 120, 246, 0.10) 18px 19px) !important;
  height: 140vh !important;
  left: calc(var(--mml-cursor-x) - 130px) !important;
  opacity: 0.55 !important;
  top: -20vh !important;
  transform: skewX(-10deg) !important;
  transition: left 100ms linear !important;
  width: 260px !important;
}

body .mml-app::after {
  background:
    repeating-linear-gradient(90deg, rgba(45, 212, 191, 0.075) 0 1px, transparent 1px 46px),
    repeating-linear-gradient(180deg, rgba(52, 120, 246, 0.055) 0 1px, transparent 1px 38px) !important;
  inset: 0 !important;
  opacity: 0.65 !important;
}

body .mml-app:not(.is-menu-collapsed):not(.is-menu-hidden-after-select) {
  grid-template-columns: minmax(250px, 292px) minmax(0, 1fr) !important;
}

body .mml-app .mml-app-content {
  position: relative !important;
  z-index: 2 !important;
}

body .mml-app .mml-app-sidebar {
  z-index: 2 !important;
}

body .mml-app .mml-sidebar-hide {
  display: none !important;
  pointer-events: none !important;
}

body .mml-app .mml-menu-return,
body .mml-app .mml-mobile-toggle {
  z-index: 100030 !important;
}

body .mml-app .mml-app-content {
  padding: 0 !important;
}

body .mml-app .mml-wp-page-frame {
  background: #fff !important;
  border: 0 !important;
  display: block !important;
  min-height: 100vh !important;
  width: 100% !important;
}

body .mml-app.has-wp-page-frame {
  background: #000 !important;
  gap: 0 !important;
  padding: 0 !important;
}

body .mml-app.has-wp-page-frame::before,
body .mml-app.has-wp-page-frame::after {
  display: none !important;
}

body .mml-app.has-wp-page-frame .mml-app-content,
body .mml-app.has-wp-page-frame .mml-page-panel.is-active {
  margin: 0 !important;
  padding: 0 !important;
}

body .mml-app .mml-welcome-panel {
  min-height: calc(100vh - 28px) !important;
}

body .mml-app .mml-welcome-inner {
  background:
    radial-gradient(circle at var(--mml-cursor-x) var(--mml-cursor-y), rgba(255, 255, 255, 0.96), transparent 20vw),
    linear-gradient(110deg, rgba(255, 255, 255, 0.96), rgba(238, 248, 255, 0.92)) !important;
  border: 1px solid rgba(198, 219, 244, 0.92) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 58px rgba(31, 85, 216, 0.10) !important;
  min-height: calc(100vh - 28px) !important;
  overflow: hidden !important;
  padding: clamp(34px, 6vw, 92px) !important;
  position: relative !important;
}

body .mml-app .mml-welcome-inner::before {
  background:
    linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.20), transparent),
    repeating-linear-gradient(180deg, transparent 0 16px, rgba(45, 212, 191, 0.14) 16px 17px) !important;
  content: "" !important;
  height: 125% !important;
  left: calc(var(--mml-cursor-x) - 110px) !important;
  opacity: 0.48 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: -12% !important;
  transform: skewX(-10deg) !important;
  transition: left 100ms linear !important;
  width: 220px !important;
  z-index: 0 !important;
}

body .mml-app .mml-welcome-inner::after {
  background:
    repeating-linear-gradient(90deg, rgba(45, 212, 191, 0.07) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(180deg, rgba(52, 120, 246, 0.05) 0 1px, transparent 1px 34px) !important;
  border-radius: inherit !important;
  content: "" !important;
  inset: 0 !important;
  opacity: 0.8 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 0 !important;
}

body .mml-app .mml-welcome-kicker,
body .mml-app .mml-welcome-inner h1,
body .mml-app .mml-welcome-inner p,
body .mml-app .mml-welcome-actions {
  position: relative !important;
  z-index: 1 !important;
}

body .mml-app .mml-welcome-inner h1 {
  color: #051225 !important;
  font-size: clamp(42px, 6.4vw, 92px) !important;
  max-width: 1160px !important;
}

body .mml-app .mml-welcome-inner p {
  color: #405773 !important;
  font-size: clamp(17px, 1.5vw, 22px) !important;
  max-width: 940px !important;
}

body .mml-app .mml-welcome-actions {
  background: linear-gradient(135deg, #3478f6, #1abc9c) !important;
  border-radius: 14px !important;
  min-height: 58px !important;
}

body .mml-app.is-menu-hidden-after-select .mml-menu-return {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 64px !important;
  min-width: 64px !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  z-index: 2147483000 !important;
}

body .mml-app.is-menu-hidden-after-select .mml-menu-return,
body .mml-app.is-menu-hidden-after-select .mml-menu-return * {
  cursor: pointer !important;
  pointer-events: auto !important;
}

body .mml-app.is-menu-hidden-after-select.is-menu-open .mml-menu-return {
  display: none !important;
}

body .mml-app .mml-mobile-backdrop,
body .mml-app.is-menu-open .mml-mobile-backdrop,
body .mml-app.is-menu-hidden-after-select.is-menu-open .mml-mobile-backdrop {
  background: rgba(255, 255, 255, 0.18) !important;
}

@media (min-width: 901px) {
  body .mml-app.is-menu-open {
    gap: 18px !important;
    grid-template-columns: minmax(250px, 292px) minmax(0, 1fr) !important;
  }

  body .mml-app.is-menu-open .mml-app-sidebar {
    max-width: none !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 24px !important;
    pointer-events: auto !important;
    transform: none !important;
    visibility: visible !important;
    width: auto !important;
  }
}

@media (max-width: 900px) {
  html,
  body,
  html:has(.mml-app),
  body:has(.mml-app) {
    margin: 0 !important;
    max-width: none !important;
    overflow-x: hidden !important;
    width: 100% !important;
  }

  body:has(.mml-app) .site,
  body:has(.mml-app) .site-content,
  body:has(.mml-app) .content-area,
  body:has(.mml-app) .entry-content,
  body:has(.mml-app) .wp-site-blocks,
  body:has(.mml-app) main,
  body:has(.mml-app) #Wrapper,
  body:has(.mml-app) #Content,
  body:has(.mml-app) .content_wrapper,
  body:has(.mml-app) .sections_group,
  body:has(.mml-app) .section,
  body:has(.mml-app) .mcb-section,
  body:has(.mml-app) .section_wrapper,
  body:has(.mml-app) .mcb-wrap,
  body:has(.mml-app) .mcb-wrap-inner,
  body:has(.mml-app) .mcb-column,
  body:has(.mml-app) .column,
  body:has(.mml-app) .column_attr,
  body:has(.mml-app) .the_content_wrapper {
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    overflow-x: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  body:has(.mml-app) .mcb-section-inner,
  body:has(.mml-app) .wrap,
  body:has(.mml-app) .one.column {
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  body .mml-app,
  body .mml-app.is-menu-hidden-after-select {
    background: linear-gradient(135deg, #f9fcff 0%, #eafaff 55%, #ffffff 100%) !important;
    box-sizing: border-box !important;
    display: block !important;
    left: auto !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 100svh !important;
    overflow: hidden !important;
    padding: 0 0 82px !important;
    position: static !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
  }

  body .mml-app::before,
  body .mml-app::after {
    display: none !important;
  }

  body .mml-app .mml-app-content {
    min-height: calc(100svh - 82px) !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body .mml-app .mml-app-sidebar,
  body .mml-app.is-menu-hidden-after-select .mml-app-sidebar {
    background: #fff !important;
    border: 0 !important;
    border-left: 1px solid #e4e9f2 !important;
    border-radius: 22px 0 0 22px !important;
    bottom: 0 !important;
    box-shadow: -12px 0 30px rgba(31, 85, 216, 0.18) !important;
    display: block !important;
    left: auto !important;
    margin: 0 !important;
    max-height: 100svh !important;
    max-width: 330px !important;
    min-height: 100svh !important;
    opacity: 1 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 22px 16px 26px !important;
    pointer-events: none !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    transform: translateX(calc(100% + 24px)) !important;
    transition: transform 220ms ease !important;
    visibility: visible !important;
    width: min(86vw, 330px) !important;
    z-index: 100020 !important;
  }

  body .mml-app .mml-page-panel {
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  body .mml-app .mml-page-panel img,
  body .mml-app .mml-page-panel video,
  body .mml-app .mml-page-panel iframe,
  body .mml-app .mml-page-panel table {
    max-width: 100% !important;
  }

  body .mml-app.is-menu-open .mml-mobile-toggle,
  body .mml-app.is-menu-hidden-after-select.is-menu-open .mml-mobile-toggle {
    display: none !important;
    pointer-events: none !important;
  }

  body .mml-app.is-menu-open .mml-app-sidebar,
  body .mml-app.is-menu-hidden-after-select.is-menu-open .mml-app-sidebar {
    clip-path: none !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
    z-index: 100020 !important;
  }

  body .mml-app:not(.is-menu-open) .mml-app-sidebar {
    clip-path: inset(0 0 0 100%) !important;
  }

  body .mml-app .mml-mobile-backdrop,
  body .mml-app.is-menu-open .mml-mobile-backdrop,
  body .mml-app.is-menu-hidden-after-select.is-menu-open .mml-mobile-backdrop {
    background: rgba(255, 255, 255, 0.42) !important;
    backdrop-filter: blur(2px) !important;
  }

  body .mml-app .mml-sidebar-head {
    align-items: center !important;
    border-bottom: 1px solid #edf2f8 !important;
    margin: 0 0 14px !important;
    padding-bottom: 14px !important;
  }

  body .mml-app .mml-sidebar-head strong {
    font-size: 20px !important;
    line-height: 1.15 !important;
  }

  body .mml-app .mml-sidebar-search {
    margin-bottom: 14px !important;
  }

  body .mml-app .mml-sidebar-search input {
    border-radius: 12px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  body .mml-app .mml-app-sidebar a,
  body .mml-app .mml-app-sidebar button {
    border-radius: 12px !important;
    font-size: 14px !important;
    min-height: 46px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body .mml-app .mml-welcome-panel,
  body .mml-app .mml-welcome-inner {
    min-height: calc(100svh - 82px) !important;
    width: 100% !important;
  }

  body .mml-app .mml-welcome-inner {
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(235, 250, 255, 0.95)) !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    justify-content: center !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 30px 20px 106px !important;
  }

  body .mml-app .mml-welcome-inner::before,
  body .mml-app .mml-welcome-inner::after {
    display: none !important;
  }

  body .mml-app .mml-welcome-inner h1 {
    font-size: clamp(32px, 10vw, 44px) !important;
    line-height: 1.05 !important;
    max-width: 100% !important;
  }

  body .mml-app .mml-welcome-inner p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    max-width: 100% !important;
  }

  body .mml-app .mml-welcome-actions {
    justify-content: center !important;
    min-height: 54px !important;
    text-align: center !important;
    width: 100% !important;
  }

  body .mml-app .mml-mobile-toggle,
  body .mml-app.is-menu-hidden-after-select .mml-menu-return {
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    right: 16px !important;
    height: 64px !important;
    width: 64px !important;
  }
}