@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap");

.payment-form.payment-btn-container div div {display:none!important; visibility:hidden!important;}

.payment-form.payment-btn-container div a, #div_pix, #div_pix div div, #div_pix div input, #div_pix div p, #paypal-button-container, #paypal-button-container div p, #paypal-button-container div input, #paypal-button-container div div, #paypal-button-container div.paypal-buttons,  #div_pix p, #div_pix input   {display:block!important; visibility:visible!important; }

.payment-form.payment-btn-container div p , .payment-form.payment-btn-container div input{display:none!important; visibility:hidden!important;}


#div_pix > img{
width: 100% !important;
    margin: auto;
    display: block
}
    
input:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #dff5fe inset!important; }

/* Página de Login

body > div.app-main > div > div > div > div.login-wrapper, .login-footer { background: #002d30!important; }

body.lagom.page-login.page-login-default.lagom-not-portal.lagom-layout-top.lagom-layout-condensed.lagom-modern.page-login.page-type-full .login-wrapper h1.login-title { color: white!important; }

body.lagom.page-login.page-login-default.lagom-not-portal.lagom-layout-top.lagom-layout-condensed.lagom-modern.page-login.page-type-full .login-wrapper .form-group label, span, .text-light { color: white!important; }

body.lagom.page-login.page-login-default.lagom-not-portal.lagom-layout-top.lagom-layout-condensed.lagom-modern.page-login.page-type-full form.login-form input { background: white!important; }

body.lagom.page-login.page-login-default.lagom-not-portal.lagom-layout-top.lagom-layout-condensed.lagom-modern.page-login.page-type-full .login-wrapper .form-group a, .login-footer a, .login-language a { color: #dbb606!important; }

body.lagom.page-login.page-login-default.lagom-not-portal.lagom-layout-top.lagom-layout-condensed.lagom-modern.page-login.page-type-full .login-footer { background: white!important; }

body.lagom.page-login.page-login-default.lagom-not-portal.lagom-layout-top.lagom-layout-condensed.lagom-modern.page-login.page-type-full .login-footer label, span, .text-light { color: #002d30!important; }

body.lagom.page-login.page-login-default.lagom-not-portal.lagom-layout-top.lagom-layout-condensed.lagom-modern.page-login.page-type-full .login-divider span { color: white!important; }

body.lagom.page-login.page-login-default.lagom-not-portal.lagom-layout-top.lagom-layout-condensed.lagom-modern.page-login.page-type-full button#login { background: #dbb606!important; }

body.lagom.page-login.page-login-default.lagom-not-portal.lagom-layout-top.lagom-layout-condensed.lagom-modern.page-login.page-type-full button#login:hover { opacity: 0.8; }

body.lagom.page-login.page-login-default.lagom-not-portal.lagom-layout-top.lagom-layout-condensed.lagom-modern.page-login.page-type-full button#login span.btn-text { color: white!important; }

*/

/* Login: verde Gen3 (reverte faixa vermelha do tema) */
body.lagom-depth.page-login .main-body-sidebar,
body.lagom-modern.page-login .main-body-sidebar,
body.lagom-depth.page-login .main-body-sidebar-primary,
body.lagom-modern.page-login .main-body-sidebar-primary,
body.lagom-depth.page-login .main-body-sidebar-secondary,
body.lagom-modern.page-login .main-body-sidebar-secondary {
  background-color: #0f4c3a !important;
  background-image: none !important;
}

body.lagom-depth.page-login .login-wrapper,
body.lagom-modern.page-login .login-wrapper {
  background: #ffffff !important;
}

body.lagom-depth.page-login button#login,
body.lagom-modern.page-login button#login {
  background: linear-gradient(135deg, #c9a227 0%, #d4b84a 100%) !important;
  border-color: #c9a227 !important;
  color: #1a2332 !important;
  box-shadow: 0 2px 8px rgba(201, 162, 39, 0.35) !important;
}

body.lagom-depth.page-login button#login:hover,
body.lagom-modern.page-login button#login:hover {
  opacity: 0.92 !important;
}

