@charset "UTF-8";
/*
----------------------------
    EAD - LANDING PAGE
----------------------------
*/
/*
------------------
  ENUMS
------------------
*/
/*
------------------
  VARIÁVEIS
------------------
*/
/* CORES TEMA */
/* CORES -- ARBITRÁRIAS */
/* CORES -- MARCAS */
/* CORES > STATUS */
/* CORES > AVISOS */
/* LAYOUT BOXES */
/* 315 x 188 */
/* TAMANHOS */
/* TAMANHOS > DETALHE DO PRODUTO*/
/* FORM */
/* FONTES */
/* Z-INDEX */
/* TEMPO ANIMAÇÕES */
/* THEMES */
/* CDN */
/*
---------------------------------------
FONTES
---------------------------------------

---------------------------------------
Lato
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
* 900   black

---------------------------------------
*/
@font-face {
  font-family: 'Lato';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Regular.eot");
  src: local("Lato Regular"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Regular.woff2") format("woff2"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Regular.woff") format("woff"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Bold.eot");
  src: local("Lato Bold"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Bold.woff2") format("woff2"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Bold.woff") format("woff"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Black.eot");
  src: local("Lato Black"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Black.eot?#iefix") format("embedded-opentype"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Black.woff2") format("woff2"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Black.woff") format("woff"), url("https://cdn.eadplataforma.app/assets/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/*
---------------------------------------
Poppins
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
* 900   black

---------------------------------------
*/
@font-face {
  font-family: 'Poppins';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Poppins/Poppins-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Poppins/Poppins-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Poppins/Poppins-Black.ttf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/*
---------------------------------------
Roboto
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
* 900   black

---------------------------------------
*/
@font-face {
  font-family: 'Roboto';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Roboto/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Roboto/Roboto-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Roboto/Roboto-Black.ttf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/*
---------------------------------------
Open Sans
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
  900   black

---------------------------------------
*/
@font-face {
  font-family: 'Open Sans';
  src: url("https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/*
---------------------------------------
Montserrat
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
* 900   black

---------------------------------------
*/
@font-face {
  font-family: 'Montserrat';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Montserrat/Montserrat-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Montserrat/Montserrat-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Montserrat/Montserrat-Black.ttf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/*
---------------------------------------
Oswald
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
  900   black

---------------------------------------
*/
@font-face {
  font-family: 'Oswald';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Oswald/Oswald-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oswald';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Oswald/Oswald-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/*
---------------------------------------
Merriweather
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
* 900   black

---------------------------------------
*/
@font-face {
  font-family: 'Merriweather';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Merriweather/Merriweather-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Merriweather/Merriweather-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Merriweather/Merriweather-Black.ttf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/*
---------------------------------------
Prompt
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
* 900   black

---------------------------------------
*/
@font-face {
  font-family: 'Prompt';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Prompt/Prompt-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Prompt';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Prompt/Prompt-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Prompt';
  src: url("https://cdn.eadplataforma.app/assets/fonts/Prompt/Prompt-Black.ttf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/*
---------------------------------------
Work Sans
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
* 900   black

---------------------------------------
*/
@font-face {
  font-family: 'Work Sans';
  src: url("https://cdn.eadplataforma.app/assets/fonts/WorkSans/WorkSans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Work Sans';
  src: url("https://cdn.eadplataforma.app/assets/fonts/WorkSans/WorkSans-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Work Sans';
  src: url("https://cdn.eadplataforma.app/assets/fonts/WorkSans/WorkSans-Black.ttf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/*
---------------------------------------
PT Sans
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
  900   black

---------------------------------------
*/
@font-face {
  font-family: 'PT Sans';
  src: url("https://cdn.eadplataforma.app/assets/fonts/PTSans/PTSans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PT Sans';
  src: url("https://cdn.eadplataforma.app/assets/fonts/PTSans/PTSans-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/*
---------------------------------------
Space Grotesk
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
  900   black

---------------------------------------
*/
@font-face {
  font-family: 'Space Grotesk';
  src: url("https://cdn.eadplataforma.app/assets/fonts/SpaceGrotesk/SpaceGrotesk-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url("https://cdn.eadplataforma.app/assets/fonts/SpaceGrotesk/SpaceGrotesk-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/*
---------------------------------------
Concert One
---------------------------------------

  100   thin
  300   light
* 400   regular
* 700   bold
  900   black

---------------------------------------
*/
@font-face {
  font-family: 'Concert One';
  src: url("https://cdn.eadplataforma.app/assets/fonts/ConcertOne/ConcertOne-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Concert One';
  src: url("https://cdn.eadplataforma.app/assets/fonts/ConcertOne/ConcertOne-Regular.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* RESET */
body, p {
  margin: 0;
}

a {
  text-decoration: none;
}

button {
  border: none;
  background: none;
  font-family: var(--config-font-family);
  color: var(--config-color-tx);
  padding: 0;
}

button[disabled] {
  cursor: not-allowed !important;
}

h1, h2, h3, h4 {
  margin: 0;
}

*:focus {
  outline: none;
}

/* BREAKPOINTS */
/*
--------------------------------------------------------------------------
BOOTSTRAP 4
--------------------------------------------------------------------------
Screens               Viewport Size   Container Width   Class Prefix
--------------------------------------------------------------------------
Extra small screens   < 576px         auto              .col-
Small screens         ≥ 576px         540px             .col-sm-
Medium screens        ≥ 768px         720px             .col-md-
Large screens         ≥ 992px         960px             .col-lg-
Extra Large screens   ≥ 1200px       1140px             .col-xl-
--------------------------------------------------------------------------
*/
/* --- CONFIG --- */
/* --- FUNCTIONS --- */
/* --- MIXINS --- */
/*
---------------
  CENTRALIZA
---------------

Posiciona no centro da área

*/
/*
----------------
  BACKGROUNDS
----------------
*/
/*
---------------
  BUTTONS
---------------

Mixins para botões

*/
/*
---------------
  FUNÇÕES
---------------

Suporte a funções DOM-JS

*/
/* CATEGORIAS */
.box-categorias {
  display: none;
}

/* CATEGORIAS > ABERTO */
.js--categories-aberto .btn-categorias .seta {
  transform: rotate(180deg);
}

.js--categories-aberto .busca {
  z-index: 6;
}

.js--categories-aberto .box-categorias {
  display: block !important;
}

/* EXPANDE */
.js--sub {
  display: none;
  overflow: hidden;
  /**
	.js--sub-hover:hover > &,
	.status--aberto > & {
	/**/
}

.js--sub-hover:hover .js--sub,
.status--aberto .js--sub {
  display: block;
  overflow: visible;
}

/* MENU CONTEXTUAL */
.context-menu {
  display: none;
  overflow: hidden;
}

.context-menu.status--on {
  display: block;
  overflow: visible;
  z-index: 5;
}

/* LISTA AFIXADA */
.status--fixo {
  position: fixed !important;
  display: block;
  right: 0;
  top: 0;
}

/* TIPS */
.js--tip .js--tip-box {
  opacity: .3;
  display: block;
}

.js--tip.status--aberto .js--tip-box {
  opacity: 1;
  display: block;
}

/* MOBILE -- MENU | BUSCA */
.menu-mobile {
  display: none;
}

.js--mobile-menu-aberto {
  overflow: hidden;
}

@media (max-width: 767.98px) {
  .js--mobile-menu-hide {
    margin-top: -75px;
    transition-duration: .3s;
    -ms-transition-duration: .3s;
  }
  .js--mobile-menu-hide[data-page-height-top='1'] {
    margin-top: -120px;
  }
}

.js--mobile-busca-aberto {
  overflow: hidden;
}

@media (max-width: 767.98px) {
  .js--mobile-busca-aberto .busca-contem-topo,
  .js--mobile-busca-aberto .busca-contem-banner {
    position: fixed;
    display: block;
    z-index: 6;
    width: 100%;
  }
}

/* MENU CONTEXTUAL - MOBILE */
@media (max-width: 767.98px) {
  .js--menu-contextual-aberto {
    overflow: hidden;
  }
  .js--menu-contextual-aberto .overlay {
    display: block;
  }
}

/*
----------------
  CONFIG FLAT
----------------

Config Flat

*/
/*
---------------
  ANIMAÇÕES
---------------

Keyframes das animações

*/
/* ROTAÇÃO */
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

/*
---------------------------------------
  SVG URL BACKGROUND
---------------------------------------
*/
/* ICONS -- CREDIT-CARDS */
/* ICONS */
/* BOTÕES COMUNS */
.btn-visualizar-peq,
.btn-continuar-peq {
  height: 40px;
  padding: 0 20px;
  cursor: pointer;
  line-height: 40px;
  border-radius: calc(var(--flat) * 40px / 2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
}

.btn-visualizar-peq svg,
.btn-continuar-peq svg {
  flex-grow: 1;
  width: 24px;
  height: 24px;
}

.btn-visualizar-peq > span,
.btn-continuar-peq > span {
  display: inline-flex;
  align-items: center;
}

.btn-visualizar-peq .loader,
.btn-continuar-peq .loader {
  display: none;
  width: 20px;
  height: 20px;
  margin-left: 1em;
}

.btn-visualizar-peq .loader svg,
.btn-continuar-peq .loader svg {
  width: 100%;
  height: 100%;
  animation: spin 1s linear infinite;
}

.btn-continuar-peq {
  color: #fff;
  background-color: var(--config-color-primary);
}

.btn-continuar-peq:hover {
  background-color: var(--config-color-secondary);
}

.btn-visualizar-peq {
  color: #aab2bd;
  background-color: #f5f5f5;
}

.btn-visualizar-peq:hover {
  background-color: #e8e8e8;
}

.btn-title-charge {
  height: 30px;
  padding: 0 10px;
  cursor: pointer;
  line-height: 30px;
  border-radius: calc(var(--flat) * 30px / 2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
  color: #fff;
  background-color: var(--config-color-primary);
}

.btn-title-charge:hover {
  background-color: var(--config-color-secondary);
}

.btn-title-charge svg {
  flex-grow: 1;
  width: 15px;
  height: 15px;
}

[data-status='loading'] .loader {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-load .loader {
  position: relative;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
}

.btn-load .loader svg {
  width: 20px;
  height: 20px;
}

.btn-load > :nth-child(2) {
  display: none;
}

[data-status='loading'] .btn-load, .btn-load[data-status='loading'], .btn-load.status--loading {
  cursor: wait !important;
}

[data-status='loading'] .btn-load > :nth-child(1), .btn-load[data-status='loading'] > :nth-child(1), .btn-load.status--loading > :nth-child(1) {
  display: none;
}

[data-status='loading'] .btn-load > :nth-child(2), .btn-load[data-status='loading'] > :nth-child(2), .btn-load.status--loading > :nth-child(2) {
  align-items: center;
  display: inline-flex;
}

[data-status='loading'] .btn-load .loader svg, .btn-load[data-status='loading'] .loader svg, .btn-load.status--loading .loader svg {
  animation: spin 1s linear infinite;
}

.btn-add-more,
.btn-continuar-gde,
.btn-confirmar {
  height: 55px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 55px;
  border-radius: calc(var(--flat) * 55px / 2);
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 40px;
  min-width: 180px;
  color: #fff;
  background-color: var(--config-color-primary);
}

.btn-add-more:hover,
.btn-continuar-gde:hover,
.btn-confirmar:hover {
  background-color: var(--config-color-secondary);
}

.btn-add-more.disabled,
.btn-continuar-gde.disabled,
.btn-confirmar.disabled {
  opacity: .5;
}

.btn-add-more,
.btn-confirmar {
  background-color: #8cc152;
}

.btn-add-more:hover,
.btn-confirmar:hover {
  background-color: #72a53b;
}

.btn-msg {
  height: 40px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 40px;
  border-radius: calc(var(--flat) * 40px / 2);
  background-color: var(--config-color-bg);
  font-weight: bold;
  white-space: nowrap;
}

.btn-msg svg {
  position: relative;
  top: 5px;
  margin-right: 10px;
  width: 18px;
}

.btn-ver {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  margin: 0 auto;
  box-sizing: border-box;
  height: 50px;
  line-height: 1.3em;
  text-align: center;
  border-radius: calc(var(--flat) * 25px);
  background: var(--config-color-bg);
  font-weight: bold;
  padding: 0 30px;
  border: 2px #ccc solid;
  cursor: pointer;
  color: var(--config-color-primary);
  border-color: var(--config-color-primary);
}

.btn-ver:hover {
  border-color: var(--config-color-secondary);
  color: var(--config-color-secondary);
}

.btn-ver svg {
  width: 24px;
  height: 24px;
  margin-left: .5em;
}

[data-status="hide"] + .btn-ver .txt-show,
[data-status="hide"] .btn-ver .txt-show {
  display: initial;
}

[data-status="hide"] + .btn-ver .txt-hide,
[data-status="hide"] .btn-ver .txt-hide {
  display: none;
}

[data-status="see-all"] + .btn-ver .txt-show,
[data-status="see-all"] .btn-ver .txt-show {
  display: none;
}

[data-status="see-all"] + .btn-ver .txt-hide,
[data-status="see-all"] .btn-ver .txt-hide {
  display: initial;
}

.btn-border {
  height: 40px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 37px;
  border-radius: calc(var(--flat) * 40px / 2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  color: var(--config-color-primary);
  border: var(--config-color-primary) 2px solid;
  font-weight: bold;
  min-width: 140px;
  font-size: 13px;
  white-space: nowrap;
}

.btn-border:hover {
  background: #f3f3f3;
}

.btn-border .ln {
  text-align: center;
  line-height: 1.3em;
}

.btn-add-more {
  display: block;
  margin: 30px auto 0;
}

.btn-voltar {
  display: block;
  font-size: 13px;
  font-weight: bold;
  color: var(--config-color-primary);
}

.btn-ed {
  height: 33px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 33px;
  border-radius: calc(var(--flat) * 33px / 2);
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  color: var(--config-color-tx-sec);
  box-sizing: content-box;
}

[data-theme="light"] .btn-ed {
  background: #eee;
}

[data-theme="dark"] .btn-ed {
  background: #000;
}

.btn-ed svg {
  margin-top: -1px;
  height: 18px;
  width: 18px;
}

.btn-ed:hover {
  color: var(--config-color-tx);
}

[data-theme="light"] .btn-ed:hover {
  background: #ddd;
}

[data-theme="dark"] .btn-ed:hover {
  background: #333;
}

.btn-acao {
  background-color: var(--config-color-primary);
}

.btn-acao:hover {
  background-color: var(--config-color-secondary);
}

.btn-saiba {
  height: 55px;
  padding: 0;
  cursor: pointer;
  line-height: 55px;
  border-radius: calc(var(--flat) * 55px / 2);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-weight: bold;
  color: #fff;
  background: #48cfad;
}

.btn-saiba svg {
  margin-left: 3px;
  width: 15px;
}

.btn-saiba:hover {
  background: #2fb593;
}

.btn-item {
  height: 40px;
  padding: 0;
  cursor: pointer;
  line-height: 40px;
  border-radius: calc(var(--flat) * 40px / 2);
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--config-color-primary);
  color: #fff;
}

.btn-item svg {
  height: 60%;
}

@media (min-width: 768px) {
  .btn-fab {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .btn-fab {
    position: fixed;
    bottom: 10px;
    right: 18px;
    z-index: 3;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--config-color-primary);
    color: #fff;
    box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2);
  }
  .btn-fab svg {
    position: relative;
    top: 5px;
    height: 25px;
  }
}

/*
-----------------------------
    SLIDER CONTROLS
-----------------------------
*/
/* SLIDER NAV */
.slider .tns-nav {
  margin-top: 10px;
}

.professores-destaque .tns-nav,
.slider-destaques .tns-nav,
.testimonials .tns-nav,
.upsell .tns-nav,
.wrap-planos .tns-nav {
  text-align: center;
  z-index: 1;
}

.professores-destaque .tns-nav button,
.slider-destaques .tns-nav button,
.testimonials .tns-nav button,
.upsell .tns-nav button,
.wrap-planos .tns-nav button {
  display: inline-block;
  position: relative;
  padding: 0;
  font-size: 30px;
  width: 30px;
  height: 30px;
  opacity: .4;
}

.professores-destaque .tns-nav button.tns-nav-active, .professores-destaque .tns-nav button:hover,
.slider-destaques .tns-nav button.tns-nav-active,
.slider-destaques .tns-nav button:hover,
.testimonials .tns-nav button.tns-nav-active,
.testimonials .tns-nav button:hover,
.upsell .tns-nav button.tns-nav-active,
.upsell .tns-nav button:hover,
.wrap-planos .tns-nav button.tns-nav-active,
.wrap-planos .tns-nav button:hover {
  opacity: 1;
}

.professores-destaque .tns-nav button:before,
.slider-destaques .tns-nav button:before,
.testimonials .tns-nav button:before,
.upsell .tns-nav button:before,
.wrap-planos .tns-nav button:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--config-color-tx-sec);
}

.sec-bg-alt .tns-nav button:before {
  background-color: #fff !important;
}

/* SLIDER SETAS */
.tns-arrows {
  width: 100%;
}

.slider-seta {
  border: none;
  background: none;
}

@media (max-width: 767.98px) {
  .slider-seta {
    display: none;
  }
}

@media (min-width: 768px) {
  .slider-seta {
    position: absolute;
    z-index: 2;
    outline: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--config-color-bg-alt);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: left 200ms, right 200ms;
  }
  .slider-seta svg {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 1419.98px) {
  .slider-seta {
    bottom: -15px;
  }
}

@media (min-width: 1420px) {
  .slider-seta {
    top: calc(50% - 25px);
  }
}

@media (min-width: 1420px) {
  .slider-wid {
    position: relative;
    margin: 0 100px;
  }
}

@media (max-width: 1419.98px) {
  .slider-seta-prev {
    left: 10px;
  }
  .slider-seta-prev:hover {
    left: 0;
  }
  .slider-seta-next {
    right: 10px;
  }
  .slider-seta-next:hover {
    right: 0;
  }
}

@media (min-width: 1420px) {
  .slider-seta-prev {
    left: -35px;
  }
  .slider-seta-prev:hover {
    left: -45px;
  }
  .slider-seta-next {
    right: -35px;
  }
  .slider-seta-next:hover {
    right: -45px;
  }
}

.link-all {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 130%;
  font-weight: bold;
  color: var(--config-color-primary) !important;
}

.link-all:hover {
  text-decoration: underline;
}

.link-all svg {
  width: 30px;
}

/*
----------------
  OVERLAY
----------------

Overlay

*/
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  mix-blend-mode: multiply;
  background-color: #000;
  transition: opacity 200ms;
}

.overlay[data-status="opening"] {
  display: block;
  opacity: 0;
}

.overlay[data-status="opened"] {
  display: block;
}

[data-theme="light"] .overlay[data-status="opened"] {
  opacity: .6;
}

[data-theme="dark"] .overlay[data-status="opened"] {
  opacity: .8;
}

.overlay[data-status="closing"] {
  display: block;
  opacity: 0;
}

.overlay[data-status="closed"] {
  display: none;
  opacity: 0;
}

/* MODAL */
.modal {
  display: none;
  position: fixed;
  opacity: 0;
  top: 1vh;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  /* FOOTER ACTIONS */
}

@media (max-width: 767.98px) {
  .modal {
    left: 10px;
    right: 10px;
    box-sizing: border-box;
  }
}

@media (min-width: 768px) {
  .modal {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 3px;
    min-width: 720px;
  }
  .modal.modal-coupon, .modal.modal-coupon-charge, .modal.modal-forum {
    width: 80%;
    max-width: 1000px;
  }
  .modal.modal-card {
    min-width: initial;
  }
}

@media (min-width: 1200px) {
  .modal.modal-wid {
    min-width: 900px;
  }
}

.modal .modal-header {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #fff;
  background-color: var(--config-color-primary);
}

@media (min-width: 768px) {
  .modal .modal-header {
    border-radius: 3px 3px 0 0;
  }
}

.modal .modal-header h3 {
  padding: 18px 0 18px 20px;
  flex-grow: 2;
}

.modal .modal-header .voltar,
.modal .modal-header .fechar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  font-size: 20px;
  cursor: pointer;
  color: #fff;
  cursor: pointer;
}

.modal .modal-header .voltar {
  color: #fff;
}

.modal .modal-header svg {
  width: 24px;
  height: 24px;
}

.modal.modal-back .modal-header h3 {
  padding: 18px 0;
}

.modal .modal-scroll {
  position: relative;
  max-height: 76vh;
  overflow: auto;
  background-color: var(--config-color-bg);
}

.modal .modal-scroll.status--sucesso .aviso {
  display: block;
}

.modal .modal-scroll.status--sucesso .aviso.info {
  display: none;
}

.modal .modal-scroll.status--sucesso form {
  display: none;
}

.modal .modal-scroll.status--sucesso .btn-redirect {
  display: block;
}

.modal .modal-scroll.status--erro .aviso {
  display: none;
}

.modal .modal-scroll.status--erro form {
  display: block;
}

.modal .modal-box {
  position: relative;
  padding: 30px;
  background-color: var(--config-color-bg);
}

@media (min-width: 768px) {
  .modal .modal-box {
    border-radius: 0 0 calc(var(--flat) * 3px) calc(var(--flat) * 3px);
  }
}

.modal .modal-box .modal-loading {
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}

.modal .modal-box .modal-loading .modal-loader {
  display: inline-block;
  width: 25px;
  height: 25px;
  animation: spin 1s linear infinite;
}

.modal .helper {
  font-size: 13px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
  margin-bottom: 10px;
}

.modal .emails {
  display: flex;
  padding: 8px;
  border: 1px #eee solid;
  border-radius: calc(var(--flat) * 3px);
}

.modal .emails .email {
  display: block;
  background-color: #eee;
  padding: 5px 30px 5px 12px;
  margin-right: 8px;
}

.modal .actions {
  display: flex;
  justify-content: flex-end !important;
  width: 100%;
  box-sizing: content-box;
  margin-top: 40px;
  padding: 30px 30px 0;
  margin-left: -30px;
  border-top-width: 1px;
  border-top-style: solid;
}

[data-theme="light"] .modal .actions {
  border-top-color: #eee;
}

[data-theme="dark"] .modal .actions {
  border-top-color: var(--config-color-borda);
}

.modal .actions .btn-continuar-peq {
  min-width: 120px;
}

.modal .actions .btn-continuar-peq[data-status="loading"] {
  cursor: wait !important;
}

.modal .actions .btn-continuar-peq:hover {
  background-color: var(--config-color-secondary);
}

.modal .actions button {
  margin-left: 1.5em;
}

.modal .actions .cancel {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
  color: var(--config-color-primary);
}

.modal .actions .cancel:hover {
  color: var(--config-color-tx);
}

.modal .actions .cancel svg {
  width: 24px;
  height: 24px;
}

.modal .actions .wrap-check-accept {
  flex-grow: 1;
  display: inline-flex;
  align-items: center;
}

.modal .actions .wrap-check-accept a {
  font-weight: bold;
  text-decoration: underline;
}

.modal .ico-wrap {
  color: var(--config-color-primary);
}

.modal .ico-wrap svg {
  margin-left: 15px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.modal .ico-wrap svg:hover {
  stroke: var(--config-color-secondary);
}

.modal .tag-wrap {
  display: flex;
  align-items: center;
}

@media (max-width: 669.98px) {
  .modal .tag-wrap {
    flex-wrap: wrap-reverse;
  }
}

.modal .tag-wrap .show-img {
  width: 50%;
}

@media (max-width: 669.98px) {
  .modal .tag-wrap .show-img {
    width: 100%;
  }
}

.modal .tag-wrap .cod-pix {
  width: 50%;
}

@media (max-width: 669.98px) {
  .modal .tag-wrap .cod-pix {
    width: 100%;
  }
}

.modal .tag-wrap .cod-pix .btn-box-pix {
  justify-content: center;
  background: none;
  border-radius: 0;
  border: none;
  margin-bottom: 20px;
}

@media (max-width: 669.98px) {
  .modal .tag-wrap .cod-pix .btn-box-pix {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.modal .show-img {
  text-align: center;
  margin: 20px;
}

.modal .show-img iframe {
  border: 1px #ddd solid;
  width: 100%;
  height: 305px;
}

.modal .cod-payment {
  margin-top: 0;
}

.modal .cod-payment.cod-boleto {
  margin: 0;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.modal .cod-payment.cod-boleto div,
.modal .cod-payment.cod-boleto .btnDownloadBill {
  margin: 20px 10px 0 10px;
}

.modal .cod-payment.cod-boleto div {
  flex-grow: .8;
}

.modal .btn-border svg {
  width: 22px;
}

.modal .aviso:not(.info),
.modal .btn-redirect {
  display: none;
}

.modal .aviso {
  margin-bottom: 30px;
}

.modal .btn-redirect {
  text-align: center;
}

.modal .vazio {
  padding: 20px;
  border-radius: calc(var(--flat) * 5px);
  text-align: center;
  background-color: #eee;
  font-size: 15px;
  width: 80%;
  margin: 0 auto;
}

.modal .box-aviso {
  min-height: unset;
}

.modal .form-geral .cp-captcha {
  position: relative;
}

.modal .form-geral .cp-captcha .captcha {
  position: absolute;
  left: 8px;
  bottom: 3px;
}

.modal .form-geral .cp-captcha input {
  padding-left: 175px;
}

.modal .modal-etapas {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 15px 40px;
}

.modal .modal-etapas .etapa {
  position: relative;
  flex-grow: 1;
  display: inline-flex;
  justify-content: left;
  align-items: center;
  background-color: var(--config-color-bg);
}

.modal .modal-etapas .etapa:before {
  position: absolute;
  content: '';
  left: 42px;
  right: 2px;
  top: calc(50% + 1px);
  height: 1px;
  background-color: #ccc;
}

.modal .modal-etapas .etapa:last-child {
  flex-grow: 0;
}

.modal .modal-etapas .etapa:last-child:before {
  content: none;
}

.modal .modal-etapas .indice {
  z-index: 1;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  justify-content: center;
  align-items: center;
}

.modal .modal-etapas .indice .num {
  font-style: normal;
}

.modal .modal-etapas .indice .check {
  width: 20px;
  height: 20px;
}

.modal .modal-etapas .step {
  z-index: 1;
  background-color: var(--config-color-bg);
  padding: 0 10px;
}

.modal .modal-etapas [data-status="done"] {
  color: var(--config-color-tx);
}

.modal .modal-etapas [data-status="done"] .indice {
  border-color: var(--config-color-primary);
}

.modal .modal-etapas [data-status="done"] .num {
  display: none;
}

.modal .modal-etapas [data-status="done"] .check {
  display: block;
  color: var(--config-color-primary);
}

.modal .modal-etapas [data-status="active"] {
  color: var(--config-color-tx);
}

.modal .modal-etapas [data-status="active"] .indice {
  border-color: var(--config-color-primary);
  background-color: var(--config-color-primary);
  color: #fff;
  font-weight: bold;
}

.modal .modal-etapas [data-status="active"] .check {
  display: none;
}

.modal .modal-etapas [data-status="next"] {
  color: var(--config-color-tx-sec);
}

.modal .modal-etapas [data-status="next"] .indice {
  border-color: #ccc;
}

.modal .modal-etapas [data-status="next"] .check {
  display: none;
}

.modal [data-mode-show] {
  display: none;
}

.modal[data-mode="create"] [data-mode-show="create"] {
  display: initial;
}

.modal[data-mode="edit"] [data-mode-show="edit"] {
  display: initial;
}

.modal[data-mode="fix"] [data-mode-show="fix"] {
  display: initial;
}

/* CONFIRM */
.modal-confirm {
  top: 15vh;
}

.modal-confirm .modal-box {
  text-align: center;
}

.modal-confirm .confirm-question {
  font-size: 120%;
  margin-bottom: 30px;
}

.modal-confirm .actions {
  margin-top: 0;
  justify-content: space-evenly;
}

/* AVISO */
.modal-aviso {
  text-align: center;
  min-width: 600px;
}

.modal-aviso h2 {
  font-size: 30px;
  margin: 15px 0 40px;
  color: var(--config-color-primary);
}

.modal-aviso h2 + p {
  font-size: 18px;
  margin-bottom: 50px;
}

.modal-aviso .btn-continuar-gde {
  margin-bottom: 15px;
}

.modal-aviso .voltar {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 10px;
  font-weight: bold;
  color: var(--config-color-primary);
}

/* COMPARTILHAR */
.modal-compartilhar {
  display: grid;
  grid-template: 1fr 1fr / auto auto;
  gap: 20px;
}

.modal-compartilhar > a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}

.modal-compartilhar > a .ico {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-radius: 50%;
  color: #fff;
}

.modal-compartilhar > a .ico svg {
  position: relative;
}

.modal-compartilhar > a.facebook .ico {
  background: #395498;
}

.modal-compartilhar > a.facebook .ico svg {
  height: 75%;
}

.modal-compartilhar > a.twitter .ico {
  background: #1da1f2;
}

.modal-compartilhar > a.twitter .ico svg {
  height: 70%;
}

.modal-compartilhar > a.linkedin .ico {
  background: #0066a0;
}

.modal-compartilhar > a.linkedin .ico svg {
  height: 60%;
}

.modal-compartilhar > a.whatsapp .ico {
  background: #24cc63;
}

.modal-compartilhar > a.whatsapp .ico svg {
  height: 65%;
}

.modal-compartilhar > a.telegram .ico {
  background: #2ba0d9;
}

.modal-compartilhar > a.telegram .ico svg {
  height: 70%;
}

.modal-compartilhar > a.pinterest .ico {
  background: #CB1F27;
}

.modal-compartilhar > a.pinterest .ico svg {
  height: 70%;
}

.modal-compartilhar > a.email .ico {
  background: #ccc;
}

.modal-compartilhar > a.email .ico svg {
  height: 70%;
}

.modal-compartilhar > a .txt {
  font-size: 20px;
}

/* PERÍODO ADICIONAL */
.periodo-adicional {
  width: 720px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.periodo-adicional .item {
  margin-bottom: 20px;
  width: 200px;
  border-radius: calc(var(--flat) * 3px);
  border: #eee 1px solid;
  text-align: center;
  padding: 13px;
}

.periodo-adicional .item .period {
  font-weight: bold;
  margin-bottom: 20px;
}

.periodo-adicional .item .price {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  color: var(--config-color-primary);
}

.periodo-adicional .item .price small {
  font-size: 12px;
}

/* COMPRA */
.compra {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px #eee solid;
  border-left: 1px #eee solid;
}

.compra .cp {
  flex-grow: 1;
  border-right: 1px #eee solid;
  border-bottom: 1px #eee solid;
  padding: 16px 45px;
  font-weight: bold;
}

.compra .nome {
  margin-bottom: 5px;
  font-size: 13px;
  color: var(--config-color-tx-sec);
}

/* AVALIAÇÃO */
.modal-avaliacao .congrats {
  text-align: center;
  color: var(--config-color-tx-sec);
  margin-bottom: 30px;
}

.modal-avaliacao label {
  font-size: 13px;
  font-weight: bold;
}

.modal-avaliacao .avaliacao {
  margin: 10px 0 20px;
}

/* ANIMAÇÕES DA MODAL */
@keyframes anima-modal-open {
  from {
    opacity: 0;
    top: 1vh;
  }
  to {
    opacity: 1;
    top: 5vh;
  }
}

@keyframes anima-modal-close {
  to {
    opacity: 1;
    top: 5vh;
  }
  from {
    opacity: 0;
    top: 1vh;
  }
}

body .modal {
  z-index: 6;
}

body .modal[data-anima="opening"], body .modal[data-anima="closing"] {
  animation-duration: 200ms;
  animation-iteration-count: 1;
}

body .modal[data-anima="opening"] {
  animation-name: anima-modal-open;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

body .modal[data-anima="open"] {
  opacity: 1;
  top: 5vh;
}

body .modal[data-anima="closing"] {
  animation-name: anima-modal-close;
  animation-direction: reverse;
  animation-fill-mode: backwards;
}

body .modal[data-anima="closed"] {
  opacity: 0;
  top: 1vh;
}

body[data-status-modal="open"] {
  overflow: hidden;
}

/* ELEMENTOS */
.modal-textbox {
  width: 100%;
  height: 200px;
  resize: none;
}

/* MODAL SUBSCRIPTION */
.modal-subscription .txt {
  font-size: 15px;
}

/* MODAL INFO */
.modal-info {
  margin-bottom: 30px;
  padding: 20px;
  font-size: 120%;
  line-height: 1.5em;
  border-radius: calc(var(--flat) * 5px);
}

[data-theme="light"] .modal-info {
  background-color: #eee;
}

[data-theme="dark"] .modal-info {
  background-color: #333;
}

/* FORMULÁRIOS COMUNS */
.form-geral {
  position: relative;
}

.form-geral .cp {
  box-sizing: border-box;
  margin-bottom: 20px;
}

.form-geral .cp input[type="name"],
.form-geral .cp input[type="tel"],
.form-geral .cp input[type="password"],
.form-geral .cp input[type="email"],
.form-geral .cp input[type="number"],
.form-geral .cp input[type="text"],
.form-geral .cp input[type="code"],
.form-geral .cp select,
.form-geral .cp textarea {
  color: var(--config-color-tx);
  font-family: var(--config-font-family);
  font-size: 14px;
  box-sizing: border-box;
  border-radius: calc(var(--flat) * 5px);
  border: 1px var(--config-color-borda) solid;
  width: 100%;
}

[data-theme="light"] .form-geral .cp input[type="name"], [data-theme="light"]
.form-geral .cp input[type="tel"], [data-theme="light"]
.form-geral .cp input[type="password"], [data-theme="light"]
.form-geral .cp input[type="email"], [data-theme="light"]
.form-geral .cp input[type="number"], [data-theme="light"]
.form-geral .cp input[type="text"], [data-theme="light"]
.form-geral .cp input[type="code"], [data-theme="light"]
.form-geral .cp select, [data-theme="light"]
.form-geral .cp textarea {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .form-geral .cp input[type="name"], [data-theme="dark"]
.form-geral .cp input[type="tel"], [data-theme="dark"]
.form-geral .cp input[type="password"], [data-theme="dark"]
.form-geral .cp input[type="email"], [data-theme="dark"]
.form-geral .cp input[type="number"], [data-theme="dark"]
.form-geral .cp input[type="text"], [data-theme="dark"]
.form-geral .cp input[type="code"], [data-theme="dark"]
.form-geral .cp select, [data-theme="dark"]
.form-geral .cp textarea {
  background-color: var(--config-color-bg);
}

.form-geral .cp input[type="name"][disabled],
.form-geral .cp input[type="tel"][disabled],
.form-geral .cp input[type="password"][disabled],
.form-geral .cp input[type="email"][disabled],
.form-geral .cp input[type="number"][disabled],
.form-geral .cp input[type="text"][disabled],
.form-geral .cp input[type="code"][disabled],
.form-geral .cp select[disabled],
.form-geral .cp textarea[disabled] {
  cursor: not-allowed;
}

[data-theme="light"] .form-geral .cp input[type="name"][disabled], [data-theme="light"]
.form-geral .cp input[type="tel"][disabled], [data-theme="light"]
.form-geral .cp input[type="password"][disabled], [data-theme="light"]
.form-geral .cp input[type="email"][disabled], [data-theme="light"]
.form-geral .cp input[type="number"][disabled], [data-theme="light"]
.form-geral .cp input[type="text"][disabled], [data-theme="light"]
.form-geral .cp input[type="code"][disabled], [data-theme="light"]
.form-geral .cp select[disabled], [data-theme="light"]
.form-geral .cp textarea[disabled] {
  background-color: #eee;
}

[data-theme="dark"] .form-geral .cp input[type="name"][disabled], [data-theme="dark"]
.form-geral .cp input[type="tel"][disabled], [data-theme="dark"]
.form-geral .cp input[type="password"][disabled], [data-theme="dark"]
.form-geral .cp input[type="email"][disabled], [data-theme="dark"]
.form-geral .cp input[type="number"][disabled], [data-theme="dark"]
.form-geral .cp input[type="text"][disabled], [data-theme="dark"]
.form-geral .cp input[type="code"][disabled], [data-theme="dark"]
.form-geral .cp select[disabled], [data-theme="dark"]
.form-geral .cp textarea[disabled] {
  background-color: #333;
}

.form-geral .cp input[type="name"],
.form-geral .cp input[type="tel"],
.form-geral .cp input[type="password"],
.form-geral .cp input[type="email"],
.form-geral .cp input[type="number"],
.form-geral .cp input[type="text"],
.form-geral .cp input[type="code"],
.form-geral .cp select {
  filter: none;
  height: 45px;
  line-height: 45px;
  padding-right: 15px;
}

.form-geral .cp input[type="name"]:not(.intlPhone),
.form-geral .cp input[type="tel"]:not(.intlPhone),
.form-geral .cp input[type="password"]:not(.intlPhone),
.form-geral .cp input[type="email"]:not(.intlPhone),
.form-geral .cp input[type="number"]:not(.intlPhone),
.form-geral .cp input[type="text"]:not(.intlPhone),
.form-geral .cp input[type="code"]:not(.intlPhone),
.form-geral .cp select:not(.intlPhone) {
  padding-left: 15px;
}

.form-geral .cp input[type="name"]:focus,
.form-geral .cp input[type="tel"]:focus,
.form-geral .cp input[type="password"]:focus,
.form-geral .cp input[type="email"]:focus,
.form-geral .cp input[type="number"]:focus,
.form-geral .cp input[type="text"]:focus,
.form-geral .cp input[type="code"]:focus,
.form-geral .cp select:focus {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.form-geral .cp .input {
  color: var(--config-color-tx);
  font-size: 14px;
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  border-radius: calc(var(--flat) * 5px);
  background: var(--config-color-bg);
  width: 100%;
  cursor: not-allowed;
}

.form-geral .cp > textarea {
  padding: 13px 15px;
  font-family: var(--config-font-family);
  color: var(--config-color-tx);
  font-size: 14px;
}

.form-geral .cp .input-tag {
  display: flex;
}

.form-geral .cp .input-tag label {
  height: 45px;
  line-height: 43px;
  padding: 0 13px;
  margin: 0;
  box-sizing: border-box;
  font-weight: normal;
  border: 1px var(--config-color-borda) solid;
  white-space: nowrap;
}

[data-theme="light"] .form-geral .cp .input-tag label {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .form-geral .cp .input-tag label {
  background-color: var(--config-color-bg);
}

.form-geral .cp .input-tag label:first-child {
  border-right: none;
  border-top-left-radius: calc(var(--flat) * 5px);
  border-bottom-left-radius: calc(var(--flat) * 5px);
}

.form-geral .cp .input-tag label:last-child {
  border-left: none;
  border-top-right-radius: calc(var(--flat) * 5px);
  border-bottom-right-radius: calc(var(--flat) * 5px);
}

.form-geral .cp .input-tag label .icon,
.form-geral .cp .input-tag label .domainMobile {
  display: block;
  width: 20px;
  padding-top: 5px;
  height: 38px;
}

@media (min-width: 768px) {
  .form-geral .cp .input-tag label .domainMobile {
    display: none;
  }
}

.form-geral .cp .input-tag label .domainDesktop {
  display: block;
}

@media (max-width: 767.98px) {
  .form-geral .cp .input-tag label .domainDesktop {
    display: none;
  }
}

.form-geral .cp .input-tag input {
  border-top-left-radius: calc(var(--flat) * 5px);
  border-bottom-left-radius: calc(var(--flat) * 5px);
}

.form-geral .cp .input-tag label + input {
  border-top-left-radius: 0;
  border-top-right-radius: calc(var(--flat) * 5px);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: calc(var(--flat) * 5px);
}

.form-geral .cp .helper {
  display: inline-block;
  font-size: 12px;
  color: var(--config-color-tx-sec);
  margin: 4px 0 0 4px;
}

.form-geral .cp input.error, .form-geral .cp select.error, .form-geral .cp textarea.error {
  background-color: #fee !important;
  color: #dc3545;
  border-color: #dc3545;
}

.form-geral .cp input.error-paga, .form-geral .cp select.error-paga, .form-geral .cp textarea.error-paga {
  background-color: #ffc !important;
  color: brown;
  border-color: brown;
}

.form-geral .cp input.valid, .form-geral .cp select.valid, .form-geral .cp textarea.valid {
  background-color: #ebfefc !important;
  color: #019188;
  border-color: #01c4b7;
}

.form-geral .cp label.error {
  color: #dc3545;
  font-weight: normal;
  padding-top: 3px;
  padding-left: 6px;
  margin-bottom: 0;
}

.form-geral .cp .characters-count {
  text-align: right;
  font-size: 13px;
  color: var(--config-color-tx);
  margin: 3px 4px 0 0;
}

.form-geral .cp .characters-count.warning {
  color: red;
}

.form-geral .cp-editor {
  padding: 0 15px;
}

.form-user {
  /**
*!!!
    .dropfile[data-status='empty'] .btn-delete {
        display: none;
    }

    .dropfile:not([data-status='empty']) {

        .avatar {
            background-image: none;
        }

        .drop-label {
            display: none;
        }
    }
/**/
}

.form-user .warn-required {
  position: absolute;
}

.form-user .cp > label {
  font-size: 13px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

.form-user .cp > label em {
  font-style: normal;
  font-size: 14px;
  line-height: 13px;
  color: #dc3545;
}

.form-user h3 {
  margin: 30px 0 20px;
}

.form-user h3:first-child {
  margin-top: 0;
}

.form-user .label-help {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 20px;
  color: var(--config-color-tx-sec);
}

.form-user .label-help i {
  color: var(--config-color-primary);
}

.form-user .fotos {
  display: flex;
  width: 100%;
}

@media (max-width: 767.98px) {
  .form-user .fotos {
    flex-direction: column;
    row-gap: 40px;
    margin: 20px 0 30px;
  }
}

@media (min-width: 768px) {
  .form-user .fotos {
    flex-direction: row;
    column-gap: 40px;
    margin: 30px 15px 40px;
  }
}

.form-user .fotos .dropfile {
  flex-grow: 1;
}

.form-user .fotos .dropfile:not([data-status='empty']) .avatar {
  background-image: none;
}

.form-user .fotos .dropfile:not([data-status='empty']) .drop-label {
  display: none;
}

.form-user .fotos .filename {
  margin-bottom: 20px;
  text-align: center;
  padding: 5px;
  border-radius: calc(var(--flat) * 3px);
}

[data-theme="light"] .form-user .fotos .filename {
  background-color: #f3f3f3;
}

[data-theme="dark"] .form-user .fotos .filename {
  background: var(--config-color-bg);
}

.form-user .avatar {
  width: 175px;
  height: 175px;
  border-radius: 50%;
  margin: 0 auto 20px;
  background-color: #f6f6f6;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("https://cdn.eadplataforma.app/assets/img/user.svg");
  border: var(--config-color-bg-img) 4px solid;
  background-size: 45%;
  overflow: hidden;
  cursor: pointer;
}

.form-user .avatar img {
  width: 100%;
  height: 100%;
}

.form-user .cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--config-color-bg);
  height: 160px;
  margin-bottom: 20px;
  border: var(--config-color-bg-img) 2px dashed;
  border-radius: calc(var(--flat) * 10px);
  color: var(--config-color-bg-img);
  cursor: pointer;
}

.form-user .cover > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

.form-user .cover .drop-label {
  text-align: center;
}

.form-user .cover .drop-label svg {
  max-width: 86px;
  max-height: 72px;
  margin-bottom: 10px;
}

.form-user .cover .drop-label p {
  font-size: 20px;
  font-weight: bold;
}

.form-user .actions {
  display: flex;
  justify-content: center;
}

.form-user .actions.actions-dir {
  justify-content: right;
}

.form-user .actions .btn-ed {
  margin: 0 6px;
}

.form-user .dropfile .js--dropfile-area {
  position: relative;
  overflow: hidden;
}

.form-user .dropfile.status--dragover .avatar {
  border-color: #999;
}

.form-user .dropfile.status--dragover .cover {
  border-color: #999;
}

.form-user .dropfile .loader {
  display: none;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

.form-user .dropfile .loader svg {
  color: #333;
  width: 50px;
  height: 50px;
}

.form-user .dropfile[data-status='wait'] .loader {
  display: flex;
  position: absolute;
  justify-content: center;
}

.form-user .dropfile[data-status='wait'] .loader svg {
  animation: spin 1s linear infinite;
}

.form-user .actions-confirm {
  display: flex;
  margin-top: 30px;
}

@media (max-width: 767.98px) {
  .form-user .actions-confirm {
    justify-content: space-evenly;
  }
}

@media (min-width: 768px) {
  .form-user .actions-confirm {
    justify-content: flex-end;
  }
  .form-user .actions-confirm > :first-child {
    margin: 0 auto;
  }
  .form-user .actions-confirm > :last-child {
    margin-right: 15px;
  }
}

.warn-required {
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

@media (min-width: 768px) {
  #user-detail-data .warn-required {
    right: -20px;
    top: -30px;
  }
  .form-geral-wrap .warn-required {
    right: 15px;
    top: 15px;
  }
}

.warn-required em {
  font-style: normal;
  color: #dc3545;
}

.cp-mes-ano {
  display: flex;
  column-gap: 12px;
}

.cp-mes-ano input:nth-of-type(1) {
  width: 88px !important;
}

.cp-mes-ano input:nth-of-type(2) {
  width: 120px !important;
}

.cp-mes-ano > div {
  width: 50%;
}

.cp-mes-ano > div > label {
  padding-left: 0 !important;
}

.form-modal .cp label {
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

.form-modal .label-so {
  display: block;
  margin-bottom: 1em;
}

.cp-custom .wrap-boxes label {
  white-space: nowrap;
  margin-right: 15px;
}

.cp-custom .wrap-boxes .cp-radio {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.cp-custom .wrap-boxes .cp-radio.disabled {
  cursor: not-allowed;
}

.cp-custom .wrap-boxes .cp-radio span {
  color: var(--config-color-tx-sec);
}

.cp-custom .wrap-boxes .cp-radio input {
  display: none;
}

.cp-custom .wrap-boxes .cp-radio input:checked + span {
  display: none;
}

.cp-custom .wrap-boxes .cp-radio input:checked + span + span {
  color: var(--config-color-tx);
}

.cp-custom .wrap-boxes .cp-radio input:not(:checked) + span + span {
  display: none;
}

.cp-custom .wrap-boxes .cp-radio .txt {
  margin-left: 0.5em;
  font-weight: bold;
}

.cp-custom .wrap-boxes.error span {
  color: #dc3545;
}

.cp-custom .wrap-boxes.valid span {
  color: #019188 !important;
}

.cp-custom .input-file .file-label,
.cp-custom .input-file .drop-area {
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: 1px var(--config-color-borda) solid;
  height: 45px;
  box-sizing: border-box;
}

[data-theme="light"] .cp-custom .input-file .file-label, [data-theme="light"]
.cp-custom .input-file .drop-area {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .cp-custom .input-file .file-label, [data-theme="dark"]
.cp-custom .input-file .drop-area {
  background-color: var(--config-color-bg);
}

.cp-custom .input-file .file-label {
  padding: 0 15px;
}

.cp-custom .input-file .drop-area {
  column-gap: 10px;
  cursor: pointer;
  padding: 5px;
}

.cp-custom .input-file svg {
  flex-shrink: 0;
  stroke: #bbb;
  width: 30px;
  height: 30px;
}

.cp-custom .input-file .drop-label {
  display: inline-flex;
  align-items: center;
}

.cp-custom .input-file input {
  display: none;
}

.cp-custom .input-file[data-status] .drop-label p
, .cp-custom .input-file[data-status] + .actions {
  display: none;
}

.cp-custom .input-file[data-status="empty"] .drop-label .show-empty {
  display: initial;
}

.cp-custom .input-file[data-status="empty"] + .actions {
  display: none;
}

.cp-custom .input-file[data-status="wait"] .drop-label .show-wait {
  display: initial;
}

.cp-custom .input-file[data-status="send"] .drop-label .show-full {
  display: flex;
}

.cp-custom .input-file[data-status="send"] + .actions {
  display: none;
}

.cp-custom .input-file[data-status="full"] .drop-label .show-full,
.cp-custom .input-file[data-status="full"] + .actions {
  display: flex;
}

.cp-custom .actions {
  margin-top: 10px;
}

.cp-custom .actions button {
  margin: 0;
}

.cp-custom .actions button:first-child {
  margin-right: 10px;
}

.cp-custom .text-noedit {
  box-sizing: border-box;
  border-radius: calc(var(--flat) * 5px);
  border: 1px var(--config-color-borda) solid;
  padding: 5px 10px;
  min-height: 80px;
  cursor: not-allowed;
}

.cp-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.cp-checkbox span {
  width: 22px;
  height: 22px;
  color: var(--config-color-tx-sec);
}

.cp-checkbox input {
  display: none;
}

.cp-checkbox input:checked + span {
  display: none;
  color: var(--config-color-tx);
}

.cp-checkbox input:checked + span + span {
  color: var(--config-color-primary);
}

.cp-checkbox input:not(:checked) + span + span {
  display: none;
}

.cp-checkbox .txt {
  margin-left: 0.5em;
  font-weight: bold;
}

.form-geral-wrap .aviso {
  display: none;
  text-align: center;
}

.form-geral-wrap.status--sucesso, .form-geral-wrap.status--erro {
  /*
        form {
            display: none; // !!!:ver como fica modal X página
        }
        */
}

.form-geral-wrap.status--sucesso .aviso, .form-geral-wrap.status--erro .aviso {
  display: block;
}

.form-geral-wrap.status--wait button[type="submit"] {
  cursor: wait;
}

.form-geral-wrap.status--wait .loader {
  display: inline-flex;
}

.box-form-warning {
  flex-grow: 1;
  background-color: #ffd;
  padding: 20px 30px;
  box-sizing: border-box;
  margin: 20px 15px 30px 0;
  border-radius: calc(var(--flat) * 6px);
  color: #665029;
  border: #d0b78b 1px solid;
  font-size: 15px;
  width: 100%;
}

.box-form-warning:first-child {
  margin-top: 0;
}

.box-form-warning h4 {
  margin-bottom: 1em;
  font-size: 18px;
  font-weight: normal;
}

.box-form-warning h4 i {
  color: #af8946;
}

.box-form-warning p {
  margin-bottom: 0.5em;
}

.box-form-warning.box-loading {
  text-align: center;
}

.box-form-warning.box-loading .loader {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 5px;
}

.box-form-warning.box-loading .loader svg {
  animation: spin 1s linear infinite;
}

[data-status-tipo-pessoa=""] {
  display: none;
}

[data-status-tipo-pessoa="1"] label span:last-child {
  display: none;
}

[data-status-tipo-pessoa="2"] .switch .knob span {
  display: block;
}

[data-status-tipo-pessoa="2"] label span:first-child {
  display: none;
}

[data-status-interval="1"] .cp-transfer-day {
  display: none;
}

[data-status-interval="2"] .cp-transfer-day .choices__list--dropdown .choices__item:nth-child(n + 6) {
  display: none !important;
}

[data-status-interval="3"] .cp-transfer-day .choices__list--dropdown .choices__item:nth-child(-n + 5) {
  display: none !important;
}

.iti {
  width: 100%;
}

.cp-bank {
  display: grid;
  grid-template: auto auto / auto 40px;
  grid-column-gap: 10px;
  width: 150px;
}

.cp-bank label {
  white-space: nowrap;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 8px;
  color: var(--config-color-tx-sec);
}

.cp-bank label:first-child {
  white-space: nowrap;
}

.cp-bank input:last-of-type {
  width: 50px;
  text-align: center;
  padding: 0 5px !important;
}

.cp {
  box-sizing: border-box;
  margin-bottom: 20px;
}

.cp > label {
  display: block;
  margin-bottom: 8px;
}

.cp > label em {
  font-style: normal;
  font-size: 14px;
  line-height: 13px;
  color: #dc3545;
}

/* FORMULÁRIOS > DIMENSIONAMENTO DOS CAMPOS */
.cp-cols {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

.cp-cols.nowrap {
  flex-wrap: nowrap;
}

.cp-cols .cp {
  position: relative;
  padding: 0 15px;
}

.cp-cols .cp-1 {
  width: 100%;
}

@media (max-width: 575.98px) {
  .cp-cols .cp-2 {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .cp-cols .cp-2 {
    width: 50%;
    min-width: 150px;
  }
}

@media (max-width: 575.98px) {
  .cp-cols .cp-4 {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .cp-cols .cp-4 {
    width: 25%;
    min-width: 150px;
  }
}

@media (max-width: 575.98px) {
  .cp-cols .cp-4-2 {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .cp-cols .cp-4-2 {
    width: 50%;
    min-width: 150px;
  }
}

@media (max-width: 575.98px) {
  .cp-cols .cp-3 {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .cp-cols .cp-3 {
    width: 33.333%;
    min-width: 150px;
  }
}

@media (max-width: 575.98px) {
  .cp-cols .cp-3-2 {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .cp-cols .cp-3-2 {
    width: 66.666%;
    min-width: 150px;
  }
}

@media (max-width: 575.98px) {
  .cp-cols .cp-6 {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .cp-cols .cp-6 {
    width: 16.666%;
    min-width: 80px;
  }
}

.cp-cols .cp-gd {
  flex-grow: 1;
}

.cp-cols .cp-pq {
  flex-shrink: 1;
}

.cp-cols .cp-br,
.cp-cols .cp-ln {
  width: 100%;
  flex-grow: 1;
}

.cp-cols .cp-br input[type="txt"],
.cp-cols .cp-br select {
  width: auto;
}

.cp-cols .cp-mw {
  min-width: 300px;
}

@media (max-width: 575.98px) {
  .cp-cols .cp-senha {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .cp-cols .cp-senha {
    width: 210px;
  }
}

.cp-cols .cp-dv {
  padding-left: 0;
}

.cp-cols .cp-dv input[type="text"] {
  width: 40px;
  text-align: center;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .cp-cols .cp-sm-1 {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .cp-cols .cp-md-2 {
    width: 50%;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .cp-cols .cp-sm-md-2 {
    width: 50%;
  }
}

.cp-cols label:not([data-country="1"]) .document-type {
  display: none;
}

[data-is-brazil="0"] [data-show-brazil],
[data-is-brazil-active="0"] [data-show-brazil] {
  display: none;
}

[data-is-brazil="1"] .cp[data-show-brazil],
[data-is-brazil-active="1"] .cp[data-show-brazil] {
  display: block;
}

[data-is-brazil="1"] .row[data-show-brazil],
[data-is-brazil-active="1"] .row[data-show-brazil] {
  display: flex;
}

/* SWITCH */
.switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 45px;
}

.switch label {
  display: flex;
  cursor: pointer;
}

.switch .knob {
  position: relative;
  min-width: 75px;
  height: 31px;
  border-radius: 15.5px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  transition-property: background-color;
  transition-duration: 0.2s;
}

.switch .knob i {
  display: block;
  position: absolute;
  top: 3px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  background-color: var(--config-color-bg);
  transition-property: left;
  transition-duration: 0.2s;
}

.switch .knob span {
  text-align: center;
  display: block;
  box-sizing: border-box;
  padding: 0 5px;
  height: 31px;
  line-height: 31px;
}

.switch .knob span:first-of-type {
  color: #fff;
}

.switch .status-label {
  padding-top: 3px;
  text-indent: 0.8em;
  white-space: nowrap;
}

.switch input {
  display: none;
}

.switch input[disabled] + label {
  cursor: wait;
}

.switch input:not(:checked) + label .knob {
  background-color: #ddd;
}

.switch input:not(:checked) + label .knob i {
  left: 3px;
}

.switch input:not(:checked) + label .knob span {
  margin-right: 10px;
  margin-left: 29px;
}

.switch input:not(:checked) + label .knob span:first-of-type {
  display: none;
}

.switch input:not(:checked) + label + .status-label span:first-of-type {
  display: initial;
}

.switch input:not(:checked) + label + .status-label span:last-of-type {
  display: none;
}

.switch input:checked + label .knob {
  background-color: #1bbc9b;
}

.switch input:checked + label .knob i {
  left: calc(100% - 28px);
}

.switch input:checked + label .knob span {
  margin-right: 29px;
  margin-left: 10px;
}

.switch input:checked + label .knob span:last-of-type {
  display: none;
}

.switch input:checked + label + .status-label span:first-of-type {
  display: none;
}

.switch input:checked + label + .status-label span:last-of-type {
  display: initial;
}

.switch.wid .knob {
  min-width: 110px;
}

.switch.canceled input:not(:checked) + label .knob {
  color: #fff;
  background-color: #c00;
}

/*
--------------
    TOAST
--------------
*/
@keyframes toast-timebar {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}

.custom-toast {
  border-radius: calc(var(--flat) * 2px);
  transition-duration: 0.4s;
}

.custom-toast:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  background: #000;
  animation-name: toast-timebar;
  animation-timing-function: linear;
  animation-delay: 0.4s;
  animation-duration: 6s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-play-state: running;
}

.custom-toast.type--info {
  background: #41a3e2;
}

.custom-toast.type--info:before {
  background: #a7cfee;
}

.custom-toast.type--warn {
  background: #f3ca12;
}

.custom-toast.type--warn:before {
  background: #fae6a1;
}

.custom-toast.type--error {
  background: #e85642;
}

.custom-toast.type--error:before {
  background: #f3aea5;
}

.custom-toast.type--success {
  background: #07c50e;
}

.custom-toast.type--success:before {
  background: #a3e1a0;
}

.custom-toast-shortage {
  border-radius: calc(var(--flat) * 2px);
  transition-duration: 0.4s;
  background: #00B894;
  width: 280px;
  padding: 20px 20px 25px 55px;
  height: 34px;
  display: flex;
  align-items: center;
}

.custom-toast-shortage:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  background: #B2EADF;
  animation-name: toast-timebar;
  animation-timing-function: linear;
  animation-delay: 0.4s;
  animation-duration: 10s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-play-state: running;
}

.custom-toast-shortage .toast-close {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 0 5px 58px 354px;
}

.custom-toast-shortage .toastify-avatar {
  width: 2em;
  height: 2em;
  margin: 5px 0;
  position: absolute;
  left: 10px;
}

.custom-toast-shortage .toastify-avatar img {
  color: #fff;
}

@media (max-width: 359.98px) {
  .toastify-right {
    width: 70%;
  }
}

/*
------------------
  AVISOS
------------------
*/
.box-aviso {
  text-align: center;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.box-aviso .aviso-img {
  position: relative;
  display: inline-block;
}

@media (max-width: 767.98px) {
  .box-aviso .aviso-img {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .box-aviso .aviso-img {
    margin-bottom: 35px;
  }
}

.box-aviso .aviso-img .cod {
  color: var(--config-color-tx-sec);
}

@media (max-width: 767.98px) {
  .box-aviso .aviso-img .cod {
    display: block;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .box-aviso .aviso-img .cod {
    position: absolute;
    top: 0;
    right: -100px;
    font-size: 12px;
  }
}

.box-aviso .titulo-aviso {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--config-color-primary);
  margin: 20px;
}

@media (max-width: 767.98px) {
  .box-aviso .titulo-aviso {
    flex-direction: column;
    font-size: 30px;
  }
  .box-aviso .titulo-aviso img {
    margin: 10px 0;
  }
}

@media (min-width: 768px) {
  .box-aviso .titulo-aviso {
    font-size: 36px;
  }
}

.box-aviso .sub {
  font-size: 18px;
}

@media (max-width: 767.98px) {
  .box-aviso .sub {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .box-aviso .sub {
    margin-bottom: 90px;
  }
}

.box-aviso .btn-acao {
  height: 55px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 55px;
  border-radius: calc(var(--flat) * 55px / 2);
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  min-width: 230px;
}

.box-aviso .btn-acao .ico-left {
  margin-right: 15px;
}

.box-aviso .counter-redirect {
  display: none;
}

.box-aviso .btn-voltar {
  margin-bottom: 50px;
}

@media (max-width: 767.98px) {
  .box-aviso-full {
    margin: 40px;
  }
}

@media (min-width: 768px) {
  .box-aviso-full {
    margin: 50px 0 60px;
  }
}

.aviso {
  margin-bottom: 20px;
}

@media (max-width: 767.98px) {
  .bg-box > .aviso {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .bg-box > .aviso {
    margin-bottom: 63px;
  }
}

.aviso.js--fechado {
  display: none;
}

.aviso > p {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  line-height: 1.4em;
}

@media (max-width: 767.98px) {
  .aviso > p {
    padding: 10px 20px 10px 40px;
  }
}

@media (min-width: 768px) {
  .aviso > p {
    padding: 12px 60px 12px 40px;
  }
}

.aviso > p .js-fechar {
  position: absolute;
  right: 10px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: url("https://cdn.eadplataforma.app/assets/img/ico_circ_cancel.svg") #fff center center no-repeat;
  background-size: 32px auto;
}

.aviso.aviso-btn {
  display: flex;
  align-items: center;
}

@media (max-width: 767.98px) {
  .aviso.aviso-btn {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.aviso.aviso-btn p {
  flex-grow: 1;
  width: 100%;
}

@media (max-width: 767.98px) {
  .aviso.aviso-btn p {
    font-size: 13px;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .aviso.aviso-btn p {
    font-size: 18px;
  }
}

.aviso.aviso-btn .preco {
  position: relative;
  color: #1bbc9b;
  white-space: nowrap;
  font-size: 13px;
  font-weight: bold;
  margin-right: 20px;
}

@media (max-width: 767.98px) {
  .aviso.aviso-btn .preco {
    position: relative;
    top: -10px;
  }
}

.aviso.aviso-btn button {
  height: 34px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 34px;
  border-radius: calc(var(--flat) * 34px / 2);
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #fff;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: auto 50%;
}

@media (max-width: 767.98px) {
  .aviso.aviso-btn button {
    font-size: 11px;
    margin: 0 0 20px;
  }
}

@media (min-width: 768px) {
  .aviso.aviso-btn button {
    font-size: 13px;
    margin: 8px 0;
    white-space: nowrap;
    margin-right: 15px;
  }
}

.status--sucesso .aviso, .aviso.sucesso {
  color: #666;
  background-color: #e0f7f2;
  border-left: #1bbc9b 5px solid;
}

.status--sucesso .aviso > p, .aviso.sucesso > p {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231bbc9b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>');
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 20px auto;
}

.status--sucesso .aviso button, .aviso.sucesso button {
  background-color: #1bbc9b;
}

.status--sucesso .aviso button:hover, .aviso.sucesso button:hover {
  background-color: #158f76;
}

.status--sucesso .aviso button svg, .aviso.sucesso button svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.aviso.feedback {
  background-color: #dfeaf5;
  border-left: #1b77cb 5px solid;
}

.aviso.feedback > p {
  background-image: url("https://cdn.eadplataforma.app/assets/img/check_feedback.svg");
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 20px auto;
}

.aviso.feedback button {
  background-color: #1b77cb;
}

.aviso.feedback button:hover {
  background-color: #155d9e;
}

.aviso.feedback button svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.status--erro .aviso, .aviso.erro {
  color: #666;
  background-color: #fee;
  border-left: #dc3545 5px solid;
}

.status--erro .aviso > p, .aviso.erro > p {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23dc3545" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>');
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 20px auto;
  color: #bd2130;
}

.aviso.adverte, .aviso.info {
  color: #666;
  background-color: #fdfbe6;
  border-left: #cc8a00 5px solid;
}

.aviso.adverte > p, .aviso.info > p {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cc8a00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>');
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 20px auto;
}

.aviso.adverte > p strong, .aviso.info > p strong {
  display: block;
  text-align: center;
  margin-bottom: 0.5em;
}

.sep-aviso {
  display: block;
  height: 1px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
}

/* AVALIAÇÃO */
.avaliacao-stars > i {
  display: flex;
  justify-content: center;
  align-items: center;
}

.avaliacao-stars.stars-full > i.half path:first-child {
  color: #fbca54;
}

.avaliacao-stars.stars-full > i.on {
  color: #fbca54;
}

.avaliacao-stars.stars-o > i.half path:last-child {
  opacity: .5;
}

.avaliacao-stars.stars-o > i.off {
  opacity: .5;
}

.alert-terms-privacy {
  position: fixed;
  bottom: 0px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  background: #333;
  width: 70%;
  z-index: 999;
  padding: 10px;
  color: #fff;
  opacity: 1;
  transition: opacity 2s ease;
}

.alert-terms-privacy[data-status="off"] {
  display: none;
}

.message-terms-privacy {
  margin-top: 10px;
}

.link-policy a {
  text-decoration: underline;
  cursor: pointer;
  color: #fff;
}

.btn-policy {
  border: none;
  padding: 10px;
  float: right;
  color: #fff;
  font-weight: bolder;
  border-radius: 5px;
  background-color: #222;
}

.btn-policy:hover {
  background-color: #000;
  cursor: pointer;
}

/*
------------------
  TOOLTIP
------------------
*/
/* GERAL */
.tooltip-wrap {
  cursor: pointer;
  position: absolute;
  z-index: 6;
  background-color: #ffc;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tooltip-wrap .tooltip-pointer {
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  color: var(--config-color-primary);
}

.tooltip-wrap .tooltip-pointer svg {
  width: 14px;
  height: 14px;
}

.tooltip-wrap .tooltip-box {
  position: absolute;
}

.tooltip-wrap[data-tooltip-position="top"] .tooltip-pointer {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: calc(100% + -2px);
}

.tooltip-wrap[data-tooltip-position="top"] .tooltip-pointer svg {
  transform: rotate(180deg);
}

.tooltip-wrap[data-tooltip-position="top"] .tooltip-box {
  bottom: 0;
  margin-bottom: 6px;
}

.tooltip-wrap[data-tooltip-position="right"] .tooltip-pointer {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: calc(100% + -2px);
}

.tooltip-wrap[data-tooltip-position="right"] .tooltip-pointer svg {
  transform: rotate(-90deg);
}

.tooltip-wrap[data-tooltip-position="right"] .tooltip-box {
  left: 0;
  margin-left: 6px;
}

.tooltip-wrap[data-tooltip-position="bottom"] .tooltip-pointer {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: calc(100% + -2px);
}

.tooltip-wrap[data-tooltip-position="bottom"] .tooltip-box {
  top: 0;
  margin-top: 6px;
}

.tooltip-wrap[data-tooltip-position="left"] .tooltip-pointer {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: calc(100% + -2px);
}

.tooltip-wrap[data-tooltip-position="left"] .tooltip-pointer svg {
  transform: rotate(90deg);
}

.tooltip-wrap[data-tooltip-position="left"] .tooltip-box {
  right: 0;
  margin-right: 6px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.tooltip {
  display: none;
  position: relative;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
  top: 100%;
}

:hover > .tooltip {
  display: block;
}

.tooltip span {
  position: relative;
  top: 3px;
  display: block;
  color: #fff;
  white-space: nowrap;
  font-size: 11px;
  border-radius: calc(var(--flat) * 3px);
  padding: 3px 6px;
  font-weight: bold;
  background-color: var(--config-color-primary);
}

.tooltip span:before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  bottom: 100%;
  content: "";
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent;
  border-bottom-color: var(--config-color-primary);
}

.tooltip-base .tooltip-txt {
  color: #fff;
  white-space: nowrap;
  font-size: 11px;
  border-radius: calc(var(--flat) * 3px);
  padding: 3px 6px;
  font-weight: bold;
  background-color: var(--config-color-primary);
}

.tooltip-payment .tooltip-txt {
  font-size: 11px;
  color: #fff;
  background-color: #4f4f4f;
  border-radius: calc(var(--flat) * 3px);
  font-weight: bold;
  padding: 5px 10px;
  white-space: nowrap;
}

.tooltip-payment .tooltip-pointer {
  top: calc(50% + 2px);
  color: #4f4f4f;
}

.tooltip-wish .tooltip-box {
  color: #fff;
  white-space: nowrap;
  font-size: 11px;
  border-radius: calc(var(--flat) * 3px);
  padding: 3px 6px;
  font-weight: bold;
  background-color: #e54f4d;
}

.tooltip-wish .tooltip-pointer {
  color: #e54f4d;
}

.help-tip {
  cursor: help;
  position: relative;
  padding: 2px 5px;
}

/*
-------------------------
  CREDIT CARDS
-------------------------
*/
.card-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 35px;
  border: #ddd 1px solid;
  border-radius: 8px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.card-logo svg {
  max-height: 20px;
  max-width: 75%;
}

.card-logo .ico {
  display: block;
  height: 100%;
  width: 100%;
  max-height: 20px;
  max-width: 75%;
  background-repeat: no-repeat;
  background-position: center center;
}

.card-logo .flag {
  padding: 0 5px;
  font-size: 80%;
}

.card-logo.card-amex .ico {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 169.039 46.024"><path fill="%23006fcf" d="M8.799.169 0 20.136h5.922l1.693-4.061h9.306l1.692 4.06h6.091L15.737.17Zm.677 11.506 2.876-6.768 2.877 6.768zm29.103 1.015L34.011.17H25.72v19.967h5.245V5.753l5.246 14.383h4.738l5.245-14.383v14.383h5.415V.169h-8.46zm17.09 7.446h16.922v-4.569H61.084v-3.215h11.168V7.783H61.084V4.568h11.507V.17H55.67ZM94.927 6.599c0-3.892-2.707-6.43-7.107-6.43H76.144v20.136h5.415v-7.107h2.03l6.092 6.938h6.599l-6.768-7.276c3.384-.677 5.414-3.215 5.414-6.26m-7.784 2.03H81.56V4.567h5.583c1.523 0 2.37 1.016 2.37 2.031 0 1.184-.847 2.03-2.37 2.03m10.491 11.507h5.415V.169h-5.415zm13.537-9.814v-.339c0-3.046 1.692-5.076 5.076-5.076h5.923V0h-6.43c-6.6 0-9.984 4.23-9.984 9.814v.338c0 6.261 3.892 9.815 9.815 9.815h1.86l2.2-4.57h-3.214c-3.215.17-5.246-1.691-5.246-5.075M128.768.169l-8.8 20.136h5.923l1.692-4.061h9.307l1.692 4.06h6.091L135.705.17Zm.677 11.506 2.876-6.768 2.876 6.768zm31.134.677L152.288.17h-6.769v19.967h5.415V7.445l8.46 12.69h6.43V.17h-5.245zM25.72 46.024h16.922v-4.568H30.965v-3.215h11.337v-4.569H30.965v-3.215h11.676V25.89H25.72ZM67.854 25.89h-6.938L55.84 31.98l-5.245-6.091h-7.107l8.968 9.983-9.137 10.152h6.937l5.415-6.43 5.414 6.43h7.107l-9.137-10.321Zm12.69 0H68.868v20.135h5.415v-6.599h6.26c4.569 0 7.276-2.876 7.276-6.768-.169-4.06-2.876-6.768-7.276-6.768m-.677 8.968h-5.753v-4.4h5.753c1.523 0 2.37 1.016 2.37 2.2 0 1.185-.677 2.2-2.37 2.2m28.935-2.538c0-3.892-2.707-6.43-7.106-6.43H90.019v20.135h5.415v-6.937h2.03l6.092 6.937h6.43l-6.6-7.275c3.385-.847 5.415-3.215 5.415-6.43m-7.783 2.2h-5.584v-4.062h5.584c1.523 0 2.368 1.016 2.368 2.031 0 1.184-.845 2.03-2.368 2.03m10.49 11.506h16.921v-4.568h-11.506v-3.215h11.337v-4.569h-11.337v-3.215h11.506V25.89h-16.92zm31.304-12.352h-4.907c-1.015 0-1.861-.677-1.861-1.522 0-1.016.846-1.524 1.861-1.524h8.968l2.03-4.568h-10.998c-4.569 0-7.107 2.707-7.107 6.26 0 3.723 2.538 5.923 6.43 5.923h4.907c1.015 0 1.861.677 1.861 1.523 0 .846-.676 1.523-1.86 1.523h-10.83v4.568h10.83c4.568 0 7.106-2.707 7.106-6.43.169-3.722-2.2-5.753-6.43-5.753m19.798 0h-4.908c-1.015 0-1.861-.677-1.861-1.522 0-1.016.846-1.524 1.861-1.524h8.968l2.03-4.568h-10.998c-4.568 0-7.106 2.707-7.106 6.26 0 3.723 2.538 5.923 6.43 5.923h4.907c1.015 0 1.861.677 1.861 1.523 0 .846-.677 1.523-1.861 1.523h-10.83v4.568h10.83c4.568 0 7.106-2.707 7.106-6.43 0-3.722-2.369-5.753-6.43-5.753"/></svg>');
}

.card-logo.card-diners .ico {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 84.575 67.004"><path fill="%230079be" d="M49.547 67.004c18.313.087 35.028-14.935 35.028-33.211C84.575 13.808 67.86-.007 49.547 0h-15.76C15.253-.007 0 13.812 0 33.793c0 18.28 15.254 33.298 33.786 33.21Z"/><path fill="%23fff" d="M33.861 2.77C16.927 2.773 3.204 16.5 3.201 33.441c.003 16.938 13.725 30.664 30.66 30.669 16.938-.005 30.664-13.73 30.666-30.669C64.525 16.501 50.799 2.775 33.861 2.77ZM14.426 33.441c.016-8.278 5.186-15.338 12.477-18.143v36.282c-7.291-2.804-12.461-9.86-12.477-18.139Zm26.39 18.147V15.298c7.294 2.798 12.472 9.862 12.485 18.144-.013 8.285-5.191 15.343-12.484 18.147z"/></svg>');
}

.card-logo.card-elo .ico {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 191.465 72.938"><path fill="%23ffca05" d="M29.89 15.974a22.09 22.09 0 0 1 6.882-1.086c10.504 0 19.273 7.306 21.28 17.025l14.886-2.976C69.522 12.422 54.632 0 36.774 0c-4.093 0-8.02.652-11.702 1.858Z"/><path fill="%2300a4df" d="M12.606 63.823 22.795 52.56c-4.549-3.94-7.418-9.69-7.418-16.094 0-6.403 2.864-12.15 7.41-16.085L12.6 9.118C4.875 15.808 0 25.58 0 36.466 0 47.354 4.875 57.13 12.606 63.823"/><path fill="%23ee4123" d="M58.055 41.028c-2.015 9.715-10.773 17.017-21.268 17.017a21.967 21.967 0 0 1-6.893-1.095l-4.822 14.133a37.551 37.551 0 0 0 11.713 1.855c17.837 0 32.725-12.412 36.153-28.917z"/><path fill="currentColor" d="m115.076 48.448-.01.01-.422-.284c-1.216 1.977-3.105 3.581-5.499 4.621-4.546 1.985-8.758 1.475-11.782-1.19l-.277.424c-.005-.005-.005-.008-.01-.008l-5.16 7.752a22.055 22.055 0 0 0 4.101 2.256c5.7 2.38 11.53 2.27 17.273-.24 4.158-1.809 7.416-4.567 9.646-8.062zM98.969 29.32c-4.8 2.07-7.275 6.595-6.766 11.9l20.337-8.793c-3.498-4.129-8.047-5.495-13.57-3.107Zm-13.5 23.617a26.515 26.515 0 0 1-1.543-2.983c-2.346-5.472-2.458-11.133-.478-16.57 2.178-5.96 6.339-10.525 11.718-12.848 6.76-2.924 14.236-2.347 20.714 1.516 4.117 2.37 7.035 6.034 9.25 11.211.285.663.53 1.371.774 1.974L85.468 52.935Zm54.567-43.82v43.104l6.673 2.717-3.79 8.885-7.364-3.08c-1.654-.721-2.78-1.82-3.63-3.063-.815-1.268-1.424-3.001-1.424-5.343V9.117ZM157.32 41.24a12.218 12.218 0 0 0 4.14 9.19l-6.836 7.674a22.505 22.505 0 0 1-7.55-16.874 22.497 22.497 0 0 1 7.573-16.854l6.843 7.666a12.212 12.212 0 0 0-4.17 9.198zm12.16 12.233c5.879.005 10.784-4.179 11.928-9.744l10.047 2.06c-2.096 10.269-11.147 17.992-21.985 17.982a22.324 22.324 0 0 1-7.115-1.167l3.27-9.762c1.21.403 2.51.628 3.855.631zm.031-34.743c10.846.008 19.887 7.762 21.954 18.044l-10.05 2.044a12.181 12.181 0 0 0-11.914-9.793 12.212 12.212 0 0 0-3.858.626l-3.24-9.772a22.303 22.303 0 0 1 7.108-1.15z"/></svg>');
}

.card-logo.card-hipercard .ico {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192.149 83.64"><path fill="%23b82126" d="M52.749 0H32.834c-8.799.416-15.992 3.96-18.068 11.269-1.083 3.811-1.68 7.997-2.526 11.948C7.935 43.307 4.118 63.951 0 83.64h155.04c11.987 0 20.216-2.533 22.44-12.045 1.034-4.42 2.023-9.425 3.012-14.28 3.853-18.931 7.71-37.86 11.657-57.315H52.75"/><path fill="%23fff" d="M132.74 49.971c-2.15 2.105-8.186 2.703-7.568-2.329.513-4.179 5.063-5.067 9.994-4.463-.367 2.286-.787 5.188-2.426 6.792zm-6.792-16.301c-.205 1.153-.52 2.196-.776 3.299 2.462-.617 10.129-2.51 10.868.776.245 1.092-.178 2.252-.486 3.105-6.933-.657-12.583.495-14.07 5.434-.995 3.308.112 6.563 2.233 7.472 4.083 1.75 9.05-.255 10.77-3.008-.178.953-.348 1.916-.291 3.105h3.59c.038-3.439.538-6.222 1.067-9.316.451-2.635 1.3-5.243 1.165-7.568-.309-5.326-9.131-3.442-14.07-3.3zm36 17.95c-2.81.061-4.206-1.677-4.27-4.56-.112-5.048 2.102-10.656 6.598-11.159 2.093-.234 3.609.253 5.143.777-1.408 5.67-.9 14.802-7.472 14.943zm9.314-26.683c-.357 3.135-.835 6.15-1.455 9.024-10.235-3.24-16.511 4.29-16.399 13.584.022 1.798.332 3.58 1.456 4.852 1.937 2.191 7.485 2.715 10.285.874.543-.357 1.097-1.006 1.456-1.456.27-.339.699-1.226.776-.97-.147.984-.367 1.897-.388 3.008h3.784c.73-10.462 2.985-19.398 4.658-28.916zM64.43 50.068c-2.233 2.365-7.72 2.328-8.151-1.65-.188-1.73.457-3.545.776-5.336.323-1.813.555-3.552.873-5.143 2.199-2.685 8.66-3.009 9.316 1.456.568 3.876-.966 8.715-2.814 10.673zm3.299-16.398c-3.532-1.327-7.836.257-9.701 1.763.006.066-.045.075-.1.08l.1-.08v-.017c.03-.648.26-1.099.29-1.746h-3.59c-1.496 9.954-3.27 19.629-5.142 29.206h4.172c.604-3.73 1.003-7.665 1.844-11.158.953 3.674 7.175 2.972 9.8 1.553 5.417-2.93 9.596-16.872 2.329-19.601zm19.794 6.986h-9.8c.31-2.253 2.337-4.73 5.53-4.851 3.007-.115 5.159 1.103 4.27 4.851zm-3.978-7.374c-3.015.232-5.563 1.1-7.374 3.007-2.222 2.34-4.02 7.515-3.494 12.227.752 6.722 9.122 6.48 15.817 4.851.114-1.18.4-2.188.582-3.299-2.758 1.032-7.546 2.473-10.383.68-2.141-1.354-2.154-4.783-1.455-7.763 4.5-.143 9.176-.116 13.681 0 .286-2.112 1.104-4.415.388-6.501-.944-2.754-4.323-3.467-7.762-3.202zm-36.678.388c-.113.016-.106.153-.098.29-.919 6.876-2.163 13.427-3.492 19.893h4.172c1.002-6.922 2.15-13.698 3.59-20.183zm108.87.097c-3.687-1.844-6.757 1.25-7.956 3.105.341-.952.36-2.226.679-3.202h-3.688a299.468 299.468 0 0 1-3.59 20.183h4.27c.027-2.675.552-4.654.97-7.278.892-5.601 2.202-11.744 8.733-9.897.217-.948.307-2.022.582-2.911zm-46.867 15.33c-.384-.993-.484-2.633-.388-3.88.216-2.804 1.237-6.218 2.814-7.763 2.176-2.133 6.472-1.78 9.897-.582.107-1.155.339-2.185.486-3.299-5.62-.918-10.952-.347-13.779 2.62-2.767 2.904-4.582 9.578-3.3 13.778 1.502 4.915 8.233 5.182 13.683 3.3.24-.988.368-2.09.582-3.106-2.978 1.548-8.671 2.352-9.995-1.067zm-2.328-15.427c-3.7-1.494-6.608 1.03-7.957 3.396.306-1.052.432-2.285.68-3.396h-3.688c-.901 6.99-2.23 13.554-3.493 20.183h4.173c.584-3.935.837-9.239 2.134-13.003 1.037-3.008 3.75-5.57 7.666-4.172.054-1.11.372-1.957.485-3.008zm-67.244-8.151c-.596 3.867-1.267 7.66-1.94 11.45-4.323.045-8.736.213-12.906-.097.788-3.708 1.353-7.64 2.135-11.353H21.93c-1.668 9.46-3.185 19.069-5.046 28.334h4.754c.746-4.753 1.444-9.554 2.426-14.07 4.054-.1 8.913-.274 12.808.097-.803 4.695-1.773 9.223-2.523 13.973h4.755c1.528-9.6 3.138-19.116 5.046-28.334zm11.838 4.27c.832-.573 1.903-3.184.68-4.27-.388-.344-1.037-.444-1.941-.291-.84.142-1.322.427-1.65.873-.527.718-1.01 2.883-.194 3.687.795.784 2.576.365 3.105 0z"/></svg>');
}

.card-logo.card-mastercard .ico {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.735 86.381"><path fill="%23ff5f00" d="M49.089 9.235h41.575V77.14H49.089Z"/><path fill="%23eb001b" d="M53.371 43.193A43.11 43.11 0 0 1 69.864 9.247a43.182 43.182 0 1 0 0 67.904 43.11 43.11 0 0 1-16.493-33.958z"/><path fill="%23f79e1b" d="M139.735 43.193a43.182 43.182 0 0 1-69.871 33.946 43.182 43.182 0 0 0 0-67.904 43.182 43.182 0 0 1 69.87 33.946z"/></svg>');
}

.card-logo.card-visa .ico {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 195.946 63.282"><path d="M74.398 1.119 48.744 62.325H32.007L19.383 13.479c-.766-3.008-1.433-4.11-3.764-5.378C11.814 6.037 5.53 4.1 0 2.897L.376 1.12h26.941c3.434 0 6.521 2.286 7.301 6.24l6.667 35.417L57.763 1.118h16.635zm65.578 41.223c.068-16.155-22.337-17.045-22.183-24.26.048-2.197 2.139-4.532 6.716-5.128 2.269-.297 8.52-.524 15.61 2.739l2.78-12.98C139.09 1.332 134.188 0 128.09 0c-15.65 0-26.664 8.32-26.757 20.232-.1 8.812 7.862 13.729 13.86 16.657 6.172 2.998 8.242 4.925 8.219 7.607-.044 4.106-4.922 5.918-9.481 5.99-7.958.122-12.576-2.154-16.257-3.865l-2.87 13.409c3.7 1.697 10.528 3.178 17.607 3.252 16.634 0 27.515-8.216 27.566-20.94m41.326 19.983h14.644L183.164 1.119h-13.516c-3.04 0-5.603 1.77-6.738 4.49l-23.76 56.716h16.626l3.3-9.142h20.315zm-17.666-21.687 8.333-22.98 4.797 22.98zM97.02 1.118 83.928 62.326H68.095L81.193 1.119Z" fill="%23034a9c"/></svg>');
}

.choose-card {
  margin-bottom: 20px;
}

.choose-card .radiobutton {
  width: 24px;
  height: 24px;
}

.choose-card input {
  display: none;
}

.choose-card input:not(:checked) + .radiobutton .inner {
  display: none;
}

.choose-card .expire {
  color: red;
  opacity: 0.6;
  cursor: not-allowed;
}

.choose-card label {
  display: flex;
  column-gap: 10px;
  align-items: center;
  min-height: 50px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  padding: 0 10px;
  margin-bottom: 10px;
}

.choose-card label .pay-ico {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-basis: 65px;
}

.choose-card label .pay-ico svg {
  max-height: 35px;
}

.choose-card label .label {
  flex-grow: 1;
}

.choose-card label small {
  font-size: 10px;
}

/*
----------------------------
  CHECKOUT BILLING INFO
----------------------------
*/
.billing-data {
  display: flex;
  flex-wrap: wrap;
}

.billing-data .item {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-bottom: 20px;
  max-width: 360px;
}

.billing-data .item:hover {
  cursor: pointer;
}

.billing-data .item .check {
  color: var(--config-color-primary);
}

.billing-data .item .info {
  position: relative;
  display: block;
  flex-grow: 1;
  border-radius: calc(var(--flat) * 6px);
  margin: 0 30px 0 15px;
  padding: 10px 16px 20px;
  font-size: 16px;
  align-self: stretch;
  max-width: 250px;
  text-overflow: ellipsis;
}

[data-theme="light"] .billing-data .item .info {
  border: 1px #eee solid;
}

[data-theme="dark"] .billing-data .item .info {
  border: 1px rgba(100, 100, 100, 0.5) solid;
}

.billing-data .item .info .tit {
  display: inline-flex;
  justify-content: space-between;
  column-gap: 10px;
  align-items: start;
  width: 100%;
  margin-bottom: 10px;
}

.billing-data .item .info h4 {
  font-size: 16px;
  line-height: 1.2em;
}

.billing-data .item .info p {
  margin-bottom: .4em;
}

.billing-data .item .info .btn-edit {
  position: relative;
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
  gap: 5px;
}

.billing-data .item .info .btn-edit:hover {
  color: var(--config-color-primary);
}

.billing-data .item .info .btn-edit svg {
  width: 20px;
  height: 20px;
}

.billing-data .item input {
  display: none;
}

.billing-data .item input:checked + span {
  display: none;
}

.billing-data .item input:checked ~ .info {
  box-shadow: 0 5px 15px 0 rgba(204, 204, 204, 0.4);
}

[data-theme="dark"] .billing-data .item input:checked ~ .info {
  border-color: #666;
}

.billing-data .item input:not(:checked) + span + span {
  display: none;
}

.pick-checkout {
  display: grid;
  grid-gap: 20px;
  margin-bottom: 20px;
}

@media (max-width: 549.98px) {
  .pick-checkout {
    grid-template: auto / auto;
  }
}

@media (min-width: 550px) {
  .pick-checkout {
    grid-template: auto/repeat(2, 1fr);
  }
}

.pick-checkout .item {
  display: flex;
  column-gap: 3px;
  align-items: center;
}

.pick-checkout .item:hover {
  cursor: pointer;
}

.pick-checkout .item .info {
  position: relative;
  display: block;
  flex-grow: 1;
  background-color: #fff;
  border: 1px #eee solid;
  border-radius: calc(var(--flat) * 6px);
  padding: 10px;
  font-size: 16px;
  align-self: stretch;
}

.pick-checkout .item .info .tit {
  display: inline-flex;
  justify-content: space-between;
  column-gap: 10px;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}

.pick-checkout .item .info h4 {
  color: var(--config-color-primary);
  overflow: hidden;
  text-overflow: ellipsis;
}

.pick-checkout .item .info .btn-edit {
  position: relative;
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
  gap: 5px;
}

.pick-checkout .item .info .btn-edit:hover {
  color: var(--config-color-primary);
}

.pick-checkout .item .info .btn-edit svg {
  width: 20px;
  height: 20px;
}

.pick-checkout .item .info p {
  margin-bottom: .4em;
  /**
        overflow: hidden;
        text-overflow: ellipsis;
        /**/
  word-wrap: break-word;
}

.pick-checkout .item .radiobutton {
  color: var(--config-color-primary);
  width: 24px;
  height: 24px;
}

.pick-checkout .item input {
  display: none;
}

.pick-checkout .item input:not(:checked) + .radiobutton .inner {
  display: none;
}

.pick-checkout .item input:checked ~ .info {
  box-shadow: 0 5px 15px 0 rgba(204, 204, 204, 0.4);
}

.pick-checkout .item input svg {
  max-height: 20px;
  max-width: 75%;
}

.pick-checkout .item small {
  font-size: 10px;
}

.checkout-data {
  display: none;
}

.base-termos-uso {
  margin-top: 30px;
  flex-wrap: wrap;
}

.base-termos-uso .aceitar-termos {
  cursor: pointer;
}

.base-termos-uso .aceitar-termos:hover {
  text-decoration: none;
}

.base-termos-uso .aceitar-termos svg {
  width: 18px;
}

.base-termos-uso .aceitar-termos .ico {
  float: left;
}

.base-termos-uso .aceitar-termos .tx-label {
  margin-left: 4px;
}

.base-termos-uso .aceitar-termos input {
  display: none;
}

.base-termos-uso .aceitar-termos input:checked + span {
  display: none;
}

.base-termos-uso .aceitar-termos input:not(:checked) + span + span {
  display: none;
}

.base-termos-uso .termos-uso {
  white-space: nowrap;
  align-items: center;
  cursor: pointer;
}

.base-termos-uso .termos-uso:hover {
  text-decoration: underline;
}

/*
-------------------------
  PAYMENT INSTRUCTIONS
-------------------------
*/
.bill-pix {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bill-pix .ico {
  color: var(--config-color-primary);
}

.bill-pix .ico svg {
  display: block;
  width: 36px;
}

.bill-pix .txt {
  width: 100%;
  font-size: 14px;
  line-height: 1.5em;
}

.bill-pix .col {
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  padding: 16px;
  min-height: 80px;
  background: var(--config-color-bg);
  border: 1px solid #aaa;
  border-radius: 6px;
}

.pix-info {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  column-gap: 15px;
  align-items: center;
  box-sizing: border-box;
  padding: 16px;
  min-height: 111px;
  background: var(--config-color-bg);
  border: 1px solid var(--config-color-primary);
  border-radius: 6px;
}

.pix-info .ico {
  display: block;
  line-height: 0;
  color: var(--config-color-primary);
}

.pix-info .ico svg {
  width: 30px;
}

.pix-info .wrapper_info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pix-info .wrapper_info .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}

.pix-info .wrapper_info .info {
  font-size: 16px;
  line-height: 26px;
}

.pix-info .wrapper_info .click-here {
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-decoration-line: underline;
  color: var(--config-color-primary);
}

@media (max-width: 991.98px) {
  .pix-info .wrapper_info {
    gap: 4px;
  }
}

[data-payment-show] {
  display: none;
}

[data-pay-method="1"] [data-payment-show="1"],
[data-pay-method="2"] [data-payment-show="2"],
[data-pay-method="3"] [data-payment-show="3"] {
  display: unset;
}

.timer-content {
  width: 100%;
  background-color: #f44747cc;
  position: fixed;
  top: 0;
  z-index: 5;
}

.timer-content[data-show='0'] {
  display: none;
}

.timer-content .progress {
  width: 100%;
  background-color: transparent;
  position: absolute;
}

.timer-content .progress .my-progress-bar {
  width: 0%;
  height: 3px;
  background-color: #000;
  text-align: center;
  line-height: 3px;
  transition: width 1.5s;
}

.timer-content .timer {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 54px;
  padding-top: 2px;
}

.timer-content .timer span {
  color: #fff;
}

@media (max-width: 767.98px) {
  .timer-content .timer {
    display: block;
    padding: 5px 0 2px 0;
    min-height: 39px;
  }
}

@media (max-width: 991.98px) {
  .timer-content .timer {
    width: 90%;
  }
}

@media (min-width: 992px) {
  .timer-content .timer {
    width: 720px;
  }
}

.timer-content .content-fastimer {
  display: flex;
}

@media (max-width: 767.98px) {
  .timer-content .content-fastimer {
    justify-content: center;
  }
}

.timer-content .content-fastimer .countdown-fastimer {
  color: #fff;
  margin: 2px 0px;
  font-size: 28px;
  font-weight: 900;
  min-width: 160px;
}

@media (max-width: 767.98px) {
  .timer-content .content-fastimer .countdown-fastimer {
    font-size: 25px;
    min-width: 145px;
  }
}

.timer-content .content-fastimer .clock-fastimer {
  margin-right: 15px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767.98px) {
  .timer-content .content-fastimer .clock-fastimer {
    margin-right: 0;
    width: 30px;
    height: 35px;
  }
}

.timer-content .content-fastimer .clock-fastimer svg {
  display: block;
  color: #fff;
}

.timer-content .message-fastimer {
  max-width: 280px;
  line-height: 18px;
  font-size: 16px;
}

@media (max-width: 767.98px) {
  .timer-content .message-fastimer {
    display: none;
  }
}

/* RESUME > COUPONS */
.coupons {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 30px;
}

@media (max-width: 575.98px) {
  .coupons {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .coupons {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .coupons {
    grid-template-columns: repeat(3, 1fr);
  }
}

.coupons > div {
  display: flex;
  flex-direction: column;
  border: 1px #f6f6f6 solid;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
  border-radius: calc(var(--flat) * 4px);
  padding: 25px 20px;
}

.coupons > div .top {
  flex-grow: 1;
}

@media (min-width: 768px) {
  .coupons > div {
    min-width: 220px;
  }
}

.coupons > div header {
  display: flex;
  margin-bottom: 25px;
}

.coupons > div header .ico {
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
  color: var(--config-color-primary);
}

.coupons > div header .ico svg {
  width: 30px;
  transform: rotate(-45deg);
}

.coupons > div header h3 {
  font-size: 14px;
}

.coupons > div .valid {
  text-align: center;
  margin-bottom: 25px;
}

.coupons > div .contem-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 45px;
  border: var(--config-color-primary) 2px solid;
  border-radius: calc(var(--flat) * 4px);
  margin-bottom: 20px;
}

.coupons > div .contem-copy span:first-child {
  flex-grow: 1;
  text-align: center;
  font-weight: bold;
  margin-left: 45px;
}

.coupons > div .contem-copy span:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  cursor: pointer;
  color: var(--config-color-primary);
}

.coupons > div .contem-copy span:last-child svg {
  width: 22px;
}

.coupons > div .btn-buy {
  text-align: center;
  background: var(--config-color-primary);
  border-radius: calc(var(--flat) * 4px);
  color: #fff;
  font-weight: bold;
  display: block;
  height: 45px;
  line-height: 45px;
  width: 100%;
  margin-bottom: 20px;
}

.coupons > div .rules {
  font-size: 12px;
  color: var(--config-color-primary);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}

.coupons > div .content-rules {
  display: none;
}

.coupons.layout--modal [data-status="on"] {
  border: 2px var(--config-color-primary) solid;
  border-radius: calc(var(--flat) * 5px);
}

.coupons.layout--modal [data-status="on"] .btn-buy {
  background-color: var(--config-color-tx-sec);
  cursor: pointer;
}

.coupons.layout--modal [data-status="on"] .btn-buy span:last-child {
  display: none;
}

.coupons.layout--modal [data-status="on"] .btn-buy:hover {
  background-color: #e54f4d;
}

.coupons.layout--modal [data-status="on"] .btn-buy:hover span:first-child {
  display: none;
}

.coupons.layout--modal [data-status="on"] .btn-buy:hover span:last-child {
  display: initial;
}

.coupons-charge .panel-body {
  margin: 10px 20px 30px 20px;
}

.coupons-charge .panel-body .table {
  width: 100%;
  border-collapse: collapse;
}

[data-theme="light"] .coupons-charge .panel-body .table tr {
  border-bottom: 1px solid #ddd;
}

[data-theme="dark"] .coupons-charge .panel-body .table tr {
  border-bottom: 1px solid #666;
}

.coupons-charge .panel-body .table tr td {
  font-size: 18px;
  padding: 20px 0px 10px 0px;
  text-align: center;
  width: 50%;
}

.coupons-charge .panel-body .table tr td .discount {
  color: #8cc152;
}

.coupons-charge .panel-body .btn-remove-coupon {
  margin-top: 20px;
  display: flex;
}

@media (max-width: 575.98px) {
  .coupons-charge .panel-body .btn-remove-coupon {
    display: block;
  }
}

.coupons-charge .panel-body .btn-remove-coupon .contem-copy {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: var(--config-color-primary) 2px solid;
  border-radius: calc(var(--flat) * 4px);
  height: 45px;
  width: 100%;
  margin: 0px 10px;
}

@media (max-width: 575.98px) {
  .coupons-charge .panel-body .btn-remove-coupon .contem-copy {
    margin: 0px 0px 5px 0px;
  }
}

.coupons-charge .panel-body .btn-remove-coupon .contem-copy span:first-child {
  flex-grow: 1;
  text-align: center;
  font-weight: bold;
  margin-left: 45px;
}

.coupons-charge .panel-body .btn-remove-coupon .contem-copy span:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  cursor: pointer;
  color: var(--config-color-primary);
}

.coupons-charge .panel-body .btn-remove-coupon .contem-copy span:last-child svg {
  width: 22px;
}

.coupons-charge .panel-body .btn-remove-coupon .btn-buy {
  justify-content: center;
  background: var(--config-color-primary);
  border-radius: calc(var(--flat) * 4px);
  color: #fff;
  font-weight: bold;
  display: inline-flex;
  height: 45px;
  line-height: 45px;
  width: 100%;
  margin: 0px 10px;
}

@media (max-width: 575.98px) {
  .coupons-charge .panel-body .btn-remove-coupon .btn-buy {
    margin: 5px 0px 0px 0px;
  }
}

.modal-coupon-rules {
  max-width: 680px;
  padding: 0 40px;
}

.modal-coupon-rules h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.modal-coupon-rules h2 + p {
  font-size: 18px;
  text-align: center;
  margin-bottom: 30px;
}

.modal-coupon-rules h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

.modal-coupon-rules ul {
  margin: 0;
  padding: 0 0 0 14px;
  margin-bottom: 25px;
}

.modal-coupon-rules ul li {
  line-height: 1.5em;
}

.modal-coupon-rules p {
  line-height: 1.5em;
}

.modal-coupon-rules p:last-of-type {
  margin-bottom: 30px;
}

.modal-coupon-rules .coupon-code {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  border-radius: calc(var(--flat) * 5px);
  border: var(--config-color-primary) 2px solid;
  margin-bottom: 30px;
}

.modal-coupon-rules .coupon-code .txt {
  flex-grow: 1;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-left: 20px;
}

.modal-coupon-rules .coupon-code .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  width: 55px;
  color: var(--config-color-primary);
  cursor: pointer;
}

.modal-coupon-rules .coupon-code .ico svg {
  height: 30px;
}

/*
----------------
	CHOICES
----------------
*/
.choices {
  margin-bottom: 0;
}

.choices.is-open {
  z-index: 3;
}

[data-theme="dark"] .choices:after {
  border-color: var(--config-color-borda) transparent transparent transparent;
}

[data-theme="dark"] .choices.is-open:after {
  border-color: transparent transparent var(--config-color-borda) transparent;
}

.choices .choices__inner,
.choices .choices__list {
  box-sizing: border-box;
}

[data-theme="light"] .choices .choices__inner, [data-theme="light"]
.choices .choices__list {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .choices .choices__inner, [data-theme="dark"]
.choices .choices__list {
  background-color: var(--config-color-bg-alt);
}

[data-theme="dark"] .choices .choices__inner .is-highlighted, [data-theme="dark"]
.choices .choices__list .is-highlighted {
  background-color: #000;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__list {
  background-color: #eee;
}

.choices .choices__list--dropdown {
  white-space: nowrap;
  word-break: normal;
  border: var(--config-color-borda) 1px solid;
  border-radius: 0 0 calc(var(--flat) * 5px) calc(var(--flat) * 5px);
}

.choices.error .choices__inner,
.choices.error .choices__list--single {
  background-color: #fee;
  color: #dc3545;
  border-color: #dc3545;
}

.choices.valid .choices__inner,
.choices.valid .choices__list--single {
  background-color: #ebfefc;
  color: #019188;
  border-color: #01c4b7;
}

.choices__inner {
  padding-top: 5.5px !important;
  padding-bottom: 5.5px !important;
  min-height: 38px;
  border-color: #ddd;
  border-radius: calc(var(--flat) * 5px);
}

.is-open .choices__inner {
  border-color: #ddd;
  border-radius: calc(var(--flat) * 5px) calc(var(--flat) * 5px) 0 0;
}

.choices__input {
  border-radius: 0 !important;
  border-width: 0 0 1px 0 !important;
}

.cp-custom-sel {
  min-width: 250px;
}

.select-wrap {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 10px;
  width: 100%;
}

.select-wrap .choices {
  flex-grow: 1;
}

.select-wrap .loader {
  display: none;
}

.select-wrap .loader svg {
  animation: spin 1s linear infinite;
  width: 20px;
  height: 20px;
}

.select-wrap[data-status="wait"] .choices__inner {
  cursor: wait;
}

.select-wrap[data-status="wait"] .choices__inner .choices__item {
  cursor: wait;
}

.select-wrap[data-status="wait"] .loader {
  display: inline-flex;
}

.select-wrap label.error {
  width: 100%;
}

.form-geral .cp .captcha-wrap,
.form-item-input .captcha-wrap {
  display: flex;
}

@media (max-width: 575.98px) {
  .form-geral .cp .captcha-wrap,
  .form-item-input .captcha-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.form-geral .cp .captcha-wrap input,
.form-item-input .captcha-wrap input {
  height: 50px !important;
  line-height: 50px !important;
}

@media (max-width: 575.98px) {
  .form-geral .cp .captcha-wrap input,
  .form-item-input .captcha-wrap input {
    order: 2;
  }
}

@media (min-width: 576px) {
  .form-geral .cp .captcha-wrap input,
  .form-item-input .captcha-wrap input {
    border-right: none !important;
    border-radius: calc(var(--flat) * 5px) 0 0 calc(var(--flat) * 5px) !important;
  }
}

.form-geral .cp .captcha-wrap img,
.form-item-input .captcha-wrap img {
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 0 calc(var(--flat) * 5px) calc(var(--flat) * 5px) 0;
}

@media (max-width: 575.98px) {
  .form-geral .cp .captcha-wrap img,
  .form-item-input .captcha-wrap img {
    order: 1;
    margin-bottom: 10px;
  }
}

/*
----------------------------
  SINGLE COMMONS
----------------------------
*/
html,
body {
  min-height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--config-font-family);
  font-weight: 400;
  color: #656d78;
  background-color: #f0f8ff;
}

@media (max-width: 991.98px) {
  body[data-footer-bar='1'] {
    padding-bottom: 64px;
  }
}

.page {
  margin-bottom: 64px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

@media (max-width: 499.98px) {
  .page {
    width: 100%;
  }
}

@media (min-width: 500px) {
  .page {
    margin: 0 auto 30px;
    border-radius: 6px;
    max-width: 720px;
  }
}

.page > hr {
  box-sizing: content-box;
  margin: 30px 0;
  width: 100%;
  padding: 0 20px;
  margin-left: -20px;
  border: none;
  border-top: 1px #ddd solid;
}

.nb {
  white-space: nowrap;
}

.tit-sep {
  position: relative;
  font-weight: 400;
  box-sizing: content-box;
  width: 100%;
  padding: 0 20px;
  margin-left: -20px;
  margin-bottom: 1em;
}

.tit-sep:before {
  position: absolute;
  left: 0;
  top: 17px;
  right: 0;
  border-top: 1px #ddd solid;
  content: "";
}

.tit-sep span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
}

.main_header {
  display: flex;
  align-items: center;
  height: 80px;
  background: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
}

@media (max-width: 499.98px) {
  .main_header {
    margin-bottom: 15px;
  }
}

@media (min-width: 500px) {
  .main_header {
    margin-bottom: 30px;
  }
}

.main_header .wrapper_header {
  width: 100%;
  max-width: 720px;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
}

.main_header .wrapper_header img {
  display: block;
}

@media (max-width: 991.98px) {
  .main_header {
    padding: 0px 16px;
  }
  .main_header .safe-buy {
    width: 92px;
    height: 34px;
  }
  .main_header .safe-buy img {
    width: 100%;
    height: auto;
  }
}

.footer-rights {
  display: flex;
  color: #bbb;
  font-size: 12px;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
  height: 56px;
  border-top: #ddd 1px solid;
  background: #fff;
}

.footer-rights > div.info-name-date {
  flex-grow: 1;
}

.footer-rights > div.logo-footer {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

[data-theme="light"] .footer-rights > div.logo-footer img:last-of-type {
  display: none;
}

[data-theme="dark"] .footer-rights > div.logo-footer img:first-of-type {
  display: none;
}

.pay-options {
  margin: 20px 0 15px;
  display: inline-flex;
  width: 100%;
  flex-wrap: nowrap;
  gap: 12px;
}

.pay-options label {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 15px;
  align-items: center;
  border: var(--config-color-bg-img) 1px solid;
  border-radius: calc(var(--flat) * 2px);
  font-size: 120%;
  cursor: pointer;
  background-color: var(--config-color-bg);
  flex-grow: 1;
}

.pay-options svg {
  height: 30px;
}

.pay-options .disabled {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
  color: #ccc;
}

.pay-options .check {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
}

.pay-options input {
  display: none;
}

.pay-options input:checked + label {
  color: #8cc152;
  border-color: #8cc152;
}

.pay-options input:checked + label .check {
  display: initial;
}

.pay-options input:disabled + label {
  color: #ccc;
  border-color: #ccc !important;
  cursor: not-allowed;
}

.pay-options input:disabled + label .disabled {
  display: initial;
}

.payment-methods {
  display: grid;
  grid-template-columns: auto 33.33% 33.33%;
  gap: 8px;
}

.payment-methods label {
  color: #656d78;
  flex-grow: 1;
}

@media (max-width: 991.98px) {
  .payment-methods label .long {
    display: none;
  }
}

@media (min-width: 992px) {
  .payment-methods label .short {
    display: none;
  }
}

.payment-methods > label {
  display: flex;
  cursor: pointer;
  position: relative;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  margin-bottom: 16px;
  background: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  height: 48px;
  box-sizing: border-box;
}

.payment-methods > label .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.payment-methods > label .icon svg {
  fill: #656d78;
}

.payment-methods > label p {
  min-height: 36px;
  font-size: 18px;
  line-height: 36px;
  display: flex;
  align-items: center;
}

.payment-methods > label .check,
.payment-methods > label .disabled {
  display: none;
  position: absolute;
  top: -10px;
  right: -9px;
}

.payment-methods > label .check svg,
.payment-methods > label .disabled svg {
  fill: #8cc152;
}

.payment-methods > label .disabled svg {
  width: 100px;
  height: 100px;
}

.payment-methods > label:hover {
  border-color: var(--config-color-primary);
  color: var(--config-color-primary);
}

.payment-methods > label:hover p {
  color: var(--config-color-primary);
}

.payment-methods > label:hover svg {
  color: var(--config-color-primary);
}

.payment-methods > input {
  display: none;
}

.payment-methods > input:checked + label {
  border-color: #8cc152;
}

.payment-methods > input:checked + label .icon, .payment-methods > input:checked + label p {
  color: #8cc152;
}

.payment-methods > input:checked + label .check {
  display: initial;
  color: #8cc152;
}

.payment-methods > input:checked + label svg {
  color: #8cc152;
}

.payment-methods > input:disabled + label {
  border-color: #ccc;
  cursor: not-allowed;
}

.payment-methods > input:disabled + label .icon, .payment-methods > input:disabled + label p {
  color: #ccc;
}

.payment-methods > input:disabled + label svg {
  color: #ccc;
}

.payment-methods > input:disabled + label .disabled {
  display: initial;
}

.payment-methods > input:disabled + label .disabled svg {
  height: 28px;
  width: 28px;
}

[data-show="0"] {
  display: none !important;
}

#card-new {
  display: none;
}

#card-new:checked ~ .wrap-old,
#card-new:checked ~ .label-new,
#card-new:not(:checked) ~ .wrap-new,
#card-new:not(:checked) ~ .label-old {
  color: red;
  display: none;
}

.label-old,
.label-new {
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  margin: 0 0 20px;
}

.label-old:hover,
.label-new:hover {
  color: var(--config-color-primary);
}

.label-old svg,
.label-new svg {
  height: 20px;
}

.label-old {
  justify-content: flex-start;
}

.label-new {
  justify-content: center;
}

#js--card {
  margin: 10px 0;
  padding: 10px 0 20px;
}

#wrap-installments {
  margin-bottom: 10px;
}

#wrap-installments .interest {
  font-size: 11px;
  margin: 5px 0 0 5px;
  color: #999;
}

#wrap-installments[data-display=""] label, #wrap-installments[data-display=""] select, #wrap-installments[data-display=""] .interest {
  display: none;
}

/*
----------------------------
  SINGLE - LANDINGPAGE
----------------------------
*/
/* BANNER */
.banner {
  padding-top: 16px;
  max-height: 598px;
  width: 100%;
  max-width: 720px;
  border-radius: 6px;
}

@media (max-width: 499.98px) {
  .banner {
    margin: 0 auto 15px;
  }
}

@media (min-width: 500px) {
  .banner {
    margin: 0 auto 30px;
  }
}

.banner * {
  width: 100%;
}

.banner img {
  width: 100%;
}

.card-user {
  margin-bottom: 30px;
}

.card-user .form-item-input {
  position: relative;
  margin-bottom: 16px;
}

.card-user .form-item-captcha {
  margin-top: 20px;
}

.card-user .wrapper_foreigner .form-item-checkbox {
  margin-bottom: 8px;
}

.card-user .wrapper_foreigner .foreigner-info {
  margin-bottom: 24px;
}

.card-user .form-item-checkbox:last-child label {
  font-size: 12px;
}

.card-user .base-termos-uso {
  margin: 15px 0 10px;
}

.card-user .base-termos-uso .aceitar-termos {
  color: #656d78;
}

.card-user .base-termos-uso .termos-uso {
  color: var(--config-color-primary);
}

.card-payment {
  margin-bottom: 30px;
}

.card-payment .expire-code {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

@media (max-width: 991.98px) {
  .card-payment .expire-code {
    flex-wrap: nowrap;
  }
  .card-payment .expire-code .form-item-input:first-child label {
    inline-size: max-content;
  }
}

.card-payment .form-item-input {
  margin-bottom: 16px;
}

.card-payment .form-item-input.input-pad {
  padding-top: 17px;
}

.card-payment .jp-card-front {
  background: var(--config-color-primary) !important;
}

/* MAIN PRODUCT */
.card-main-product {
  width: calc(100% + 40px);
  box-sizing: content-box;
  margin-left: -20px;
  margin-top: -20px;
}

@media (max-width: 499.98px) {
  .card-main-product {
    margin-bottom: 20px;
  }
}

@media (min-width: 500px) {
  .card-main-product {
    display: grid;
    grid-template-rows: auto auto;
    margin-bottom: 40px;
    grid-template-columns: minmax(40%, 288px) auto;
    grid-template-areas: "cover title"  "cover price";
  }
}

.card-main-product .cover-product {
  grid-area: cover;
  overflow: hidden;
  background: url("https://cdn.eadplataforma.app/assets/img/camera.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 59px auto;
  aspect-ratio: 1.673 / 1;
}

@media (min-width: 720px) {
  .card-main-product .cover-product {
    border-radius: 6px;
  }
}

.card-main-product .cover-product img {
  display: block;
  width: 100%;
  aspect-ratio: 1.673 / 1;
}

@media (min-width: 720px) {
  .card-main-product .cover-product img {
    border-radius: 6px;
  }
}

.card-main-product .cover-product img:not(.status--img-error) {
  background-color: var(--config-color-bg-img);
  transition: width 200ms, height 200ms, transform 200ms;
}

.card-main-product .info {
  padding: 20px;
  flex-basis: 50%;
}

.card-main-product .title {
  grid-area: title;
  word-break: break-all;
}

@media (max-width: 499.98px) {
  .card-main-product .title {
    margin: 20px;
  }
}

@media (min-width: 500px) {
  .card-main-product .title {
    margin: 20px 20px 10px;
  }
}

.card-main-product .title h1 {
  font-weight: 700;
  color: #505050;
  margin-bottom: .2em;
}

@media (max-width: 991.98px) {
  .card-main-product .title h1 {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .card-main-product .title h1 {
    font-size: 22px;
  }
}

.card-main-product .pricing {
  grid-area: price;
  margin: 0 20px;
}

.card-main-product .pricing .price-display {
  display: block;
  margin-bottom: 5px;
  color: #9a9fa8;
}

.card-main-product .pricing .price-display span {
  text-decoration-line: line-through;
}

.card-main-product .pricing .price-real {
  font-weight: bold;
  font-size: 26px;
  color: #096;
}

.card-main-product .pricing .fee {
  margin-top: .5em;
}

.card-main-product [data-parcels='1'] .vista {
  display: none;
}

/* ORDER BUMP */
.order-bump .more-courses {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
  padding: .5em;
  background: #e73f5d;
  color: #fff;
  border-radius: 10px 10px 0 0;
}

.order-bump .order-bump-border {
  border-radius: 0 0 6px 6px;
  background-image: repeating-linear-gradient(135deg, #e73f5d, #e73f5d 10px, #fff 10px, #fff 15px);
  margin-bottom: 16px;
  padding: 0 5px 5px;
}

.order-bump .cards-order-bump {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0 0 3px 3px;
  box-sizing: border-box;
  background: #fffbe9;
}

.wrap-coupons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.avaliable-coupons {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  color: var(--config-color-primary);
  cursor: pointer;
}

.avaliable-coupons .ico {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
}

.discount-coupon .row {
  gap: 8px;
}

.discount-coupon .form-item-input {
  flex-grow: 1;
  margin-bottom: 0;
  width: auto;
}

.discount-coupon .form-item-input .label {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: var(--config-color-primary);
  cursor: pointer;
}

.discount-coupon .form-item-input input {
  height: 32px;
}

.discount-coupon button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-width: 76px;
  height: 32px;
  background: var(--config-color-bg);
  border: 1px solid #d9d9d9;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  border-radius: 2px;
  margin-top: 32px;
  white-space: nowrap;
  padding: 0 20px;
  font-family: var(--config-font-family);
  font-weight: 700;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
}

.discount-coupon button:hover {
  cursor: pointer;
  background-color: #eee;
}

.discount-coupon button > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.discount-coupon button span:last-child {
  display: none;
}

.discount-coupon button:disabled span:first-child {
  display: none;
}

.discount-coupon button:disabled span:last-child {
  display: inline-flex;
}

.discount-coupon button i {
  display: inline-flex;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

.discount-coupon[data-status="hidden"] .ico-coupon,
.discount-coupon[data-status="hidden"] button,
.discount-coupon[data-status="hidden"] input,
.discount-coupon[data-status="hidden"] .error {
  display: none;
}

.info-payment {
  position: relative;
  font-weight: 600;
  margin-bottom: 30px;
}

@media (max-width: 459.98px) {
  .info-payment .field {
    margin-bottom: 15px;
  }
}

.info-payment .field .label {
  display: block;
}

@media (min-width: 460px) {
  .info-payment .field .label {
    margin-bottom: 6px;
  }
}

.info-payment .field .value {
  display: block;
  color: var(--config-color-primary);
}

.info-payment[data-show-discount="0"] {
  display: flex;
  column-gap: 20px;
}

.info-payment[data-show-discount="0"] .c-fullprice, .info-payment[data-show-discount="0"] .c-discount {
  display: none;
}

.info-payment[data-show-discount="0"] .c-total {
  flex-grow: 1;
  text-align: right;
}

@media (min-width: 460px) {
  .info-payment[data-show-discount="1"] {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "payment . fullprice"  "discount total total";
  }
  .info-payment[data-show-discount="1"] .c-payment {
    grid-area: payment;
  }
  .info-payment[data-show-discount="1"] .c-fullprice {
    grid-area: fullprice;
  }
  .info-payment[data-show-discount="1"] .c-discount {
    grid-area: discount;
  }
  .info-payment[data-show-discount="1"] .c-total {
    grid-area: total;
    text-align: right;
  }
}

.info-payment .c-total {
  font-weight: 700;
  /**
    small {
      font-size: 80%;
      font-weight: unset;
    }
    /**/
}

@media (max-width: 619.98px) {
  .info-payment .c-total {
    font-size: 20px;
  }
}

@media (min-width: 620px) {
  .info-payment .c-total {
    font-size: 24px;
  }
}

.info-payment .c-total .big {
  font-weight: unset;
  white-space: nowrap;
}

@media (max-width: 619.98px) {
  .info-payment .c-total .big {
    font-size: 24px;
  }
}

@media (min-width: 620px) {
  .info-payment .c-total .big {
    font-size: 32px;
  }
}

/* FINISH */
.terms {
  position: relative;
  margin-left: 50px;
  margin-bottom: 10px;
}

.terms + .terms {
  margin-bottom: 30px;
}

.terms input {
  position: absolute;
  top: 2px;
  left: -30px;
}

.terms label:not(.error) {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.terms label.error {
  display: block;
}

.terms a, .terms b {
  font-weight: 700;
  color: var(--config-color-primary);
  text-decoration: underline;
  cursor: pointer;
}

.terms a:hover, .terms b:hover {
  color: #8cc152;
}

.btn-buy-now {
  margin-bottom: 16px;
}

.safe-buy {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 30px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.safe-buy img {
  width: 100%;
}

.payment-loader,
.payment-loader-initial {
  position: relative;
}

.payment-loader .loader,
.payment-loader-initial .loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 20px;
}

.payment-loader .loader svg,
.payment-loader-initial .loader svg {
  animation: spin 1s linear infinite;
  height: 25px;
}

.payment-loader[data-status] .loader,
.payment-loader-initial[data-status] .loader {
  display: none;
}

.payment-loader[data-status="loading"] > .loader,
.payment-loader-initial[data-status="loading"] > .loader {
  display: flex;
}

.payment-loader[data-status="loading"] > :not(.loader),
.payment-loader-initial[data-status="loading"] > :not(.loader) {
  display: none;
}

.payment-loader[data-installments="1"] .vista,
.payment-loader-initial[data-installments="1"] .vista {
  display: none;
}

/* FOOTER */
footer {
  width: 100%;
  box-sizing: border-box;
  padding: 24px 0px;
  padding-right: 40px;
  padding-left: 64px;
  min-height: 70px;
  margin-top: 60px;
  background: var(--config-color-bg);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

footer div:first-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

footer div:first-child a {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

@media (max-width: 991.98px) {
  footer {
    background-color: transparent;
    margin-top: 40px;
    height: 22px;
    min-height: initial;
    margin-bottom: 76px;
    padding: 0 16px;
    width: 100%;
  }
  footer div:first-child a {
    font-size: 8px;
  }
}

.form-item-input {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
}

.form-item-input label {
  width: 100%;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 5px;
  margin-top: auto;
}

.form-item-input label em {
  font-style: normal;
  font-size: 13px;
  line-height: 12px;
  color: #dc3545;
}

.form-item-input-desc {
  margin-left: 6px;
  font-size: 14px;
  line-height: 17px;
  color: var(--config-color-tx-sec);
}

.form-item-input input[type="text"],
.form-item-input input[type="email"],
.form-item-input input[type="number"],
.form-item-input select {
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  color: #505050;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  padding: 0 .5em;
  line-height: 18px;
}

.form-item-input input[type="text"]:focus,
.form-item-input input[type="email"]:focus,
.form-item-input input[type="number"]:focus,
.form-item-input select:focus {
  outline: none !important;
  border: 1px solid #40a9ff;
  border-radius: 4px;
}

.form-item-input ::placeholder {
  color: var(--config-color-tx-sec);
}

.form-item-input .ico-card {
  position: absolute;
  top: 29px;
  right: 6px;
  width: 34px;
  color: var(--config-color-tx-sec);
}

.form-item-input .ico-coupon {
  position: absolute;
  top: 35px;
  left: 3px;
  width: 27px;
  color: var(--config-color-tx-sec);
}

.form-item-input #coupon-value {
  padding-left: 40px;
}

.form-item-input #coupon-value.valid {
  color: #505050;
  background: var(--config-color-bg);
  border-color: #ddd;
}

.form-item-select {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.form-item-select label {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 6px;
  margin-top: auto;
}

.form-item-select select {
  width: 100%;
  height: 45px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #656d78;
  padding-left: 14px;
}

.form-item-select select:focus {
  outline: none !important;
  border: 1px solid #40a9ff;
  border-radius: 4px;
}

.form-item-select select > option {
  height: 45px;
  padding-bottom: 30px;
}

.form-item-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 4px;
}

.form-item-checkbox input {
  margin: 0;
  margin-right: 8px;
  width: 16px;
  height: 16px;
}

.form-item-checkbox label {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #656d78;
}

.form-item-checkbox label.error {
  display: block;
}

.form-item-number {
  display: flex;
  align-items: center;
  height: 40px;
}

.form-item-number .flags {
  position: relative;
  width: 70px;
  height: 40px;
  box-sizing: border-box;
}

.form-item-number .flags .flag {
  display: flex;
}

.form-item-number .flags .flag .flag {
  width: 28px;
  height: 17px;
}

.form-item-number input {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 12px;
  width: 100%;
  height: 40px;
  background: var(--config-color-bg);
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}

.btn-buy-now {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border: none;
  width: 100%;
  max-width: 350px;
  height: 55px;
  margin-left: auto;
  margin-right: auto;
  background: #8cc152;
  border-radius: 30px;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.btn-buy-now:hover {
  opacity: 0.8 !important;
  transition: 0.2s !important;
  cursor: pointer;
}

.btn-buy-now i {
  animation: spin 1s linear infinite;
  display: none;
  width: 25px;
  height: 25px;
}

.btn-buy-now.loading {
  cursor: wait;
  opacity: 0.8;
}

.btn-buy-now.loading i {
  display: block;
}

.btn-buy-now:disabled {
  opacity: 0.8;
}

.btn-buy-now:disabled:not(.loading) {
  cursor: not-allowed;
}

.course-order-bump {
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  display: grid;
  grid-gap: 15px;
  grid-template-columns: auto auto minmax(0, 1fr);
}

@media (max-width: 459.98px) {
  .course-order-bump {
    grid-template-areas: "cover cover cover"  "check title title"  "check pricing pricing";
  }
}

@media (min-width: 460px) {
  .course-order-bump {
    grid-template-areas: "check cover title"  "check cover pricing";
  }
}

.course-order-bump:hover {
  background-color: #fbf2ca;
}

@media (max-width: 991.98px) {
  .course-order-bump {
    padding: 8px;
  }
}

@media (min-width: 992px) {
  .course-order-bump {
    padding: 16px;
  }
}

.course-order-bump input {
  border: 0;
  padding: 0;
  margin: 0;
}

.course-order-bump:not(:last-child) {
  border-bottom: 2px #f1d34f solid;
}

.course-order-bump .no-img {
  grid-area: cover;
  background: url("https://cdn.eadplataforma.app/assets/img/camera.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 25% auto;
  border-radius: 6px;
}

@media (max-width: 459.98px) {
  .course-order-bump .no-img {
    width: 100%;
    aspect-ratio: 1.67 / 1;
  }
}

@media (min-width: 460px) {
  .course-order-bump .no-img {
    width: 167px;
    height: 100px;
  }
}

.course-order-bump .no-img .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 167px;
}

.course-order-bump .no-img .ico svg {
  width: 75px;
  fill: #aaa;
}

.course-order-bump .no-img .status--img-error + .ico {
  display: flex;
  justify-content: center;
  align-items: center;
}

.course-order-bump .img {
  border-radius: 6px;
}

@media (max-width: 459.98px) {
  .course-order-bump .img {
    display: block;
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 460px) {
  .course-order-bump .img {
    width: 167px;
    height: 100px;
  }
}

.course-order-bump .title {
  grid-area: title;
  margin: 0;
  width: 100%;
  color: #505050;
  overflow-wrap: break-word;
}

@media (max-width: 991.98px) {
  .course-order-bump .title {
    font-size: 14px;
    line-height: 1.2em;
  }
}

@media (min-width: 992px) {
  .course-order-bump .title {
    font-size: 16px;
    line-height: 1.4em;
  }
}

.course-order-bump .pricing {
  grid-area: pricing;
  display: flex;
  gap: 5px;
  max-width: 240px;
}

@media (max-width: 991.98px) {
  .course-order-bump .pricing {
    flex-direction: column;
  }
}

@media (min-width: 992px) {
  .course-order-bump .pricing {
    justify-content: space-between;
    align-items: flex-end;
    min-width: 180px;
  }
}

.course-order-bump .price-old {
  font-size: 12px;
  line-height: 14px;
  color: #9a9fa8;
}

.course-order-bump .price-old span:last-of-type {
  font-size: 14px;
  line-height: 17px;
  text-decoration-line: line-through;
  white-space: nowrap;
  word-wrap: break-word;
}

@media (min-width: 992px) {
  .course-order-bump .price-old span:last-of-type {
    display: block;
  }
}

.course-order-bump .price {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #9a9fa8;
}

@media (max-width: 991.98px) {
  .course-order-bump .price {
    font-size: 11px;
  }
}

.course-order-bump .price span {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: var(--config-color-primary);
}

.check-all {
  display: flex;
  align-items: center;
  column-gap: 15px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  .check-all {
    padding: 8px;
  }
}

@media (min-width: 992px) {
  .check-all {
    padding: 16px;
  }
}

.check-all .label-all {
  color: var(--config-color-primary);
}

.check-all:hover .label-all {
  text-decoration: underline;
}

[data-has-discount="0"] .price-old {
  display: none;
}

.row {
  display: flex;
  justify-content: start;
  align-items: flex-start;
}

.label-payment {
  font-size: 14px;
  line-height: 17px;
  color: var(--config-color-primary);
}

.wrap-check {
  grid-area: check;
  align-self: center;
  cursor: pointer;
  color: #e73f5d;
}

.wrap-check svg {
  width: 18px;
}

.wrap-check .ico {
  display: block;
  position: relative;
  top: 2px;
}

.wrap-check input {
  display: none;
}

.wrap-check input:checked ~ span.ico-off {
  display: none;
}

.wrap-check input:not(:checked) ~ span.ico-on {
  display: none;
}

.foreigner-info {
  padding: 10px;
  background: #f3f3f3;
  font-size: 12px;
  line-height: 1.5em;
  border-radius: 6px;
}

.cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 6;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  width: 70%;
  padding-left: 16px;
  background: #242424;
}

.cookies span {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}

.cookies .privacy-policy {
  cursor: pointer;
  font-weight: 700;
  text-decoration: underline;
}

@media (max-width: 991.98px) {
  .footer-bar {
    position: fixed;
    display: flex;
    justify-content: left;
    column-gap: 0.5em;
    align-items: center;
    z-index: 5;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 10px 18px;
    background-color: var(--config-color-bg);
    box-sizing: border-box;
    min-height: 64px;
    box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.05);
  }
  .footer-bar .display-sum {
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
  }
  .footer-bar .payment-method {
    font-size: 12px;
  }
  .footer-bar .payment-loader {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-grow: 1;
    gap: 5px;
  }
  .footer-bar button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 16px;
    color: white;
    border-radius: 30px;
    background: #8cc152;
  }
  .footer-bar button:hover {
    opacity: 0.8;
  }
  .footer-bar button i {
    animation: spin 1s linear infinite;
    display: none;
    width: 20px;
    height: 20px;
  }
  .footer-bar button.loading {
    cursor: wait;
    opacity: 0.8;
  }
  .footer-bar button.loading i {
    display: unset;
  }
  .footer-bar button:disabled {
    opacity: 0.8;
  }
  .footer-bar button:disabled:not(.loading) {
    cursor: not-allowed;
  }
}

@media (min-width: 992px) {
  .footer-bar {
    display: none;
  }
}

.info-address .row {
  gap: 16px;
}

.status--img-error {
  display: none;
}

.slider-wrap {
  position: relative;
  margin: 30px auto 80px;
}

@media (max-width: 991.98px) {
  .slider-wrap {
    width: 90%;
  }
}

@media (min-width: 992px) {
  .slider-wrap {
    width: 720px;
  }
}

.slider-wrap .tns-nav {
  display: flex;
  justify-content: center;
  padding-top: 15px;
  gap: 15px;
}

.slider-wrap .tns-nav button {
  width: 15px;
  height: 15px;
  display: block;
  background: #ccc;
  border: none;
  border-radius: 50%;
}

.slider-wrap .tns-nav button.tns-nav-active, .slider-wrap .tns-nav button:hover {
  background: var(--config-color-primary);
}

.slider-wrap .slider-seta {
  background: #ccc;
}

#slider-testimonials {
  position: relative;
  display: flex;
  align-items: stretch;
}

#slider-testimonials .tns-item {
  display: inline-flex;
  align-items: stretch;
}

#slider-testimonials .card {
  padding: 16px 24px 24px;
  background: #fff;
  border-radius: calc(var(--flat) * 6px);
  text-align: center;
  width: 100%;
}

@media (max-width: 991.98px) {
  #slider-testimonials .card {
    box-sizing: border-box;
  }
}

#slider-testimonials .card .avatar {
  position: relative;
  overflow: hidden;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto 10px;
  background: url("https://cdn.eadplataforma.app/assets/img/user.svg") #e6e6e6 center center no-repeat;
  background-size: 55% auto;
}

#slider-testimonials .card .avatar img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

#slider-testimonials .card .avatar img:not(.status--img-error) {
  display: block;
  object-fit: cover;
  object-position: center;
  background-color: #e6e6e6;
  transition: width 200ms, height 200ms, transform 200ms;
  width: 100%;
  aspect-ratio: 1 / 1.41;
}

#slider-testimonials .card .username {
  display: block;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  color: var(--config-color-primary);
  margin-bottom: 15px;
}

#slider-testimonials .card .avaliacao-stars {
  display: block;
  margin-bottom: 15px;
}

#slider-testimonials .card .avaliacao-stars i {
  position: relative;
  display: inline-block;
  text-align: center;
  height: 19px;
  width: 21px;
}

#slider-testimonials .card .avaliacao-stars i svg {
  position: absolute;
  top: 0;
  right: 0;
}

#slider-testimonials .card .depoiment {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #989898;
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  #slider-testimonials .card .depoiment {
    max-width: 294px;
  }
}

#slider-testimonials .card .testimonial-more button {
  color: #989898;
  font-weight: bold;
  cursor: pointer;
}

#slider-testimonials .card .testimonial-more button:hover {
  color: var(--config-color-primary);
}

#slider-testimonials [data-open=""] .depoiment {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

#slider-testimonials [data-open=""] button {
  display: none;
}

#slider-testimonials [data-open="0"] .depoiment {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

#slider-testimonials [data-open="0"] .open {
  display: none;
}

#slider-testimonials [data-open="1"] .close {
  display: none;
}

.video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

input[type="text"].error,
input[type="email"].error,
input[type="number"].error,
select.error,
textarea.error {
  background-color: #fee;
  color: #dc3545;
  border-color: #dc3545;
}

input[type="text"].error-paga,
input[type="email"].error-paga,
input[type="number"].error-paga,
select.error-paga,
textarea.error-paga {
  background-color: #ffc;
  color: brown;
  border-color: brown;
}

input[type="text"].valid,
input[type="email"].valid,
input[type="number"].valid,
select.valid,
textarea.valid {
  background-color: #ebfefc;
  color: #019188;
  border-color: #01c4b7;
}

label.error {
  padding: 3px 0 0 6px;
  color: #dc3545;
  margin-bottom: 0;
  font-weight: normal;
}

.hidden {
  display: none !important;
}

#contain-checkout-fields {
  position: relative;
  padding-top: 16px;
}

#contain-checkout-fields .form-item-checkbox {
  margin-bottom: 12px;
}

.wrap-old {
  position: relative;
}

#wrap-installments .interest {
  font-size: 11px;
  margin: 5px 0 0 5px;
  color: #999;
}

#wrap-installments[data-display=""] label, #wrap-installments[data-display=""] select, #wrap-installments[data-display=""] .interest {
  display: none;
}

label[for="payment-options"] {
  margin-top: 10px;
}

.modal-header h3 {
  margin: 0;
}

label[data-country] span {
  display: none;
}

label[data-country="1"] span {
  display: initial;
}

.hascourse {
  text-align: center;
}

.hascourse .btn-buy-now {
  margin: 0 auto;
  width: auto;
  padding: 0 2em;
}

.wrap-finish .info {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

.wrap-finish .info img {
  display: block;
  max-width: 100%;
}

.wrap-finish .info h3 {
  margin: 30px 0;
}

@media (max-width: 991.98px) {
  .wrap-finish .info h3 {
    padding: 0 16px;
  }
}

@media (min-width: 992px) {
  .wrap-finish .info h3 {
    padding: 0 24px;
  }
}

@media (max-width: 991.98px) {
  .wrap-finish .wrapper {
    padding: 0 16px 16px;
  }
}

@media (min-width: 992px) {
  .wrap-finish .wrapper {
    padding: 0 24px 24px;
  }
}

.wrap-finish .box-warning {
  color: #666;
  background: #fffbe6;
  border-color: #ffe58f;
}

.wrap-finish .box-warning i {
  color: #faad14;
}

.wrap-finish .box-success {
  color: #666;
  background: #f6ffed;
  border-color: #52c41a;
}

.wrap-finish .box-success i {
  color: #52c41a;
}

.wrap-finish .box-warning,
.wrap-finish .box-success {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  gap: 15px;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  font-size: 15px;
  margin-bottom: 30px;
}

.wrap-finish .box-warning svg,
.wrap-finish .box-success svg {
  margin-top: 3px;
  width: 25px;
  height: 25px;
}

.wrap-finish .box-warning h3,
.wrap-finish .box-success h3 {
  font-size: 16px;
}

.wrap-finish .box-warning p,
.wrap-finish .box-success p {
  margin: .5em 0 0;
}

.wrap-finish .form-item-input {
  margin-bottom: 10px;
}

.wrap-finish .btn-buy-now {
  display: block;
  margin: 30px auto 0;
  padding: 0 2em;
  width: auto;
}

.wrap-finish .wait-success {
  display: none;
}

.wrap-finish .status--sucesso {
  display: none;
}

.wrap-finish .box-success {
  display: none;
}

.wrap-finish[data-status="finished-new-user"] .wait-form {
  display: none;
}

.wrap-finish[data-status="finished-new-user"] .status--sucesso {
  display: initial;
}

.wrap-finish[data-status="finished-new-user"] .wait-success {
  display: initial;
}

.wrap-finish[data-status="finished"] .wait-form {
  display: none;
}

.wrap-finish[data-status="finished"] .box-success {
  display: flex;
}

.wrap-finish[data-status="finished"] .wait-success {
  display: initial;
}

.card-user[data-status="finished-new-user"],
.card-user[data-status="finished"] {
  display: none;
}

.wrap-finalize[data-status="finished-new-user"],
.wrap-finalize[data-status="finished"] {
  display: none;
}

#btn-enrollment {
  line-height: 55px;
}

.cp-custom .wrap-boxes {
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-gap: 10px;
}

.cp-custom .wrap-boxes .cp-radio {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
}

.cp-custom .wrap-boxes .cp-radio span {
  color: var(--config-color-tx-sec);
}

.cp-custom .wrap-boxes .cp-radio input {
  display: none;
}

.cp-custom .wrap-boxes .cp-radio input:checked + span {
  display: none;
}

.cp-custom .wrap-boxes .cp-radio input:checked + span + span {
  color: var(--config-color-tx);
}

.cp-custom .wrap-boxes .cp-radio input:not(:checked) + span + span {
  display: none;
}

.cp-custom .wrap-boxes .cp-radio .txt {
  margin-left: 0.5em;
  font-weight: bold;
}

.cp-custom .wrap-boxes.error span {
  color: #dc3545;
}

.cp-custom .wrap-boxes.valid span {
  color: #019188 !important;
}

.cp-custom .input-file .file-label,
.cp-custom .input-file .drop-area {
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: 1px var(--config-color-borda) solid;
  height: 38px;
  box-sizing: border-box;
}

.cp-custom .input-file .file-label {
  padding: 0 15px;
}

.cp-custom .input-file .drop-area {
  column-gap: 10px;
  cursor: pointer;
  padding: 5px;
}

.cp-custom .input-file svg {
  flex-shrink: 0;
  stroke: #bbb;
  width: 30px;
  height: 30px;
}

.cp-custom .input-file .drop-label {
  display: inline-flex;
  align-items: center;
}

.cp-custom .input-file input {
  display: none;
}

.cp-custom .input-file[data-status] .drop-label p,
.cp-custom .input-file[data-status] + .actions {
  display: none;
}

.cp-custom .input-file[data-status="empty"] .drop-label .show-empty {
  display: initial;
}

.cp-custom .input-file[data-status="wait"] .drop-label .show-wait {
  display: initial;
}

.cp-custom .input-file[data-status="full"] .drop-label .show-full,
.cp-custom .input-file[data-status="full"] + .actions {
  display: flex;
}

.cp-custom .actions {
  margin-top: 10px;
}

.cp-custom .actions button {
  margin: 0;
}

.cp-custom .actions button:first-child {
  margin-right: 10px;
}

.page-height {
  min-height: calc(100vh - 56px);
}

.page-height-top {
  margin-top: 56px;
}

@media (max-width: 767.98px) {
  .page-height-top {
    margin-top: 46px;
  }
}

body[data-has-interest="0"] .interest {
  display: none;
}

body[data-has-interest="1"] .interest {
  display: unset;
}

.modal-scroll {
  background-color: #fff;
}

.modal-scroll .modal-box {
  background-color: #fff;
}

[data-scroll="mobi-bar"] {
  padding-bottom: 64px;
}

[data-scroll="mobi-nobar"] {
  padding-bottom: 0 !important;
}

[data-scroll="mobi-nobar"] .footer-bar {
  display: none;
}

.grecaptcha-badge {
  visibility: hidden;
}