/* Login: links (Esqueceu senha, Criar conta, idioma) — tema Depth usa brand-secondary vermelho */
body.lagom-depth.page-login .login-wrapper a:not(.btn),
body.lagom-modern.page-login .login-wrapper a:not(.btn),
body.lagom-depth.page-login .login-footer a,
body.lagom-modern.page-login .login-footer a,
body.lagom-depth.page-login .login-footer .text-light a,
body.lagom-modern.page-login .login-footer .text-light a,
body.lagom-depth.page-login .login-language a,
body.lagom-modern.page-login .login-language a,
body.lagom-depth.page-login .login-language .dropdown-toggle,
body.lagom-modern.page-login .login-language .dropdown-toggle {
  color: #1a6b52 !important;
}

body.lagom-depth.page-login .login-wrapper a:not(.btn):hover,
body.lagom-modern.page-login .login-wrapper a:not(.btn):hover,
body.lagom-depth.page-login .login-footer a:hover,
body.lagom-modern.page-login .login-footer a:hover,
body.lagom-depth.page-login .login-language a:hover,
body.lagom-modern.page-login .login-language a:hover,
body.lagom-depth.page-login .login-language .dropdown-toggle:hover,
body.lagom-modern.page-login .login-language .dropdown-toggle:hover {
  color: #0f4c3a !important;
}

body.lagom-depth.page-login .login-language .dropdown-menu > li > a,
body.lagom-modern.page-login .login-language .dropdown-menu > li > a {
  color: #2d3748 !important;
}

body.lagom-depth.page-login .login-language .dropdown-menu > li.active > a,
body.lagom-modern.page-login .login-language .dropdown-menu > li.active > a {
  color: #1a6b52 !important;
}

/* Gen3 — menu lateral: hover/active verde (substitui GEN3_MENU_HOVER legado) */
:root {
  --ui-nav-link-hover-color: #b8d9cf;
  --ui-nav-link-active-color: #ffffff;
  --ui-nav-link-icon-hover-color: #b8d9cf;
  --ui-nav-link-icon-active-color: #ffffff;
  --app-nav-left-link-hover-color: #b8d9cf;
  --app-nav-left-link-active-color: #ffffff;
  --app-nav-left-icon-hover-color: #b8d9cf;
  --app-nav-left-icon-active-color: #ffffff;
  --app-nav-left-wide-link-hover-color: #b8d9cf;
  --app-nav-left-wide-link-active-color: #ffffff;
  --app-nav-left-wide-icon-hover-color: #b8d9cf;
  --app-nav-left-wide-icon-active-color: #ffffff;
}

body.lagom-portal .app-nav-menu .menu > li > a:hover,
body.lagom-portal .app-nav-menu .menu > li.open > a {
  color: rgba(255, 255, 255, 0.92) !important;
}

body.lagom-portal .app-nav-menu .menu > li.active > a {
  color: #ffffff !important;
}

body.lagom-portal .app-nav-menu .menu > li > a:hover .lm,
body.lagom-portal .app-nav-menu .menu > li > a:hover .ls,
body.lagom-portal .app-nav-menu .menu > li > a:hover i,
body.lagom-portal .app-nav-menu .menu > li.active > a .lm,
body.lagom-portal .app-nav-menu .menu > li.open > a .lm {
  color: #b8d9cf !important;
}



/* Gen3 — logo centralizada: só área logada (portal) em desktop */
@media (min-width: 992px) {
  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav .app-nav-header,
  body.lagom.page-user-logged.lagom-layout-left .app-nav .app-nav-header,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left .app-nav-header,
  body.lagom.page-user-logged.lagom-modern.lagom-layout-left-wide .app-nav-header {
    position: relative !important;
    text-align: center !important;
    width: 100% !important;
  }

  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header .container,
  body.lagom.page-user-logged.lagom-layout-left .app-nav-header .container,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header > .container,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left .app-nav-header > .container,
  body.lagom.page-user-logged.lagom-modern.lagom-layout-left-wide .app-nav-header > .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 18px 12px 14px !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header .app-nav-toggle,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header .app-nav-toggle {
    position: absolute !important;
    top: 12px !important;
    right: 10px !important;
    left: auto !important;
    margin: 0 !important;
    z-index: 2 !important;
  }

  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header a.logo.visible-xs,
  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header a.logo.visible-sm,
  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header a.logo.visible-md,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header a.logo.visible-xs,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header a.logo.visible-sm,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header a.logo.visible-md {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header a.logo:not(.visible-xs):not(.visible-sm):not(.visible-md),
  body.lagom.page-user-logged.lagom-layout-left .app-nav-header a.logo:not(.visible-xs):not(.visible-sm):not(.visible-md),
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header a.logo:not(.visible-xs):not(.visible-sm):not(.visible-md),
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left .app-nav-header a.logo:not(.visible-xs):not(.visible-sm):not(.visible-md) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 6px 0 !important;
    float: none !important;
    text-align: center !important;
    align-self: center !important;
  }

  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header a.logo:not(.visible-xs):not(.visible-sm):not(.visible-md) img,
  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header a.logo:not(.visible-xs):not(.visible-sm):not(.visible-md) .logo-img,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header a.logo:not(.visible-xs):not(.visible-sm):not(.visible-md) img,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header a.logo:not(.visible-xs):not(.visible-sm):not(.visible-md) .logo-img {
    display: block !important;
    margin: 0 auto !important;
    max-width: 200px !important;
    width: auto !important;
    height: auto !important;
    max-height: 56px !important;
    object-fit: contain !important;
    float: none !important;
  }

  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header .top-nav,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header .top-nav {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    margin-top: 6px !important;
    float: none !important;
    align-self: center !important;
  }
}

/* Mobile/tablet: Lagom usa logo compacta — não forçar layout desktop */
@media (max-width: 991.98px) {
  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header .container,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header > .container {
    display: block !important;
    flex-direction: row !important;
    width: auto !important;
    max-width: none !important;
    padding: inherit !important;
    float: none !important;
  }

  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header a.logo.visible-xs,
  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header a.logo.visible-sm,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header a.logo.visible-xs,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header a.logo.visible-sm {
    display: inline-block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    width: auto !important;
    max-width: none !important;
  }

  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header a.logo.hidden-xs,
  body.lagom.page-user-logged.lagom-layout-left-wide .app-nav-header a.logo.hidden-sm,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header a.logo.hidden-xs,
  body.lagom.page-user-logged.lagom-depth.lagom-layout-left-wide .app-nav-header a.logo.hidden-sm {
    display: none !important;
  }
}

/* Gen3 — correções mobile/tablet (loja, login, área do cliente) */

@media (max-width: 991.98px) {
  body.lagom .app-main,
  body.lagom .main-body,
  body.lagom .main-content {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.lagom.lagom-layout-left-wide .main-content,
  body.lagom.lagom-not-portal.lagom-layout-left-wide .main-content {
    margin-left: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Cards de planos: empilhar e altura automática */
  body.lagom .products {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.lagom .products .row,
  body.lagom .products .row.row-eq-height {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 20px !important;
  }

  body.lagom .products .row > .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
  }

  body.lagom .products .package {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    float: none !important;
  }

  body.lagom .products .package .package-body,
  body.lagom .products .package .package-content {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  /* Login: sidebar não compete com o formulário */
  body.lagom.page-login .main-body,
  body.lagom.page-login .login-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.lagom.page-login .main-body-sidebar {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767.98px) {
  body.lagom .main-header h1,
  body.lagom .page-title {
    font-size: 1.5rem !important;
    line-height: 1.25 !important;
  }

  body.lagom .products .package .package-title {
    font-size: 1.25rem !important;
  }
}

/* Evita barra horizontal sem quebrar hCaptcha (não usar overflow em body) */
@media (max-width: 991.98px) {
  html {
    overflow-x: hidden;
  }

  body.lagom .app-main {
    overflow-x: hidden;
  }
}