@charset "UTF-8";
/*
------------
    EAD
------------
*/
/* CONFIG */
/*
------------------
  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 */
/* MIXINS */
/* 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 --- */
/* BREAKPOINTS > PRODUCT */
/* --- CONFIG --- */
/* --- MIXINS --- */
/*
----------------
  COLA WIDTH
----------------

Largura cola nas bordas do elemento api a despeito do padding

*/
/*
---------------
  CENTRALIZA
---------------

Posiciona no centro da área

*/
/*
-------------
  CLEARFIX
-------------

Anula os floats

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

Mixins para botões

*/
/*
-----------
  FORMS
-----------

Mixins para os forms

*/
/*
----------------
  TEXTO TRAÇO
----------------

Texto com traço no meio

*/
/*
----------------
  SCROLLBAR
----------------

Scrollbar

*/
/*
----------------
  BACKGROUNDS
----------------
*/
/*
------------------
  CLASSES ÚTEIS
------------------

Classes de utilidade geral

*/
.tx-centro {
  text-align: center;
}

.nb {
  white-space: nowrap;
}

.hidden {
  display: none !important;
}

.cf:before, .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cursor-pointer {
  cursor: pointer;
}

.tema--cor-tx {
  color: var(--config-color-primary);
}

.tema--cor-bg {
  background-color: var(--config-color-primary);
}

@media (max-width: 767.98px) {
  .sep-mobile {
    box-sizing: content-box;
    width: 100%;
    margin-left: -15px;
    padding-left: 30px;
    margin-bottom: 30px;
  }
}

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

.status--img-error {
  display: none;
}

/*
---------------
  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 */
/*
---------------------------------------
  ANIMA REMOVE
---------------------------------------
*/
@keyframes anima-remove {
  from {
    max-height: 500px;
    opacity: 1;
  }
  to {
    max-height: 0;
    opacity: 0;
  }
}

.js--anima-remove {
  max-height: 600px;
  overflow: hidden;
  animation-name: anima-remove;
  animation-duration: 1s;
  animation-play-state: running;
  animation-fill-mode: forwards;
}

/* FUNCTIONS */
/*
---------------
  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;
  }
}

/*
-----------------
  ENUMERATIONS
-----------------

Enumerações, dicionários e mapeamentos

*/
/* TRANSACTIONS */
/* GET ENUM */
/*
----------------
  CONFIG FLAT
----------------

Config Flat

*/
/*
----------------
  WID BOXES
----------------

Config Flat

*/
/**
CSS

1 - 315
2 - 650
3 - 985
4 - 1320
5 - 1655


JS

2 - 650
3 - 985
4 - 1320
5 - 1655
/**/
/*
----------------------------
  VARIÁVEIS DE FUNÇÕES
----------------------------
*/
/* CONTAINERS */
/* LAYOUT */
/* 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;
}

/*
---------------------------------------
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;
}

/* GERAL */
html {
  scroll-behavior: smooth;
}

/* GERAL > SEÇÃO */
.tit-sec {
  margin-bottom: 32px;
}

@media (max-width: 767.98px) {
  .tit-sec {
    text-align: center;
  }
}

.tit-sec .fas {
  font-size: 40px;
  margin-top: 25px;
  margin-bottom: 15px;
}

[data-theme="light"] .tit-sec .fas {
  color: var(--config-color-bg-img);
}

[data-theme="dark"] .tit-sec .fas {
  color: #999;
}

.tit-sec h2 {
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 4px;
}

[data-theme="dark"] .tit-sec h2 {
  color: var(--config-color-primary);
}

.pag-home .tit-sec h2 {
  color: var(--config-color-primary);
}

.tit-sec .sub {
  font-size: 18px;
}

.tit-sec.pad-top {
  margin-top: 70px;
}

.footer-info.sec-bg-alt {
  background: var(--config-color-primary) !important;
}

.footer-info.sec-bg-alt span, .footer-info.sec-bg-alt div, .footer-info.sec-bg-alt a {
  color: #fff !important;
}

.footer-info.sec-bg-alt a:hover {
  color: var(--config-color-secondary) !important;
}

.rodape-sociais.sec-bg-alt {
  background: var(--config-color-primary) !important;
}

.rodape-sociais.sec-bg-alt a {
  background: var(--config-color-primary) !important;
  color: #fff !important;
}

.rodape-sociais.sec-bg-alt a i {
  color: #fff !important;
}

.pag-sec footer {
  text-align: center;
}

.pag-sec:not(.sec-bg-alt) {
  margin-bottom: 64px;
}

.sec-bg-alt {
  padding: 64px 0;
}

.sec-bg-alt + .pag-sec:not(.sec-bg-alt) {
  margin-top: 64px;
}

.sec-bg-alt + .sec-bg-alt:not(.rodape-sociais) {
  padding-top: 0;
}

[data-theme="light"] .sec-bg-alt {
  background: var(--config-color-primary);
}

[data-theme="light"] .sec-bg-alt .tit-sec h2, [data-theme="light"] .sec-bg-alt .tit-sec .sub {
  color: #fff;
}

[data-theme="light"] .sec-bg-alt .tns-nav button {
  color: #fff !important;
}

[data-theme="light"] .sec-bg-alt .tns-nav button::before {
  color: #fff !important;
}

[data-theme="dark"] .sec-bg-alt .container-boxes {
  padding-top: 30px;
  padding-bottom: 20px;
  box-sizing: content-box;
  margin: 0 auto 40px;
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

[data-theme="dark"] .slider-destaques .container-boxes {
  padding-bottom: 50px;
}

.iti__country-list {
  background-color: var(--config-color-bg);
}

.iti__country-list li {
  color: var(--config-color-tx);
}

.grecaptcha-badge {
  visibility: hidden;
}

/* GRID */
html, body {
  height: 100%;
}

body {
  font-family: var(--config-font-family);
  color: var(--config-color-tx);
  font-size: 14px;
}

body[data-theme="light"] {
  background: var(--config-color-bg);
}

body[data-theme="dark"] {
  background-color: var(--config-color-bg);
  background-attachment: fixed;
  /* Show background decoration */
}

body[data-theme="dark"][data-hide-deco="0"] {
  background-image: radial-gradient(15vw 15vw at 20vw 0, hsla(var(--config-color-hue), var(--config-color-saturation-1), 40%, 0.1) 0%, hsla(var(--config-color-hue), var(--config-color-saturation-1), 40%, 0) 100%), radial-gradient(30vw 30vw at 90vw 20vw, hsla(var(--config-color-hue), var(--config-color-saturation-1), 40%, 0.1) 0%, hsla(var(--config-color-hue), var(--config-color-saturation-2), 14%, 0) 100%), radial-gradient(35vh 35vh at 10vw 85vh, hsla(var(--config-color-hue), var(--config-color-saturation-1), 40%, 0.1) 0%, hsla(var(--config-color-hue), var(--config-color-saturation-2), 14%, 0) 100%);
}

@media (max-width: 767.98px) {
  body:not(.login-body, .cart-body) {
    padding-top: 72px;
  }
}

a {
  color: var(--config-color-tx);
}

a:hover {
  text-decoration: none;
}

.bg-alt {
  /**
 * %!!!%
    [data-theme="light"] & {
        background-color: #f0f0f0;
    }

    [data-theme="dark"] & {
        background: none;
    }
/**/
}

.bg-alt:before, .bg-alt:after {
  content: " ";
  display: table;
}

.bg-alt:after {
  clear: both;
}

.bg-box {
  position: relative;
  margin-bottom: 60px;
}

.bg-box:before, .bg-box:after {
  content: " ";
  display: table;
}

.bg-box:after {
  clear: both;
}

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

[data-theme="dark"] .bg-box {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

@media (max-width: 767.98px) {
  .bg-box {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 575.98px) {
  .bg-box {
    padding: 20px;
  }
}

@media (min-width: 576px) {
  .bg-box {
    padding: 40px;
  }
}

.container {
  position: relative;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1655px;
}

.container > .bg-box:first-child {
  margin-top: 60px;
}

@media (max-width: 767.98px) {
  .container.mobile--wid {
    padding: 0;
  }
}

.items-section {
  position: relative;
}

.sec-items-left .items-section {
  margin-left: 0;
  margin-right: auto;
}

.sec-items-center .items-section {
  margin-left: auto;
  margin-right: auto;
}

.sec-items-right .items-section {
  margin-left: auto;
  margin-right: 0;
}

.container-boxes {
  position: relative;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 679.98px) {
  .container-boxes {
    max-width: 315px;
  }
}

@media (min-width: 680px) and (max-width: 1014.98px) {
  .container-boxes {
    max-width: 650px;
  }
}

@media (min-width: 1015px) and (max-width: 1349.98px) {
  .container-boxes {
    max-width: 985px;
  }
}

@media (min-width: 1350px) and (max-width: 1684.98px) {
  .container-boxes {
    max-width: 1320px;
  }
}

@media (min-width: 1685px) {
  .container-boxes {
    max-width: 1655px;
  }
}

.container-boxes .items-line-1 {
  max-width: 315px;
}

.container-boxes .items-line-2 {
  max-width: 650px;
}

.container-boxes .items-line-3 {
  max-width: 985px;
}

.container-boxes .items-line-4 {
  max-width: 1320px;
}

.container-boxes .items-line-5 {
  max-width: 1655px;
}

/* TOPO */
.topo-bg {
  position: relative;
  z-index: 3;
}

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

.topo {
  display: flex;
  flex-wrap: nowrap;
}

@media (max-width: 767.98px) {
  .topo {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    height: 72px;
    background-color: var(--config-color-bg);
    padding-right: 10px;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    transition-duration: .3s;
    -ms-transition-duration: .3s;
  }
  .topo[data-page-height-top='1'] {
    top: 46px;
  }
}

@media (min-width: 768px) {
  .topo {
    align-items: center;
    position: relative;
    height: 100px;
    margin: 0 auto;
    font-size: 16px;
    width: 100%;
    max-width: 1655px;
  }
}

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

@media (min-width: 768px) {
  .topo .login {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
  }
}

@media (max-width: 1719.98px) {
  .topo .login {
    column-gap: 10px;
    margin-right: 10px;
  }
}

@media (min-width: 1720px) {
  .topo .login {
    column-gap: 20px;
    margin-right: 20px;
  }
}

.topo .contem-cart {
  position: relative;
}

@media (max-width: 767.98px) {
  .topo .contem-cart {
    border-left: 1px #ddd solid !important;
  }
}

@media (min-width: 768px) {
  .topo .logar:hover {
    color: var(--config-color-primary);
  }
  .topo .btn-login {
    height: 40px;
    padding: 0 10px;
    cursor: pointer;
    line-height: 40px;
    border-radius: calc(var(--flat) * 40px / 2);
    display: inline-block;
    text-align: center;
    min-width: 120px;
    background-color: var(--config-color-primary);
    color: #fff;
  }
  .topo .btn-login:hover {
    background-color: var(--config-color-secondary);
  }
  .topo .btn-menu {
    position: relative;
    cursor: pointer;
    margin-left: 40px;
  }
  .topo .btn-menu .avatar {
    color: var(--config-color-tx-sec);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #eee;
    background-size: 50% auto;
    overflow: hidden;
  }
  [data-theme="dark"] .topo .btn-menu .avatar {
    border: solid 3px #ccc;
  }
  [data-theme="light"] .topo .btn-menu .avatar {
    border: solid 3px var(--config-color-bg-img);
  }
  .topo .btn-menu .avatar img {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .topo .btn-menu .avatar svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 26px;
  }
  .topo .btn-menu i {
    position: absolute;
    top: 20px;
    right: 60px;
    font-size: 20px;
  }
  [data-theme="dark"] .topo .btn-menu i {
    color: #ccc;
  }
  [data-theme="light"] .topo .btn-menu i {
    color: var(--config-color-bg-img);
  }
  .topo .js--drop-aberto .seta {
    transform: rotate(180deg);
  }
  .topo .contem-user {
    position: relative;
  }
  .topo .user-menu {
    position: absolute;
    z-index: 4;
    top: 55px;
    min-width: 150px;
    box-sizing: border-box;
    background-color: var(--config-color-bg-alt);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: calc(var(--flat) * 4px);
    right: 5px;
  }
  .topo .user-menu:before {
    position: absolute;
    top: -12px;
    right: 58px;
    content: '◥';
    font-size: 18px;
    transform: rotate(-45deg);
    text-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1);
  }
  [data-theme="light"] .topo .user-menu:before {
    color: var(--config-color-bg-box);
  }
  [data-theme="dark"] .topo .user-menu:before {
    color: #2d2d2d;
  }
  .topo .user-menu a {
    display: flex;
    padding: 12px 20px;
    align-items: center;
  }
  .topo .user-menu a:first-of-type {
    border-top: none;
    border-top-left-radius: calc(var(--flat) * 4px);
    border-top-right-radius: calc(var(--flat) * 4px);
  }
  .topo .user-menu a:last-of-type {
    border-bottom-right-radius: calc(var(--flat) * 4px);
    border-bottom-left-radius: calc(var(--flat) * 4px);
  }
  [data-theme="light"] .topo .user-menu a:hover {
    background-color: #eee;
  }
  [data-theme="dark"] .topo .user-menu a:hover {
    background-color: #111;
  }
  .topo .user-menu a i {
    width: 18px;
    margin-right: 10px;
    color: var(--config-color-tx-sec);
  }
  .topo .contem-notifications {
    position: relative;
  }
  .topo .contem-notifications .icon-notify i {
    border-radius: 50%;
  }
  .topo .contem-notifications .foto {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .topo .contem-notifications .foto svg {
    max-width: 65%;
    max-height: 65%;
  }
  .topo .contem-notifications[data-fix="wait"] .pagination-loader {
    display: flex;
  }
  .topo .topo-context-menu {
    position: absolute;
    z-index: 4;
    right: 0;
    top: 66px;
    min-width: 360px;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: calc(var(--flat) * 8px);
  }
  [data-theme="light"] .topo .topo-context-menu {
    background-color: var(--config-color-bg-box);
  }
  [data-theme="dark"] .topo .topo-context-menu {
    background-color: #2d2d2d;
  }
  .topo .topo-context-menu:before {
    position: absolute;
    top: -12px;
    right: 37px;
    content: '◥';
    font-size: 18px;
    transform: rotate(-45deg);
    text-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1);
  }
  [data-theme="light"] .topo .topo-context-menu:before {
    color: var(--config-color-bg-box);
  }
  [data-theme="dark"] .topo .topo-context-menu:before {
    color: #2d2d2d;
  }
  .topo .topo-context-menu h3 {
    font-size: 13px;
    margin-bottom: 10px;
    color: var(--config-color-primary);
  }
  .topo .cart-menu {
    padding: 25px 20px;
  }
  .topo .cart-menu .scroll {
    max-height: 200px;
    overflow-y: auto;
    padding-right: 10px;
  }
  .topo .cart-menu .item {
    display: flex;
    align-items: center;
    border-bottom: 1px #eee solid;
    padding: 15px 0;
  }
  .topo .cart-menu .item .name {
    flex-grow: 1;
  }
  .topo .cart-menu .item .value {
    font-weight: bold;
    margin: 0 10px 0 15px;
  }
  .topo .cart-menu .item i {
    font-size: 18px;
    width: 20px;
    height: 20px;
    color: var(--config-color-tx-sec);
    cursor: pointer;
  }
  .topo .cart-menu .item i:hover {
    color: var(--config-color-tx);
  }
  .topo .cart-menu footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
  }
  .topo .cart-menu footer .total {
    font-weight: bold;
  }
  .topo .cart-menu footer .total span {
    display: block;
  }
  .topo .cart-menu footer .total span:nth-of-type(1) {
    font-size: 12px;
    color: var(--config-color-tx-sec);
    margin-bottom: 5px;
  }
  .topo .cart-menu footer .total span:nth-of-type(2) {
    font-size: 16px;
  }
  .topo .cart-menu .vazio {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    min-height: 150px;
  }
  .topo .cart-menu .vazio h4 {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .topo .cart-menu .vazio p {
    margin-bottom: 30px;
  }
  .topo .cart-menu .loading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 130px;
  }
  .topo .cart-menu .loading i {
    animation: spin 1s linear infinite;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: var(--config-color-tx-sec);
  }
  .topo .cart-menu .loading p {
    margin-top: 15px;
  }
  .topo .cart-menu[data-status="loading"] .loading {
    display: flex;
  }
  .topo .cart-menu[data-status="loading"] .complete {
    display: none;
  }
  .topo .cart-menu[data-status="complete"] .loading {
    display: none;
  }
  .topo .cart-menu[data-status="complete"] .complete {
    display: block;
  }
  .topo .notifications-menu header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px;
  }
  .topo .notifications-menu header h3 {
    margin-bottom: 0;
  }
  .topo .notifications-menu header a {
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
  }
  .topo .notifications-menu .pagination-loader {
    display: none;
    justify-content: center;
    align-items: center;
    height: 60px;
    background-color: #f6f6f6;
  }
  .topo .notifications-menu .pagination-loader svg {
    animation: spin 1s linear infinite;
    display: block;
    height: 25px;
  }
  .topo .notifications-menu .items {
    max-height: 30vw;
    overflow-y: auto;
    border-top: 1px var(--config-color-borda) solid;
  }
  .topo .notifications-menu .items .item {
    border-bottom: 1px var(--config-color-borda) solid;
    font-size: 13px;
  }
  [data-theme="light"] .topo .notifications-menu .items .item {
    background-color: var(--config-color-bg-alt);
  }
  [data-theme="dark"] .topo .notifications-menu .items .item {
    background-color: #2d2d2d;
  }
  .topo .notifications-menu .items .item a {
    display: flex;
    padding: 15px 20px;
  }
  .topo .notifications-menu .items .item .foto {
    flex-grow: 0;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin: 5px 10px 0 0;
    border-radius: 50%;
  }
  [data-theme="light"] .topo .notifications-menu .items .item .foto {
    background: #ccc;
  }
  [data-theme="dark"] .topo .notifications-menu .items .item .foto {
    background: #555;
  }
  .topo .notifications-menu .items .item .foto img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
  }
  .topo .notifications-menu .items .item h4 {
    font-weight: normal;
    margin-bottom: 5px;
  }
  .topo .notifications-menu .items .item .subinfo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--config-color-tx-sec);
  }
  .topo .notifications-menu .items .item .subinfo .desc {
    flex-grow: 1;
  }
  .topo .notifications-menu .items .item .subinfo .data {
    white-space: nowrap;
    margin-left: 20px;
  }
  .topo .notifications-menu .items .item .subinfo .data svg {
    position: relative;
    top: 1px;
    margin-right: 4px;
    width: 10px;
    height: 10px;
  }
  [data-theme="light"] .topo .notifications-menu .items .item[data-status="novo"] {
    background-color: var(--config-color-bg-alt);
  }
  [data-theme="dark"] .topo .notifications-menu .items .item[data-status="novo"] {
    background-color: #2d2d2d;
  }
  .topo .notifications-menu .items .item[data-status="novo"] h4 {
    font-weight: bold;
  }
  .topo .notifications-menu .items .item[data-status="novo"] .data {
    color: var(--config-color-tx);
    font-weight: bold;
  }
  .topo .notifications-menu .items .vazio {
    display: block;
    text-align: center;
    padding: 22px 10px;
    background-color: #f6f6f6;
  }
  .topo .notifications-menu footer {
    justify-content: center;
    padding: 20px 0;
    display: none;
  }
  .topo .notifications-menu footer .btn-continuar-peq {
    width: 160px;
  }
  .topo .notifications-menu footer[data-status="on"] {
    display: flex;
  }
}

@media (max-width: 767.98px) {
  .topo .contem-notifications,
  .topo .btn-menu {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .topo .menu-links {
    display: none;
  }
}

@media (max-width: 1719.98px) {
  .topo .menu-links {
    margin: 0 10px;
  }
}

@media (min-width: 1720px) {
  .topo .menu-links {
    margin: 0 20px;
  }
}

@media (min-width: 768px) {
  .topo .menu-links {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
  }
  .topo .menu-links > a,
  .topo .menu-links > .dropdown > a {
    padding: 5px 7px;
  }
  .topo .menu-links a {
    white-space: nowrap;
    font-weight: bold;
  }
  .topo .menu-links a:hover {
    color: var(--config-color-primary);
  }
  .topo .menu-links a .ico-busca {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
  }
  .topo .menu-links .dropdown {
    display: inline-flex;
    position: relative;
    z-index: 3;
    cursor: default;
  }
  .topo .menu-links .dropdown ul {
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: var(--config-color-bg);
    min-width: 250px;
  }
  [data-theme="light"] .topo .menu-links .dropdown ul {
    box-shadow: 0px 0px 7px 1px #ccc;
  }
  [data-theme="dark"] .topo .menu-links .dropdown ul {
    box-shadow: 0px 0px 7px 1px #000;
  }
  .topo .menu-links .dropdown ul li {
    width: 100%;
    text-align: left;
    border-style: none;
    list-style: none;
  }
  .topo .menu-links .dropdown ul a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
  }
  .topo .menu-links .dropdown ul a:hover {
    padding-left: 20px;
    border-left: 5px solid var(--config-color-primary);
    transition: all 0.3s ease;
  }
  .topo .menu-links .dropdown:hover > ul,
  .topo .menu-links .dropdown ul:hover {
    display: block;
  }
  .topo .menu-links .js--live:after {
    position: relative;
    top: -1px;
    padding-left: 0.3em;
    content: '●';
    color: #e9504e;
  }
}

.topo .logo {
  display: flex;
  align-items: center;
}

@media (max-width: 767.98px) {
  .topo .logo {
    flex-grow: 1;
    height: 72px;
  }
}

@media (min-width: 768px) {
  .topo .logo {
    height: 100px;
  }
}

.topo .logo a {
  display: block;
  flex-shrink: 1;
}

.topo .logo img {
  display: block;
}

@media (max-width: 767.98px) {
  .topo .logo img {
    max-width: 100%;
    max-height: 50px;
  }
}

@media (min-width: 768px) {
  .topo .logo img {
    max-width: 240px;
    max-height: 60px;
  }
}

.topo .btn-menu-mobile {
  height: 72px;
  width: 72px;
  color: var(--config-color-primary);
}

@media (max-width: 767.98px) {
  .topo .btn-menu-mobile {
    font-size: 26px;
  }
}

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

.topo .btn-busca-mobile {
  height: 72px;
  width: 72px;
  margin-right: 5px;
}

@media (max-width: 767.98px) {
  .topo .btn-busca-mobile {
    font-size: 24px;
    color: var(--config-color-tx-sec);
  }
}

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

/* NOTIFICATION ICON */
.icon-notify {
  position: relative;
  display: flex;
  justify-content: right;
  align-items: center;
  width: 72px;
  height: 72px;
  cursor: pointer;
}

.icon-notify .material-icons {
  font-size: 35px;
}

.icon-notify .num-itens {
  position: relative;
  flex-shrink: 0;
  display: inline-block;
  text-align: center;
  width: 26px;
  height: 26px;
  line-height: 24px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  background-color: var(--config-color-primary);
}

.icon-notify .num-itens:after {
  /* --- ARIEL --- */
  /* --- ANDRÉ --- */
  left: -6px;
  top: -1px;
  position: absolute;
  color: var(--config-color-primary);
  font-size: 18px;
  content: '◂';
}

.icon-notify--full i {
  color: var(--config-color-tx);
}

.icon-notify--full .aviso-vazio,
.icon-notify--full + .aviso-vazio {
  display: none;
}

.icon-notify--empty {
  color: var(--config-color-tx-sec);
}

.icon-notify--empty .num-itens {
  display: none;
}

.icon-notify--empty .aviso-vazio,
.icon-notify--empty + .aviso-vazio {
  display: initial;
}

.topo-cart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
}

[data-theme="light"] .topo-cart {
  background-color: var(--config-color-bg);
}

.topo-cart .logo img {
  display: block;
}

@media (max-width: 767.98px) {
  .topo-cart .logo img {
    max-width: 100%;
    max-height: 50px;
  }
}

@media (min-width: 768px) {
  .topo-cart .logo img {
    max-width: 240px;
    max-height: 60px;
  }
}

.topo-cart h2 {
  margin-bottom: 1em;
}

/* BANNER */
.banner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1365.98px) {
  .banner {
    height: auto;
  }
}

@media (min-width: 1366px) {
  [data-theme="dark"] .banner {
    margin-top: -100px;
  }
  .banner.home-banner {
    height: auto;
  }
  .banner.home-banner-full {
    max-width: 1920px;
    max-height: 500px;
  }
}

.banner .banner-container {
  max-width: 1655px;
}

.banner .banner-slider .banner-item {
  overflow: hidden;
}

@media (min-width: 1366px) {
  .banner .banner-slider .banner-item {
    max-height: 500px;
    aspect-ratio: 3.83995;
  }
}

.banner .banner-slider .banner-item .item-box {
  position: relative;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .banner .banner-slider .banner-item .item-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.banner .banner-slider .banner-item a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}

.banner .banner-slider .banner-item img {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 1365.98px) {
  .banner .banner-slider .banner-item img {
    object-fit: cover;
    object-position: center top;
  }
}

.banner .banner-slider .banner-item .legend {
  color: #fff;
  position: absolute;
  z-index: 2;
}

@media (max-width: 767.98px) {
  .banner .banner-slider .banner-item .legend {
    bottom: 0;
  }
}

[data-theme="light"] .banner .banner-slider .banner-item .legend {
  top: 0;
  left: 30px;
  right: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

[data-theme="dark"] .banner .banner-slider .banner-item .legend {
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 30px;
  padding-left: 6vw;
  width: 75%;
  box-sizing: content-box;
}

@media (max-width: 1365.98px) {
  [data-theme="dark"] .banner .banner-slider .banner-item .legend {
    top: 0;
  }
}

@media (min-width: 1366px) {
  [data-theme="dark"] .banner .banner-slider .banner-item .legend {
    top: 100px;
  }
}

.banner .banner-slider .banner-item .legend .title {
  font-weight: 900;
  line-height: 1.2em;
}

[data-theme="light"] .banner .banner-slider .banner-item .legend .title {
  font-size: clamp(16px, 6vw, 40px);
}

[data-theme="dark"] .banner .banner-slider .banner-item .legend .title {
  font-size: clamp(16px, 6vw, 54px);
}

@media (max-width: 767.98px) {
  .banner .banner-slider .banner-item .legend .title {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 768px) {
  .banner .banner-slider .banner-item .legend .title {
    text-shadow: 0 2px 2px #000;
  }
}

@media (min-width: 768px) {
  .banner .banner-slider .banner-item .legend .subtitle {
    text-shadow: 0 1px 1px #000;
  }
}

[data-theme="light"] .banner .banner-slider .banner-item .legend .subtitle {
  font-size: clamp(16px, 6vw, 30px);
}

[data-theme="dark"] .banner .banner-slider .banner-item .legend .subtitle {
  font-size: clamp(16px, 6vw, 25px);
}

.banner .banner-nav-dots {
  text-align: center;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .banner .banner-nav-dots {
    min-height: 30px;
    z-index: 9;
  }
}

@media (min-width: 768px) {
  .banner .banner-nav-dots {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: clamp(30px, 20%, 60px);
  }
}

.banner .banner-nav-dots button {
  display: block;
  position: relative;
  padding: 0;
  font-size: 30px;
  opacity: .5;
  text-align: center;
  cursor: pointer;
  width: 30px;
  height: 30px;
}

.banner .banner-nav-dots button:focus {
  outline: none;
}

.banner .banner-nav-dots button.tns-nav-active, .banner .banner-nav-dots button:hover {
  opacity: 1;
}

.banner .banner-nav-dots button:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

@media (max-width: 767.98px) {
  .banner .banner-nav-dots button:before {
    background-color: var(--config-color-tx);
  }
}

@media (min-width: 768px) {
  [data-theme="light"] .banner .banner-nav-dots button:before {
    background-color: var(--config-color-bg);
  }
  [data-theme="dark"] .banner .banner-nav-dots button:before {
    background-color: var(--config-color-tx);
  }
}

.banner.home-banner-full .banner-nav-dots {
  left: 30px;
  right: 30px;
}

.banner:not(.home-banner-full) .banner-nav-dots {
  left: 45px;
  right: 45px;
}

@media (min-width: 768px) {
  .banner.banner-search-after .legend {
    bottom: clamp(60px, calc(30px + 20%), 90px);
  }
  .banner.banner-search-after .banner-nav-dots {
    bottom: 30px;
  }
  .banner.banner-search-apart .legend {
    bottom: clamp(30px, 20%, 60px);
  }
  .banner.banner-search-apart .banner-nav-dots {
    bottom: 0;
  }
}

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

@media (min-width: 768px) {
  .banner .banner-seta {
    z-index: 2;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    opacity: .5;
    position: absolute;
    top: 50%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }
  .banner .banner-seta:hover {
    opacity: 1;
  }
}

.banner.home-banner-full .banner-seta-prev {
  left: 40px;
}

.banner.home-banner-full .banner-seta-prev:hover {
  left: 35px;
}

.banner.home-banner-full .banner-seta-next {
  right: 40px;
}

.banner.home-banner-full .banner-seta-next:hover {
  right: 35px;
}

.banner:not(.home-banner-full) .banner-seta-prev {
  left: 55px;
}

.banner:not(.home-banner-full) .banner-seta-prev:hover {
  left: 50px;
}

.banner:not(.home-banner-full) .banner-seta-next {
  right: 55px;
}

.banner:not(.home-banner-full) .banner-seta-next:hover {
  right: 50px;
}

@media (min-width: 1366px) {
  .banner.home-banner img {
    object-fit: contain;
    object-position: center top;
  }
}

@media (min-width: 1366px) {
  .banner.home-banner-full img {
    object-fit: cover;
    object-position: center top;
  }
}

.banner[data-status="loading"] {
  height: 0;
}

/* BANNER MASKS */
@media (min-width: 768px) {
  [data-theme="dark"] .banner-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(16, 16, 16, 0.7) 0%, rgba(9, 9, 9, 0) 99%, rgba(16, 16, 16, 0) 100%);
  }
  [data-theme="dark"] .banner-mask-bottom-before {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 150px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
  }
  [data-theme="dark"] .banner-mask-bottom-after {
    position: relative;
    width: 100%;
    height: 0;
  }
  [data-theme="dark"] .banner-mask-bottom-after > div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 150px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 100%);
  }
}

/* BUSCA */
[data-theme="light"] .busca {
  position: relative;
  display: flex;
  padding: 7px;
  background-color: var(--config-color-bg);
  box-shadow: 3px 6px 14px 0 rgba(0, 0, 0, 0.08);
}

@media (min-width: 768px) {
  [data-theme="light"] .busca {
    border-radius: calc(var(--flat) * 6px);
  }
}

[data-theme="light"] .busca .btn-categorias {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 10px;
  min-width: 170px;
  border-radius: calc(var(--flat) * 3px);
  font-size: 15px;
  color: #fff;
  background-color: var(--config-color-tx);
  font-weight: bold;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  [data-theme="light"] .busca .btn-categorias {
    display: none;
  }
}

[data-theme="light"] .busca .btn-categorias:hover {
  filter: brightness(115%);
}

[data-theme="light"] .busca .btn-categorias i:first-child {
  display: block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

[data-theme="light"] .busca .btn-categorias i:first-child svg {
  width: 24px;
  height: 24px;
}

[data-theme="light"] .busca .btn-categorias i:last-child {
  display: block;
  margin-left: 20px;
  width: 24px;
  height: 24px;
}

[data-theme="light"] .busca .btn-categorias i:last-child svg {
  width: 24px;
  height: 24px;
}

[data-theme="light"] .busca input {
  flex-grow: 2;
  border: none;
  height: 50px;
  font-size: 18px;
  padding: 0 0 0 30px;
  color: #999;
}

@media (max-width: 767.98px) {
  [data-theme="light"] .busca input {
    padding-left: 0;
  }
}

[data-theme="light"] .busca input:focus {
  color: var(--config-color-tx);
}

[data-theme="light"] .busca .btn-buscar {
  padding: 0 10px;
  border-radius: calc(var(--flat) * 3px);
}

[data-theme="light"] .busca .btn-buscar i {
  color: #ddd;
  display: block;
  width: 40px;
  height: 40px;
}

[data-theme="light"] .busca .btn-buscar:hover {
  background-color: #eee;
  cursor: pointer;
}

[data-theme="light"] .busca .btn-buscar:hover i {
  color: #999;
}

[data-theme="light"] .busca .box-categorias {
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  padding: 20px 10px 5px;
}

@media (max-width: 767.98px) {
  [data-theme="light"] .busca .box-categorias {
    left: 0;
    top: 100%;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
    background-color: #eee;
  }
}

@media (min-width: 768px) {
  [data-theme="light"] .busca .box-categorias {
    left: 6px;
    top: 64px;
    width: 490px;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
    border-radius: calc(var(--flat) * 4px);
    background-color: var(--config-color-bg);
  }
}

[data-theme="light"] .busca .box-categorias div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

[data-theme="light"] .busca .box-categorias a {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  margin: 0 5px 20px;
  min-height: 42px;
  line-height: 1.2em;
  border-radius: calc(var(--flat) * 20px);
  padding: 10px 1.5em;
  font-size: 15px;
  background-color: var(--config-color-bg);
  border: #eee 2px solid;
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

@media (max-width: 767.98px) {
  [data-theme="light"] .busca .box-categorias a {
    border: #eee 2px solid;
  }
}

@media (min-width: 768px) {
  [data-theme="light"] .busca .box-categorias a {
    border: #eee 2px solid;
  }
}

[data-theme="light"] .busca .box-categorias a:hover {
  color: var(--config-color-primary);
  border-color: var(--config-color-primary);
}

[data-theme="light"] .busca .box-categorias a.js--active {
  color: #fff;
  background-color: var(--config-color-primary);
  border-color: var(--config-color-primary);
}

[data-theme="light"] .busca .box-categorias a.js--active:hover {
  color: #fff;
  border-color: var(--config-color-secondary);
  background-color: var(--config-color-secondary);
}

.busca-contem-banner {
  background: none;
}

@media (max-width: 767.98px) {
  .busca-contem-banner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background-color: var(--config-color-bg);
  }
}

@media (min-width: 768px) {
  [data-theme="dark"] .busca-contem-banner {
    display: none;
  }
  [data-theme="light"] .busca-contem-banner:not(.sec-bg-alt) {
    margin: 30px 0;
  }
  [data-theme="light"] .busca-contem-banner.sec-bg-alt {
    padding: 15px 0 !important;
  }
}

@media (min-width: 768px) {
  [data-theme="light"] .banner-search-after + .busca-contem-banner {
    margin-top: -30px;
  }
}

.busca-contem-topo {
  background: var(--config-color-primary);
}

@media (max-width: 767.98px) {
  .busca-contem-topo {
    display: none;
  }
}

@media (min-width: 768px) {
  [data-theme="light"] .busca-contem-topo {
    padding: 15px 30px;
  }
  [data-theme="dark"] .busca-contem-topo {
    display: none;
  }
}

.search-suggestions {
  display: none;
  position: absolute;
  z-index: 2;
  left: 200px;
  top: 60px;
  background-color: var(--config-color-bg);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: calc(var(--flat) * 5px);
  min-width: 250px;
  overflow: hidden;
  /* SEARCHBOX - FUNCTION */
}

@media (max-width: 767.98px) {
  .search-suggestions {
    left: 20px;
  }
}

.search-suggestions .item {
  display: flex;
  align-items: center;
  column-gap: 12px;
  padding: 0 15px;
  border-bottom: 1px #eee solid;
  font-size: 13px;
}

.search-suggestions .item:last-child {
  border-bottom: none;
}

.search-suggestions .item b {
  font-weight: bold;
  color: var(--config-color-primary);
}

.search-suggestions .item span {
  padding: 14px 0;
}

.search-suggestions .item i {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: left center;
}

.search-suggestions .item i.type-search {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>');
}

.search-suggestions .item i.type-course {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 016.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z"/></svg>');
}

.search-suggestions .item i.type-combo {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z"/></svg>');
}

.search-suggestions .item i.type-subscription {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z"/></svg>');
}

.search-suggestions .item:hover {
  background-color: #f6f6f6;
}

.search-suggestions .loader {
  display: block;
  width: 24px;
  height: 24px;
  justify-content: center;
  padding: 20px 0;
}

.search-suggestions .loader svg {
  animation: spin 1s linear infinite;
}

.search-suggestions.status--aberto {
  display: block;
}

.search-suggestions .item-start,
.search-suggestions .item-wait,
.search-suggestions .item-end-full,
.search-suggestions .item-end-empty,
.search-suggestions .loader-container,
.search-suggestions .found-links {
  display: none;
}

.search-suggestions[data-status="start"] .item-start {
  display: flex;
  border-bottom: none;
}

.search-suggestions[data-status="wait"] .item-wait {
  display: flex;
}

.search-suggestions[data-status="wait"] .loader-container {
  display: flex;
  justify-content: center;
}

.search-suggestions[data-status="end-full"] .item-end-full {
  display: flex;
}

.search-suggestions[data-status="end-full"] .found-links {
  display: block;
}

.search-suggestions[data-status="end-empty"] .item-end-empty {
  display: flex;
}

/* RODAPÉ - LINKS SOCIAIS */
.rodape-sociais {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.wrap-sociais {
  position: relative;
  border-bottom: 1px var(--config-color-borda) solid;
}

@media (max-width: 767.98px) {
  .wrap-sociais {
    width: calc(100% + 1px);
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(3, 25%) auto;
  }
}

@media (min-width: 768px) {
  .wrap-sociais {
    display: flex;
    align-items: center;
    height: 120px;
    gap: 1px;
    background-color: var(--config-color-borda);
    border-top: 1px var(--config-color-borda) solid;
    margin-bottom: -1px;
  }
}

.wrap-sociais > a {
  display: flex;
  flex-shrink: 0;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 500ms;
}

[data-theme="light"] .wrap-sociais > a {
  background-color: #f9f9f9;
}

[data-theme="dark"] .wrap-sociais > a {
  background-color: var(--config-color-bg);
}

@media (max-width: 767.98px) {
  .wrap-sociais > a {
    padding: 20px 0;
    margin-bottom: -1px;
    margin-left: -1px;
    border: 1px var(--config-color-borda) solid;
  }
}

@media (min-width: 768px) {
  .wrap-sociais > a {
    height: 100%;
    width: calc(10.5% - 1px);
  }
}

.wrap-sociais > a i {
  transition: color 500ms;
  font-size: 48px;
}

[data-theme="light"] .wrap-sociais > a i {
  color: var(--config-color-tx-sec);
}

[data-theme="dark"] .wrap-sociais > a i {
  color: #eee;
}

[data-theme="light"] .wrap-sociais > a:hover {
  background-color: #dfdfdf;
}

[data-theme="light"] .wrap-sociais > a:hover i {
  color: var(--config-color-tx);
}

[data-theme="dark"] .wrap-sociais > a:hover {
  background: #222;
}

[data-theme="dark"] .wrap-sociais > a:hover i {
  color: var(--config-color-primary);
}

.wrap-sociais.sec-bg-alt {
  border-bottom: var(--config-color-borda) 1px solid;
}

/* MENUS DA BASE */
.footer-info {
  display: flex;
  background: var(--config-color-bg);
  /* MENU INSTITUCIONAL */
}

@media (min-width: 768px) {
  .footer-info {
    border-top: var(--config-color-borda) 1px solid;
    border-bottom: var(--config-color-borda) 1px solid;
    margin-bottom: -1px;
  }
}

@media (max-width: 767.98px) {
  .footer-info {
    flex-direction: column;
  }
}

@media (max-width: 575.98px) {
  .footer-info {
    text-align: center;
  }
}

.footer-info > div {
  padding: 20px;
}

@media (max-width: 767.98px) {
  .footer-info > div {
    border-top: var(--config-color-borda) 1px solid;
  }
  .footer-info > div:first-child {
    border-top: none;
  }
}

@media (min-width: 768px) {
  .footer-info > div {
    border-left: var(--config-color-borda) 1px solid;
  }
  .footer-info > div:first-child {
    border-left: none;
  }
}

.footer-info .attendance {
  flex-shrink: 1;
}

.footer-info .attendance .tel {
  font-size: 21px;
  font-weight: bold;
  margin: 10px 0 18px;
  white-space: nowrap;
  color: var(--config-color-primary);
}

.footer-info .attendance .footer-contact {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 575.98px) {
  .footer-info .attendance .footer-contact {
    justify-content: center;
  }
}

.footer-info .attendance .footer-contact .phone-1, .footer-info .attendance .footer-contact .phone-2, .footer-info .attendance .footer-contact .contact-us {
  display: flex;
  align-items: center;
  font-weight: 500;
  margin: 10px 15px 10px 0;
}

.footer-info .attendance .footer-contact .phone-1 i, .footer-info .attendance .footer-contact .phone-2 i, .footer-info .attendance .footer-contact .contact-us i {
  font-size: 16px;
  margin-right: 5px;
}

.footer-info .attendance .footer-contact .phone-2 a:hover, .footer-info .attendance .footer-contact .contact-us a:hover {
  color: var(--config-color-primary);
}

.footer-info .attendance .footer-contact .contact-us {
  display: block;
  width: 100%;
}

.footer-info .institutional .map-site {
  width: 100%;
  margin: 0 0 20px;
}

@media (max-width: 991.98px) {
  .footer-info .institutional .map-site {
    columns: 2 auto;
  }
}

@media (min-width: 992px) {
  .footer-info .institutional .map-site {
    columns: 3 auto;
  }
}

.footer-info .institutional .map-site span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .footer-info .institutional .map-site span {
    width: 180px;
  }
}

@media (min-width: 992px) {
  .footer-info .institutional .map-site span {
    width: 120px;
  }
}

@media (min-width: 1200px) {
  .footer-info .institutional .map-site span {
    width: 180px;
  }
}

.footer-info .institutional .map-site a {
  display: inline-block;
  padding: 5px 10px;
}

.footer-info .institutional .map-site a:hover {
  color: var(--config-color-primary);
}

@media (min-width: 1200px) {
  .footer-info .certified {
    flex-grow: 1;
    width: 700px;
  }
}

.footer-info .security {
  display: flex;
  column-gap: 30px;
}

@media (max-width: 575.98px) {
  .footer-info .security {
    display: block;
  }
}

@media (min-width: 768px) {
  .footer-info .security > div {
    padding: 20px;
  }
}

.footer-info .security > div.stamps, .footer-info .security > div.payment {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: stretch;
}

@media (max-width: 575.98px) {
  .footer-info .security > div.stamps, .footer-info .security > div.payment {
    margin-top: 25px;
  }
}

.footer-info .security > div.stamps .stamps-img,
.footer-info .security > div.stamps .payment-img, .footer-info .security > div.payment .stamps-img,
.footer-info .security > div.payment .payment-img {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
  gap: 10px;
}

.footer-info .security > div.stamps .stamps-img img,
.footer-info .security > div.stamps .payment-img img, .footer-info .security > div.payment .stamps-img img,
.footer-info .security > div.payment .payment-img img {
  max-height: 50px;
}

.footer-info .title {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.footer-info .title:after {
  display: block;
  content: "";
  width: 40px;
  height: 3px;
  background-color: #f1f2f6;
  margin-top: 5px;
}

@media (max-width: 575.98px) {
  .footer-info .title:after {
    margin: 0 auto;
  }
}

.base-pay {
  border-top: var(--config-color-borda) 1px solid;
}

/* FOOTER RIGHTS */
.page-height {
  min-height: calc(100vh - 56px);
}

.page-height:before, .page-height:after {
  content: " ";
  display: table;
}

.page-height:after {
  clear: both;
}

[data-theme="light"] .page-height {
  background-color: var(--config-color-bg-alt);
}

.footer-rights {
  display: flex;
  color: var(--config-color-tx-sec);
  font-size: 12px;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
  height: 56px;
  border-top: var(--config-color-borda) 1px solid;
  background: var(--config-color-bg-alt);
}

.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;
}

/* MENU MOBILE */
@keyframes anima-menu {
  from {
    right: 100%;
  }
  to {
    right: 60px;
  }
}

@keyframes anima-menu-slide-dir {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}

@keyframes anima-menu-slide-esq {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}

@media (max-width: 767.98px) {
  .menu-mobile {
    position: fixed;
    z-index: 6;
    top: 0;
    left: 0;
    bottom: 0;
    right: 100%;
    max-width: 420px;
    background-color: var(--config-color-bg);
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.3);
    animation-name: anima-menu;
    animation-duration: 200ms;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-play-state: paused;
    animation-iteration-count: infinite;
    /* SCROLL */
    /* SETAS */
    /* SLIDES */
    /* USER OPTIONS */
  }
  .menu-mobile .menu-mobile-crop {
    overflow: hidden;
  }
  .menu-mobile .menu-mobile-box {
    position: relative;
    height: 100vh;
    width: 100%;
  }
  .menu-mobile .ico-x {
    z-index: 2;
    position: absolute;
    top: 5px;
    right: -40px;
    color: #fff;
  }
  .menu-mobile .ico-x svg {
    display: block;
    width: 35px;
    height: 35px;
  }
  .menu-mobile header {
    display: flex;
    align-items: center;
    padding: 20px;
  }
  [data-theme="light"] .menu-mobile header {
    border-bottom: #eee 1px solid;
  }
  [data-theme="dark"] .menu-mobile header {
    border-bottom: #333 1px solid;
  }
  .menu-mobile header .user {
    flex-grow: 1;
  }
  .menu-mobile header .name {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 0.4em;
  }
  .menu-mobile header .link {
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .menu-mobile header .link svg {
    margin-top: 2px;
    display: inline-block;
    width: 15px;
    height: 15px;
  }
  .menu-mobile header .link.status--open svg {
    transform: rotate(180deg);
  }
  .menu-mobile header .tit {
    font-size: 16px;
    font-weight: bold;
  }
  .menu-mobile header .login {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
    padding: 0 10px 0 0;
    font-weight: bold;
    color: var(--config-color-primary);
    white-space: nowrap;
  }
  .menu-mobile header .login a {
    color: var(--config-color-primary);
  }
  .menu-mobile header .avatar {
    position: relative;
    width: 60px;
    height: 60px;
    border: solid 3px var(--config-color-bg-img);
    background-color: #eee;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 15px;
    background: url("https://cdn.eadplataforma.app/assets/img/user.svg") #eee center center no-repeat;
    background-size: 50% auto;
    overflow: hidden;
  }
  .menu-mobile header .avatar img {
    width: 100%;
    height: 100%;
  }
  .menu-mobile header .icon-notify {
    margin-left: auto;
  }
  .menu-mobile header .link-back {
    display: flex;
    align-items: center;
    column-gap: 10px;
  }
  .menu-mobile header .link-back span {
    color: var(--config-color-primary);
    font-weight: 700;
  }
  .menu-mobile header .link-back > i svg {
    display: block;
    height: 26px;
  }
  .menu-mobile .menu-scroll {
    flex-grow: 1;
    overflow: auto;
  }
  .menu-mobile .menu-scroll .menu-lista {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
  .menu-mobile .menu-scroll .menu-lista p, .menu-mobile .menu-scroll .menu-lista a {
    padding: 0 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    column-gap: 1em;
  }
  [data-theme="light"] .menu-mobile .menu-scroll .menu-lista p, [data-theme="light"] .menu-mobile .menu-scroll .menu-lista a {
    border-bottom: #eee 1px solid;
  }
  [data-theme="dark"] .menu-mobile .menu-scroll .menu-lista p, [data-theme="dark"] .menu-mobile .menu-scroll .menu-lista a {
    border-bottom: #333 1px solid;
  }
  .menu-mobile .menu-scroll .menu-lista p i, .menu-mobile .menu-scroll .menu-lista a i {
    margin-left: 80px;
    margin-right: 10px;
  }
  .menu-mobile .menu-scroll .menu-lista p > span, .menu-mobile .menu-scroll .menu-lista a > span {
    padding: 13px 0;
    flex-grow: 1;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .menu-mobile .menu-scroll .menu-lista p > i svg, .menu-mobile .menu-scroll .menu-lista a > i svg {
    display: block;
    height: 26px;
  }
  .menu-mobile .menu-scroll .menu-lista > li:first-child p, .menu-mobile .menu-scroll .menu-lista > li:first-child a {
    border-top: none;
  }
  .menu-mobile .menu-scroll .menu-lista ul {
    list-style: none;
    padding-left: 0;
  }
  .menu-mobile .seta {
    float: right;
    margin-top: 3px;
  }
  .menu-mobile .status--aberto .seta {
    transform: rotate(180deg);
  }
  .menu-mobile .menu-slide {
    background-color: var(--config-color-bg);
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    animation-duration: 200ms;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running;
    animation-iteration-count: 1;
  }
  .menu-mobile .menu-slide[data-slide-status="off"] {
    z-index: 0;
    display: none;
    left: 100%;
  }
  .menu-mobile .menu-slide[data-slide-status="dir"] {
    z-index: 2;
    display: flex;
    left: 0;
    animation-name: anima-menu-slide-dir;
  }
  .menu-mobile .menu-slide[data-slide-status="esq"] {
    z-index: 2;
    display: flex;
    left: 0;
    animation-name: anima-menu-slide-esq;
  }
  .menu-mobile .menu-slide[data-slide-status="on"] {
    z-index: 1;
    display: flex;
    left: 0;
  }
  .menu-mobile .user-options[data-status="open"] {
    height: auto;
    overflow: initial;
  }
  .menu-mobile .user-options[data-status="closed"] {
    height: 0px;
    overflow: hidden;
  }
}

/* MOSTRA MENU */
[data-menu-show] {
  display: none;
}

[data-menu-ativo="site"] [data-menu-show="site"] {
  display: block;
}

[data-menu-ativo="notifications"] [data-menu-show="notifications"] {
  display: block;
}

[data-menu-ativo="teste"] [data-menu-show="teste"] {
  display: block;
}

[data-menu-ativo="tags"] [data-menu-show="tags"] {
  display: block;
}

/*
-----------------------------
    RESTRICTED PAGE
-----------------------------
*/
.restricted {
  margin: 0 15px;
  font-size: 18px;
  font-family: var(--config-font-family);
  color: var(--config-color-tx);
  text-align: center;
}

.restricted .restricted-container {
  box-sizing: border-box;
  min-height: 90vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.restricted .logo {
  margin-bottom: 20px;
  max-width: 500px;
}

@media (max-width: 767.98px) {
  .restricted h2 span {
    display: block;
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .restricted h2 {
    display: flex;
    align-items: center;
  }
  .restricted h2 img {
    margin-left: 10px;
  }
}

.restricted .subtitle {
  font-size: 20px;
}

.restricted p {
  margin-top: 10px;
}

.restricted a {
  color: var(--config-color-tx);
}

.restricted a:hover {
  color: #000;
}

/* SEARCH OVERLAY */
.search-overlay {
  display: none;
  opacity: 0;
  transition: opacity 200ms;
}

.search-overlay > .container {
  padding-bottom: 30px;
}

[data-theme="dark"] .busca {
  padding-top: 50px;
  position: relative;
  margin-bottom: 30px;
}

[data-theme="dark"] .busca .btn-categorias {
  display: none;
}

[data-theme="dark"] .busca input {
  width: 100%;
  height: 72px;
  box-sizing: border-box;
  border-radius: calc(var(--flat) * 8px);
  border: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  backdrop-filter: blur(2px);
  font-size: 32px;
  padding: 0 90px 0 30px;
  color: #757575;
}

[data-theme="dark"] .btn-buscar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 6px;
  bottom: 6px;
  height: 60px;
  width: 62px;
  border-radius: calc(var(--flat) * 6px);
  background-color: var(--config-color-bg);
  text-align: center;
}

[data-theme="dark"] .btn-buscar i {
  color: #ddd;
  display: block;
  width: 40px;
  height: 40px;
}

[data-theme="dark"] .btn-buscar:hover {
  background-color: #000;
  cursor: pointer;
  color: var(--config-color-primary);
}

[data-search-open="1"] {
  overflow: hidden;
}

[data-search-open="1"] .topo-bg {
  z-index: 4;
}

[data-search-open="1"] .topo-bg {
  background-color: var(--config-color-bg);
}

[data-search-open="1"] .search-overlay {
  display: block;
  position: fixed;
  opacity: 1;
  top: 100px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
  z-index: 3;
  background-color: var(--config-color-bg);
  background-attachment: fixed;
  background-image: radial-gradient(15vw 15vw at 20vw 0, hsla(var(--config-color-hue), var(--config-color-saturation-1), 40%, 0.1) 0%, hsla(var(--config-color-hue), var(--config-color-saturation-1), 40%, 0) 100%), radial-gradient(30vw 30vw at 90vw 20vw, hsla(var(--config-color-hue), var(--config-color-saturation-1), 40%, 0.1) 0%, hsla(var(--config-color-hue), var(--config-color-saturation-2), 14%, 0) 100%), radial-gradient(35vh 35vh at 10vw 85vh, hsla(var(--config-color-hue), var(--config-color-saturation-1), 40%, 0.1) 0%, hsla(var(--config-color-hue), var(--config-color-saturation-2), 14%, 0) 100%);
}

[data-search-open="1"] .search-overlay .categories {
  display: flex;
  gap: 15px;
}

[data-search-open="1"] .search-overlay .categories .tag {
  font-size: 16px;
  font-weight: bold;
  border: #666 2px solid;
  display: inline-block;
  border-radius: 20px;
  padding: 8px 15px;
  background-color: var(--config-color-bg);
}

[data-search-open="1"] .search-overlay .categories .tag:hover {
  background-color: var(--config-color-bg-img);
  color: var(--config-color-primary);
}

.js--search-open {
  cursor: pointer;
}

/* ELEMENTOS */
/*
----------------
  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;
}

/*
----------------
  LOADER
----------------

Loader

*/
.js--loader {
  position: absolute;
  right: 41px;
  top: 48px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  animation: spin 1s linear infinite;
}

[data-theme="light"] .js--loader {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path d="M22.508 18.242A11.532 11.532 0 0112.5 24.036c-4.28 0-8.016-2.331-10.007-5.793M2.52 6.708A11.531 11.531 0 0112.5.964c4.272 0 8.002 2.322 9.996 5.774" fill="none" stroke="%23666" stroke-width="1.928" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

[data-theme="dark"] .js--loader {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path d="M22.508 18.242A11.532 11.532 0 0112.5 24.036c-4.28 0-8.016-2.331-10.007-5.793M2.52 6.708A11.531 11.531 0 0112.5.964c4.272 0 8.002 2.322 9.996 5.774" fill="none" stroke="%23fff" stroke-width="1.928" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/*
------------------
  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);
}

.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;
}

/*
------------------
  CONTEXT MENU
------------------
*/
.context-menu {
  z-index: 3;
}

@media (max-width: 767.98px) {
  .context-menu {
    position: fixed;
    bottom: 0;
    right: 10px;
    left: 10px;
  }
}

@media (min-width: 768px) {
  .context-menu {
    position: absolute;
  }
}

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

@media (min-width: 768px) {
  .context-menu .seta {
    position: absolute;
    z-index: -1;
    font-size: 25px;
    color: var(--config-color-bg-box);
  }
}

.context-menu nav {
  overflow: hidden;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .context-menu nav {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .context-menu nav {
  background: #2d2d2d;
}

@media (max-width: 767.98px) {
  .context-menu nav {
    border-top-left-radius: calc(var(--flat) * 4px);
    border-top-right-radius: calc(var(--flat) * 4px);
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .context-menu nav {
    border-radius: calc(var(--flat) * 4px);
  }
}

.context-menu nav a {
  white-space: nowrap;
  display: block;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

[data-theme="light"] .context-menu nav a {
  border-bottom-color: #eee;
}

[data-theme="dark"] .context-menu nav a {
  border-bottom-color: var(--config-color-borda);
}

@media (max-width: 767.98px) {
  .context-menu nav a {
    padding: 15px;
  }
}

@media (min-width: 768px) {
  .context-menu nav a {
    padding: 10px;
  }
}

.context-menu nav a i {
  display: inline-block;
  text-align: center;
  width: 22px;
  font-size: 16px;
  color: #ccc;
}

@media (min-width: 768px) {
  .context-menu nav a:last-child {
    border-bottom: none;
  }
}

.context-menu nav a:hover {
  color: var(--config-color-primary);
}

[data-theme="light"] .context-menu nav a:hover {
  background-color: #f9f9f9;
}

[data-theme="dark"] .context-menu nav a:hover {
  background-color: #000;
}

.context-menu nav a:hover i {
  color: var(--config-color-primary);
}

.context-menu .tip-remove {
  display: none;
}

.context-menu .contem-copy {
  display: none;
}

/* POSICIONAMENTO */
@media (min-width: 768px) {
  .item-curso .context-menu {
    top: 50px;
    right: -136px;
    min-width: 160px;
  }
  .item-curso .context-menu nav {
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.05);
  }
  .item-curso .context-menu .seta {
    top: -16px;
    left: 9px;
    text-shadow: -2px 1px 1px rgba(0, 0, 0, 0.05);
  }
}

@media (min-width: 768px) {
  .lista-contem .context-menu {
    top: calc(100% + 10px);
    right: -10px;
  }
  .lista-contem .context-menu nav {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  }
  .lista-contem .context-menu .seta {
    top: -17px;
    right: 29px;
    text-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1);
  }
}

/* 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;
}

/* NEWSLETTER */
.newsletter .form-newsletter {
  position: relative;
  margin: 0 auto;
}

@media (max-width: 575.98px) {
  .newsletter .form-newsletter {
    text-align: center;
  }
}

@media (min-width: 576px) {
  .newsletter .form-newsletter {
    display: flex;
    max-width: 580px;
    min-height: 40px;
    padding: 10px;
    border-radius: calc(var(--flat) * 6px);
  }
  [data-theme="light"] .newsletter .form-newsletter {
    background-color: #fff;
  }
  [data-theme="dark"] .newsletter .form-newsletter {
    background-color: #333;
  }
}

.newsletter .form-newsletter .input-wrap {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
}

.newsletter .form-newsletter .input-wrap label.error {
  padding-top: 5px;
  color: #dc3545;
  padding-left: 1em;
}

.newsletter .form-newsletter input {
  flex-grow: 2;
  font-size: 18px;
  color: var(--config-color-tx-sec);
  border: none;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  box-sizing: border-box;
}

@media (max-width: 575.98px) {
  .newsletter .form-newsletter input {
    border-radius: calc(var(--flat) * 6px);
    background-color: var(--config-color-bg);
    width: 100%;
  }
}

@media (min-width: 576px) {
  [data-theme="light"] .newsletter .form-newsletter input {
    background-color: #fff;
  }
  [data-theme="dark"] .newsletter .form-newsletter input {
    background-color: #333;
  }
}

.newsletter .form-newsletter input:focus {
  color: var(--config-color-tx);
}

.newsletter .form-newsletter button {
  height: 40px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 40px;
  border-radius: calc(var(--flat) * 40px / 2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
  font-weight: bold;
  font-size: 13px;
}

.newsletter .form-newsletter button:hover {
  filter: brightness(85%);
}

@media (max-width: 575.98px) {
  .newsletter .form-newsletter button {
    margin: 20px auto 0 auto;
    background-color: var(--config-color-bg);
    color: var(--config-color-primary);
  }
}

@media (min-width: 576px) {
  [data-theme="light"] .newsletter .form-newsletter button {
    background-color: var(--config-color-tx);
    color: #fff;
  }
  [data-theme="dark"] .newsletter .form-newsletter button {
    background-color: var(--config-color-primary);
    color: #fff;
  }
}

.newsletter .form-newsletter button .loader {
  display: none;
}

.newsletter .form-newsletter button.status--loading {
  cursor: wait !important;
}

.newsletter .form-newsletter button.status--loading .loader {
  display: block;
  animation: spin 1s linear infinite;
  position: relative;
  right: -15px;
  display: block;
  width: 20px;
  height: 20px;
}

.newsletter .form-newsletter button.status--loading .loader svg {
  display: block;
}

[data-theme="dark"] .wrap-bg {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1700px;
  padding: 40px 0 50px;
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

[data-theme="dark"] .wrap-bg .tit-sec {
  text-align: center;
}

[data-theme="dark"] .wrap-bg .tit-sec h2 {
  color: white;
  font-size: 26px;
}

/* 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;
  }
}

/* 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;
}

/* TAGS */
.wrap-tags {
  display: flex;
  justify-content: left;
  column-gap: 4px;
  /* Tag de Quantidade de Cursos */
}

.wrap-tags .tag {
  display: block;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  color: #fff;
  font-weight: 900;
  border-radius: calc(var(--flat) * 10px);
  padding: 0 10px;
}

.wrap-tags .desconto,
.wrap-tags .qtd-cursos {
  background: var(--config-color-primary);
}

.wrap-tags .expired,
.wrap-tags .sub-ciclo {
  background: var(--config-color-secondary);
}

/* LISTAGEM */
.busca-itens,
.busca-lista {
  display: flex;
  height: 50px;
  border-radius: calc(var(--flat) * 3px);
}

[data-theme="light"] .busca-itens, [data-theme="light"]
.busca-lista {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .busca-itens, [data-theme="dark"]
.busca-lista {
  background-color: #151515;
}

.busca-itens input,
.busca-lista input {
  flex-grow: 2;
  border-top-left-radius: calc(var(--flat) * 3px);
  border-bottom-left-radius: calc(var(--flat) * 3px);
  padding: 0 20px;
  border: none;
  font-size: 16px;
  font-style: italic;
  color: var(--config-color-tx-sec);
}

[data-theme="light"] .busca-itens input, [data-theme="light"]
.busca-lista input {
  background: #fff;
}

[data-theme="dark"] .busca-itens input, [data-theme="dark"]
.busca-lista input {
  background: #151515;
}

.busca-itens button,
.busca-lista button {
  position: relative;
  border-top-right-radius: calc(var(--flat) * 3px);
  border-bottom-right-radius: calc(var(--flat) * 3px);
  width: 55px;
}

.busca-itens button i,
.busca-lista button i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 35px;
  color: var(--config-color-tx-sec);
}

.busca-itens button:hover,
.busca-lista button:hover {
  cursor: pointer;
}

[data-theme="light"] .busca-itens button:hover, [data-theme="light"]
.busca-lista button:hover {
  background-color: #ccc;
}

[data-theme="dark"] .busca-itens button:hover, [data-theme="dark"]
.busca-lista button:hover {
  background-color: #222;
}

.busca-itens button:hover i,
.busca-lista button:hover i {
  color: #fff;
}

.busca-lista {
  margin-bottom: 40px;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .busca-lista .campos-busca {
    inline-size: min-content;
  }
}

.busca-itens {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
  margin: 20px 0 25px;
}

.busca-itens-categorias {
  display: flex;
}

@media (max-width: 767.98px) {
  .busca-itens-categorias {
    display: block;
  }
}

.busca-itens-categorias .busca-itens {
  flex-grow: 2;
}

.busca-itens-categorias .btn-itens-categorias .btn-action, .busca-itens-categorias .btn-itens-status .btn-action {
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 50px;
  width: 190px;
  box-sizing: border-box;
  border-radius: calc(var(--flat) * 3px);
  color: #fff;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  background-color: var(--config-color-primary);
}

@media (max-width: 767.98px) {
  .busca-itens-categorias .btn-itens-categorias .btn-action, .busca-itens-categorias .btn-itens-status .btn-action {
    width: 100%;
    justify-content: space-between;
  }
}

.busca-itens-categorias .btn-itens-categorias:hover .btn-action, .busca-itens-categorias .btn-itens-status:hover .btn-action {
  background-color: var(--config-color-secondary);
}

.busca-itens-categorias .btn-itens-categorias i:first-child, .busca-itens-categorias .btn-itens-status i:first-child {
  margin-right: 10px;
}

.busca-itens-categorias .btn-itens-categorias i:last-child, .busca-itens-categorias .btn-itens-status i:last-child {
  margin-left: 30px;
}

.busca-itens-categorias .categorias, .busca-itens-categorias .status {
  position: relative;
  margin: 20px 0 0 38px;
}

@media (max-width: 767.98px) {
  .busca-itens-categorias .categorias, .busca-itens-categorias .status {
    margin: 20px 0 40px 0px;
  }
}

.busca-itens-categorias .categorias nav, .busca-itens-categorias .status nav {
  z-index: 2;
  position: absolute;
  top: 50px;
  min-width: 190px;
  background-color: var(--config-color-bg);
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}

@media (max-width: 767.98px) {
  .busca-itens-categorias .categorias nav, .busca-itens-categorias .status nav {
    width: 100%;
  }
}

.busca-itens-categorias .categorias nav label, .busca-itens-categorias .status nav label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 13px 10px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px #eee solid;
}

.busca-itens-categorias .categorias nav label:first-child, .busca-itens-categorias .status nav label:first-child {
  border: none;
}

.busca-itens-categorias .categorias nav label .wrap-check, .busca-itens-categorias .status nav label .wrap-check {
  display: flex;
  margin-right: 15px;
}

.busca-itens-categorias .categorias nav label .wrap-check span, .busca-itens-categorias .status nav label .wrap-check span {
  width: 20px;
  height: 20px;
  color: var(--config-color-tx-sec);
}

.busca-itens-categorias .categorias nav label input, .busca-itens-categorias .status nav label input {
  display: none;
}

.busca-itens-categorias .categorias nav label input + svg, .busca-itens-categorias .status nav label input + svg {
  display: inline-block;
}

.busca-itens-categorias .categorias nav label input + svg + svg, .busca-itens-categorias .status nav label input + svg + svg {
  display: none;
}

.busca-itens-categorias .categorias nav label input:checked + svg, .busca-itens-categorias .status nav label input:checked + svg {
  display: none;
}

.busca-itens-categorias .categorias nav label input:checked + svg + svg, .busca-itens-categorias .status nav label input:checked + svg + svg {
  display: inline-block;
  color: var(--config-color-primary);
}

.contem-busca {
  padding: 40px 0;
  display: flex;
  justify-content: start;
}

.contem-busca:before, .contem-busca:after {
  content: " ";
  display: table;
}

.contem-busca:after {
  clear: both;
}

@media (max-width: 767.98px) {
  .contem-busca {
    flex-wrap: wrap;
  }
}

.contem-busca .busca-lista {
  margin: 0;
  flex-grow: 1;
}

@media (max-width: 767.98px) {
  .contem-busca .busca-lista {
    width: 100%;
    margin: 0 20px;
  }
}

.contem-busca .btn-acao {
  height: 40px;
  padding: 0 15px;
  cursor: pointer;
  line-height: 40px;
  border-radius: calc(var(--flat) * 40px / 2);
  float: left;
  color: #fff;
  font-weight: bold;
  min-width: 160px;
  margin-top: 5px;
  box-sizing: border-box;
}

@media (max-width: 767.98px) {
  .contem-busca .btn-acao {
    margin: 20px;
  }
}

@media (min-width: 768px) {
  .contem-busca .btn-acao {
    margin-left: 95px;
  }
}

.contem-busca .btn-acao .material-icons {
  float: left;
  margin: 8px 0 0 0;
}

/* LISTAGEM */
.lista-contem {
  padding-top: 40px;
  overflow-x: auto;
}

.lista-itens {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 50px;
}

.lista-itens .col-first {
  color: red !important;
  font-weight: bold;
}

.lista-itens .header {
  border-bottom: #eee 2px solid;
}

.lista-itens .header th {
  position: relative;
  color: var(--config-color-tx-sec);
  padding: 15px;
}

.lista-itens .header th .wrap {
  display: flex;
  align-items: center;
}

.lista-itens .header th .label {
  font-size: 16px;
  cursor: pointer;
}

.lista-itens .header th .label:hover {
  color: var(--config-color-tx);
}

.lista-itens .header th .setas {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  cursor: pointer;
  margin-left: 5px;
}

.lista-itens .header th .seta-asc,
.lista-itens .header th .seta-desc {
  width: 20px;
  height: 12px;
  line-height: 12px;
  font-size: 20px;
  text-align: center;
  display: block;
}

.lista-itens .header th .seta-asc:hover,
.lista-itens .header th .seta-desc:hover {
  color: var(--config-color-tx);
}

.lista-itens .header th[data-order-status="asc"] .seta-asc {
  color: var(--config-color-tx);
}

.lista-itens .header th[data-order-status="desc"] .seta-desc {
  color: var(--config-color-tx);
}

.lista-itens .header th.action {
  text-align: center;
}

.lista-itens .header .js--active {
  color: var(--config-color-tx);
}

.lista-itens .header .js--desc .material-icons {
  transform: rotate(180deg);
}

[data-theme="light"] .lista-itens tbody tr {
  background: var(--config-color-bg);
}

[data-theme="dark"] .lista-itens tbody tr {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.lista-itens tbody tr td {
  font-size: 13px;
  padding: 15px;
}

[data-theme="light"] .lista-itens tbody tr td {
  border-bottom: #ddd 1px solid;
}

[data-theme="dark"] .lista-itens tbody tr td {
  border-bottom: rgba(100, 100, 100, 0.5) 1px solid;
}

.lista-itens tbody tr td.btn-ico {
  text-align: center;
}

.lista-itens tbody tr td.btn-ico button {
  cursor: pointer;
  color: var(--config-color-tx-sec);
}

.lista-itens tbody tr td.btn-ico button:hover {
  color: var(--config-color-primary);
}

.lista-itens tbody tr td.centra {
  text-align: center;
}

.lista-itens tbody tr td.num {
  text-align: right;
}

.lista-itens tbody tr td .null {
  display: block;
  text-align: center;
}

.lista-itens tbody tr .action {
  text-align: center;
}

.lista-itens tbody tr .contem-menu {
  position: relative;
}

.lista-itens tbody tr .contem-menu .btn-menu {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  padding: 3px 6px;
}

.lista-itens tbody tr .contem-menu .btn-menu:hover i {
  color: var(--config-color-secondary);
}

.lista-itens tbody tr.row-loading td {
  opacity: .3;
}

.lista-itens tbody tr.row-loader td {
  border-bottom: none !important;
  padding: 0 !important;
  position: relative;
}

.lista-itens tbody tr.row-loader span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 20px;
  left: 0;
  width: 100%;
}

.lista-itens tbody tr.row-loader svg {
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

.lista-itens tbody tr .loader-cell {
  position: relative;
  padding: 0 !important;
  border-bottom: none !important;
}

.lista-itens tbody tr .loader-cell p {
  position: absolute;
  top: 24px;
  font-weight: bold;
  left: 0;
  width: 100%;
  text-align: center;
}

.lista-itens .check svg {
  stroke: var(--config-color-primary);
  height: 20px;
  margin: 0 auto;
}

.lista-itens .action svg {
  height: 22px;
}

.lista-itens .expire-card {
  color: red;
  opacity: .6;
}

.lista-itens .btn-edit,
.lista-itens .btn-default,
.lista-itens .btn-default--disabled,
.lista-itens .btn-delete,
.lista-itens .btn-delete--disabled,
.lista-itens .btn-prohibited,
.lista-itens .btn-expire--disabled {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 18px;
}

.lista-itens .btn-edit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'%3E%3C/path%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'%3E%3C/path%3E%3C/svg%3E");
}

.lista-itens .btn-delete,
.lista-itens .btn-delete--disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'%3E%3C/polyline%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3Cline x1='10' y1='11' x2='10' y2='17'%3E%3C/line%3E%3Cline x1='14' y1='11' x2='14' y2='17'%3E%3C/line%3E%3C/svg%3E");
}

.lista-itens .btn-default {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}

.lista-itens .btn-default--disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");
}

.lista-itens .btn-prohibited {
  cursor: not-allowed;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16'%3E%3Cpath fill='%23CCCCCC' d='M8 3.5a4.5 4.5 0 0 0-3.668 7.107l6.275-6.275A4.48 4.48 0 0 0 8 3.5Zm3.668 1.893l-6.275 6.275a4.5 4.5 0 0 0 6.276-6.276ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z'/%3E%3C/svg%3E%0A");
}

.lista-itens .btn-expire--disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='red' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath 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'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E");
}

.lista-itens .btn-edit:hover,
.lista-itens .btn-default:hover,
.lista-itens .btn-delete:hover {
  cursor: pointer;
  background-color: #eee;
}

.lista-itens .btn-default--disabled,
.lista-itens .btn-delete--disabled,
.lista-itens .btn-expire--disabled {
  cursor: not-allowed;
  opacity: .6;
}

.lista-paginacao {
  margin-bottom: 50px;
  font-size: 13px;
}

.lista-paginacao:before, .lista-paginacao:after {
  content: " ";
  display: table;
}

.lista-paginacao:after {
  clear: both;
}

.lista-paginacao .numero {
  float: left;
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

.lista-paginacao .numero select {
  border: none;
  background: none;
  background-color: var(--config-color-bg);
  border-radius: calc(var(--flat) * 3px);
  font-weight: bold;
  color: var(--config-color-tx-sec);
  font-family: var(--config-font-family);
  padding: 3px;
}

.lista-paginacao .pagina {
  float: right;
  display: flex;
}

.lista-paginacao .pagina .seta {
  width: 30px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  font-size: 30px;
  border-radius: calc(var(--flat) * 3px);
  margin-left: 5px;
  cursor: pointer;
  color: #fff;
  background-color: var(--config-color-primary);
}

.lista-paginacao .pagina .seta:hover {
  background-color: var(--config-color-secondary);
}

.lista-paginacao .pagina .seta.bg {
  color: var(--config-color-tx);
}

[data-theme="light"] .lista-paginacao .pagina .seta.bg {
  background-color: #eee;
}

[data-theme="light"] .lista-paginacao .pagina .seta.bg:hover {
  background-color: #ddd;
}

[data-theme="dark"] .lista-paginacao .pagina .seta.bg {
  background-color: #000;
}

[data-theme="dark"] .lista-paginacao .pagina .seta.bg:hover {
  background-color: #333;
}

.lista-paginacao .pagina .pag-atual {
  width: 50px;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  font-family: var(--config-font-family);
  color: var(--config-color-tx);
  text-align: center;
  margin-left: 5px;
  font-weight: bold;
  border-radius: calc(var(--flat) * 3px);
  border: 1px var(--config-color-borda) solid;
}

[data-theme="light"] .lista-paginacao .pagina .pag-atual {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .lista-paginacao .pagina .pag-atual {
  background-color: var(--config-color-bg);
}

.lista-paginacao .pagina .pag-total {
  height: 30px;
  line-height: 30px;
  padding: 0 13px;
  border-radius: calc(var(--flat) * 3px);
  margin-left: 5px;
  font-weight: bold;
}

.lista-paginacao.js--primeira .seta-primeira,
.lista-paginacao.js--primeira .seta-anterior {
  color: #ccc !important;
  background: none !important;
  cursor: not-allowed;
}

.lista-paginacao.js--ultima .seta-ultima,
.lista-paginacao.js--ultima .seta-proxima {
  color: #ccc !important;
  background: none !important;
  cursor: not-allowed;
}

.mass-delete {
  position: relative;
  display: block;
  width: 43px;
  height: 32px;
  border: #ddd 1px solid;
  border-radius: calc(var(--flat) * 3px);
  margin: 0 0 5px 5px;
}

.mass-delete svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  stroke: var(--config-color-primary);
  height: 20px;
}

.mass-delete:hover {
  background-color: var(--config-color-bg-alt);
}

.empty {
  display: none;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .empty {
    margin: 30px 0 40px;
  }
}

@media (min-width: 768px) {
  .empty {
    margin: 40px 0 60px;
  }
}

.empty .box {
  max-width: 600px;
  border-radius: calc(var(--flat) * 10px);
  padding: 20px 40px;
  background: var(--config-color-bg);
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
  color: #cc8a00;
  font-size: 20px;
}

.empty p:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.empty .ico {
  display: inline-flex;
  align-self: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.empty .ico svg {
  width: 30px;
  height: 30px;
}

.empty p:last-child {
  margin-top: 10px;
  display: block;
  text-align: center;
}

.empty p:last-child small {
  display: inline-block;
  line-height: 1.4em;
  font-size: 75%;
}

[data-filling="initial"] .busca-lista {
  display: none;
}

[data-filling="initial"] .lista-paginacao {
  display: none;
}

[data-filling="initial"] + .empty {
  display: none;
}

[data-filling="first-empty"] .busca-lista {
  display: none;
}

[data-filling="first-empty"] .lista-itens {
  display: none;
}

[data-filling="first-empty"] .lista-paginacao {
  display: none;
}

[data-filling="first-empty"] + .empty {
  display: flex;
}

[data-filling="search-empty"] .lista-itens {
  display: none;
}

[data-filling="search-empty"] .lista-paginacao {
  display: none;
}

[data-filling="search-empty"] + .empty {
  display: flex;
}

[data-filling="filled-single"] .busca-lista {
  display: none;
}

[data-filling="filled-single"] .lista-paginacao {
  display: none;
}

[data-filling="filled-single"] + .empty {
  display: none;
}

[data-filling="filled-multiple"] + .empty {
  display: none;
}

/* LISTAGEM -- STATUS CELL */
.status {
  font-weight: bold;
}

.status-ativo {
  color: #1bbc9b;
}

.status-cancelado {
  color: #e9504e;
}

tr,
.receiver-detail {
  /*&[data-receiver-status="inactive"] {

    [data-show="inactive"] {
      display: inline;
    }

    .link-delete {
      display: block !important;
    }

    .label-status {
      color: $cor-list-gray;
    }
  }


  // ACTIVE
  &:not([data-receiver-status="inactive"]) {

    [data-show="active"] {
      display: inline !important;
    }

    .label-status {
      color: $cor-list-green;
    }
  }*/
}

tr .label-status,
.receiver-detail .label-status {
  font-weight: bold;
}

tr [data-show],
.receiver-detail [data-show] {
  display: none;
}

tr .link-delete,
.receiver-detail .link-delete {
  display: none !important;
}

tr[data-status-internal="1"] [data-status-receiver="1"] [data-show="active"],
.receiver-detail[data-status-internal="1"] [data-status-receiver="1"] [data-show="active"] {
  display: inline !important;
}

tr[data-status-internal="1"] [data-status-receiver="1"] .label-status,
.receiver-detail[data-status-internal="1"] [data-status-receiver="1"] .label-status {
  color: #1bbc9b;
}

tr[data-status-internal="1"] [data-status-receiver="0"] [data-show="inactive"],
.receiver-detail[data-status-internal="1"] [data-status-receiver="0"] [data-show="inactive"] {
  display: inline;
}

tr[data-status-internal="1"] [data-status-receiver="0"] .link-delete,
.receiver-detail[data-status-internal="1"] [data-status-receiver="0"] .link-delete {
  display: block !important;
}

tr[data-status-internal="1"] [data-status-receiver="0"] .label-status,
.receiver-detail[data-status-internal="1"] [data-status-receiver="0"] .label-status {
  color: #656d78;
}

tr[data-status-internal="5"] [data-show="waiting-documents-qrcode"], tr[data-status-internal="2"] [data-show="waiting-documents-qrcode"],
.receiver-detail[data-status-internal="5"] [data-show="waiting-documents-qrcode"],
.receiver-detail[data-status-internal="2"] [data-show="waiting-documents-qrcode"] {
  display: inline;
}

tr[data-status-internal="5"] .label-status, tr[data-status-internal="2"] .label-status,
.receiver-detail[data-status-internal="5"] .label-status,
.receiver-detail[data-status-internal="2"] .label-status {
  color: #e89700;
}

tr[data-status-internal="3"] [data-show="documents-analyse"],
.receiver-detail[data-status-internal="3"] [data-show="documents-analyse"] {
  display: inline;
}

tr[data-status-internal="3"] .label-status,
.receiver-detail[data-status-internal="3"] .label-status {
  color: #1b77cb;
}

tr[data-status-internal="4"] [data-show="block"],
.receiver-detail[data-status-internal="4"] [data-show="block"] {
  display: inline;
}

tr[data-status-internal="4"] .label-status,
.receiver-detail[data-status-internal="4"] .label-status {
  color: #e9504e;
}

.status-transaction--waiting {
  font-weight: bold;
  color: #e89700;
}

.status-transaction--processing {
  font-weight: bold;
  color: #e89700;
}

.status-transaction--approved {
  font-weight: bold;
  color: #1bbc9b;
}

.status-transaction--avaliable {
  font-weight: bold;
  color: #1bbc9b;
}

.status-transaction--transferred {
  font-weight: bold;
  color: #1bbc9b;
}

.status-transaction--canceled {
  font-weight: bold;
  color: #e9504e;
}

.status-transaction--failed {
  font-weight: bold;
  color: #e9504e;
}

.status-transaction--dispute {
  font-weight: bold;
  color: #e89700;
}

.status-transaction--repayment-progress {
  font-weight: bold;
  color: #e89700;
}

.status-transaction--repayment {
  font-weight: bold;
  color: #1b77cb;
}

.status-transaction--chargeback {
  font-weight: bold;
  color: #656d78;
}

.status-transaction--refund {
  font-weight: bold;
  color: #656d78;
}

.status-transaction--complete {
  font-weight: bold;
  color: #1b77cb;
}

.status-transaction--repayment-partial {
  font-weight: bold;
  color: #1b77cb;
}

.status-transaction--pending-transfer {
  font-weight: bold;
  color: #1b77cb;
}

.status-subscription--canceled {
  font-weight: bold;
  color: #e9504e;
}

.status-subscription--active {
  font-weight: bold;
  color: #1bbc9b;
}

/* 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;
}

/* ABAS */
.abas {
  display: flex;
}

@media (max-width: 767.98px) {
  .abas {
    width: calc(100% + 30px);
    margin-left: -15px;
    box-sizing: content-box;
    justify-content: stretch;
  }
}

@media (min-width: 768px) {
  .abas {
    padding-top: 50px;
  }
}

.abas .aba {
  font-weight: bold;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  .abas .aba {
    flex-grow: 1;
    text-align: center;
    padding: 20px 0;
  }
}

@media (min-width: 768px) {
  .abas .aba {
    padding: 15px 40px 20px;
  }
}

.abas .aba:hover {
  color: var(--config-color-primary);
}

.abas .aba.js--ativo, .abas .aba[data-open="true"] {
  color: var(--config-color-primary);
}

[data-theme="light"] .abas .aba.js--ativo, [data-theme="light"] .abas .aba[data-open="true"] {
  background: var(--config-color-bg);
}

[data-theme="dark"] .abas .aba.js--ativo, [data-theme="dark"] .abas .aba[data-open="true"] {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

@media (min-width: 768px) {
  .abas .aba.js--ativo, .abas .aba[data-open="true"] {
    border-top-left-radius: calc(var(--flat) * 8px);
    border-top-right-radius: calc(var(--flat) * 8px);
  }
}

.tab-data {
  display: none;
}

.tab-data:before, .tab-data:after {
  content: " ";
  display: table;
}

.tab-data:after {
  clear: both;
}

.tab-data[data-expand="true"] {
  display: block;
}

.tab-data .btn-aba-add {
  float: right;
  position: relative;
  top: -25px;
  right: -10px;
  padding: 5px 20px 5px 10px;
}

[data-load-status] > .loader {
  display: block;
  text-align: center;
  margin-top: 30px;
}

[data-load-status] > .loader svg {
  animation: spin 1s linear infinite;
  width: 24px;
  height: 24px;
}

[data-load-status] .box-aviso {
  display: none;
}

[data-load-status="loading"] > .loader {
  display: block;
}

[data-load-status="full"] > .loader {
  display: none;
}

[data-load-status="empty"] > .loader {
  display: none;
}

[data-load-status="empty"] .box-aviso {
  display: flex;
}

.abas-dados {
  margin-left: 2px;
}

.abas-dados .aba[data-open="true"] {
  position: relative;
  z-index: 1;
  margin-bottom: -2px;
}

/* BOXES */
.box-card {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: calc(var(--flat) * 4px);
}

[data-theme="light"] .box-card {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .box-card {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

/* TEXT EDITOR */
.text-editor {
  position: fixed;
  z-index: 3;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
}

.text-editor .box {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  box-sizing: border-box;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  width: 720px;
  margin: 0 auto;
  background: var(--config-color-bg);
  padding: 40px 50px 0;
  box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: calc(var(--flat) * 2px);
}

@media (max-width: 767.98px) {
  .text-editor .box {
    width: 90%;
  }
}

@media (max-width: 575.98px) {
  .text-editor .box {
    width: 400px;
  }
}

.text-editor .box .drag {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 4;
  top: 0;
  font-size: 35px;
  color: var(--config-color-tx-sec);
  padding: 0 10px;
  border-radius: 0 0 5px 5px;
  cursor: n-resize;
}

.text-editor .box .drag:hover {
  color: #000;
  background-color: #ddd;
}

.text-editor .box > form {
  flex-grow: 1;
}

.text-editor .titulo {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
}

.text-editor .editor-wrap {
  display: none;
  flex-grow: 1;
  flex-wrap: wrap;
  max-height: 185px;
  overflow: auto;
}

.text-editor .editor-wrap form {
  width: 100%;
}

.text-editor .editor-wrap label.error {
  padding: 3px 0 0 6px;
  color: #dc3545;
}

.text-editor .acoes-box {
  position: absolute;
  right: 50px;
  top: 35px;
  color: var(--config-color-tx-sec);
}

.text-editor .acoes-box .btn {
  border-radius: 50%;
  font-size: 35px;
  cursor: pointer;
}

.text-editor .acoes-box .btn:hover {
  color: #000;
  background-color: #ddd;
}

.text-editor .acoes-box .btn-close {
  font-size: 35px;
  margin-left: 10px;
}

.text-editor .acoes-texto {
  text-align: right;
  padding-top: 15px;
  margin-bottom: 50px;
}

.text-editor .acoes-texto .btn-cancela {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
  margin-right: 20px;
  cursor: pointer;
}

.text-editor .acoes-texto .btn-acao {
  height: 35px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 35px;
  border-radius: calc(var(--flat) * 30px);
  min-width: 102px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
}

.text-editor .acoes-texto .btn-acao .loader {
  display: none;
  position: relative;
  top: 5px;
  margin-left: 10px;
  width: 20px;
  height: 20px;
}

.text-editor .acoes-texto .btn-acao .loader svg {
  animation: spin 1s linear infinite;
}

.text-editor[data-editor-tab-status='oculto'] {
  display: none;
}

.text-editor[data-editor-tab-status='fechado'] .drag,
.text-editor[data-editor-tab-status='fechado'] form {
  display: none;
}

.text-editor[data-editor-tab-status='aberto'] .btn-seta {
  transform: rotate(180deg);
}

.text-editor[data-editor-tab-status='aberto'] .drag,
.text-editor[data-editor-tab-status='aberto'] .acoes-texto {
  display: block;
}

.text-editor[data-editor-tab-status='aberto'] .editor-wrap {
  display: flex;
}

.text-editor .aviso {
  display: none;
  text-align: center;
}

.text-editor.status--wait button[type="submit"] {
  cursor: wait;
}

.text-editor.status--wait .loader {
  display: inline-block !important;
}

.text-editor.status--sucesso .aviso, .text-editor.status--erro .aviso {
  display: block;
}

.text-editor .fr-box {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
}

.text-editor .fr-box .fr-wrapper {
  flex: 1;
  overflow: auto;
}

.status--editor-resize {
  cursor: n-resize;
}

.editor-validate-wrap .js--editor + label {
  display: block;
}

.editor-validate-wrap.error .fr-toolbar,
.editor-validate-wrap.error .fr-second-toolbar {
  border-color: #dc3545;
}

.editor-validate-wrap.error .fr-wrapper {
  border-left-color: #dc3545;
  border-right-color: #dc3545;
  box-shadow: inset 0 0 10px 5px #fee;
}

.editor-validate-wrap.valid .fr-toolbar,
.editor-validate-wrap.valid .fr-second-toolbar {
  border-color: #01c4b7;
}

.editor-validate-wrap.valid .fr-wrapper {
  border-left-color: #01c4b7;
  border-right-color: #01c4b7;
  box-shadow: inset 0 0 10px 5px #ebfefc;
}

/* INPUT TAGS */
.input-tags {
  background-color: var(--config-color-bg);
  border: 1px #eee solid;
  border-radius: 5px;
  padding: 6px 6px 3px;
}

.input-tags .contem-tags > span {
  padding-left: 10px;
  display: inline-block;
  border-radius: calc(var(--flat) * 2px);
  height: 30px;
  line-height: 30px;
  background: #f3f3f3;
  white-space: nowrap;
  margin: 0 2px 4px;
}

.input-tags .contem-tags > span i {
  display: block;
  float: right;
  width: 25px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  text-align: center;
  margin-left: 0.3em;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  color: var(--config-color-tx-sec);
  font-weight: bold;
}

.input-tags .contem-tags > span i:hover {
  color: #c00;
}

.input-tags .tags-text {
  display: inline-block;
  border: none;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin-bottom: 2px;
  background-color: #f6f6f6;
}

/*
--------------
    WARN
--------------
*/
@keyframes warn-show {
  from {
    opacity: 0;
    bottom: -100px;
  }
  to {
    opacity: 1;
    bottom: 0;
  }
}

@keyframes warn-hide {
  from {
    opacity: 1;
    bottom: 0;
  }
  to {
    opacity: 0;
    bottom: 100px;
  }
}

.warn-container {
  z-index: 5;
  position: fixed;
  left: 20px;
  bottom: 120px;
}

.warn-container[data-status="off"] {
  display: none;
}

.warn-container[data-status="on"] {
  display: block;
}

.warn-container .warning {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 10px 15px 10px 20px;
  margin-bottom: 10px;
  border-radius: calc(var(--flat) * 5px);
  text-align: center;
  min-width: 100px;
  background: #999;
  color: #000;
  animation-name: warn-show;
  animation-duration: .5s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-direction: normal;
  /**
        &.type--info    {
        }
        /**/
}

.warn-container .warning i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 1em;
}

.warn-container .warning:not[data-status="play"] {
  animation-play-state: paused;
}

.warn-container .warning[data-status="play"] {
  animation-play-state: running;
}

.warn-container .warning.type--success {
  color: #1bbc9b;
  background-color: #e0f6f1;
}

.warn-container .warning.type--error {
  color: #fff;
  background-color: #dc3545;
}

.warn-container .warning.type--warn {
  color: #cc8a00;
  background-color: #fdfbe6;
}

#btnWarn {
  background-color: #ddd;
  padding: 8px 15px;
  font-size: 20px;
  cursor: pointer;
}

/*
--------------
    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%;
  }
}

/*
-----------------------------
    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;
}

/* QUESTÕES */
.questao {
  position: relative;
  margin-bottom: 16px;
  cursor: pointer;
  border-radius: calc(var(--flat) * 4px);
}

[data-theme="light"] .questao {
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .questao {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.questao .pergunta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  box-sizing: border-box;
  padding: 17px 25px 17px 20px;
  font-weight: bold;
}

.questao .resposta {
  padding: 10px 25px 20px 35px;
  line-height: 1.71em;
}

.questao .resposta .desc {
  white-space: pre-wrap;
}

.questao .ico svg {
  width: 24px;
  height: 24px;
}

.questao .workload {
  margin-left: 30px;
}

.questao .workload .ico-clock svg {
  width: 18px;
  height: 18px;
  margin: 0px 5px -4px 15px;
}

.questao.status--aberto .seta {
  transform: rotate(180deg);
}

[data-theme="light"] .questao.status--aberto .resposta {
  border-top: 1px #eee solid;
}

[data-theme="dark"] .questao.status--aberto .resposta {
  border-top: rgba(100, 100, 100, 0.5) 1px solid;
}

/* PAGE LOADER */
.loader-page {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 40px;
  right: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 6;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.loader-page svg {
  animation: spin 1s linear infinite;
  width: 25px;
  height: 25px;
}

[data-request-status="loading"] .loader-page {
  display: flex;
}

/* BOX LOADER */
.loader-box {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 40px;
  right: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 6;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.loader-box svg {
  animation: spin 1s linear infinite;
  width: 25px;
  height: 25px;
}

[data-request-status="loading"] .loader-box {
  display: flex;
}

/* BOX DE DADOS */
.tit-dados {
  margin: 40px 0 25px;
}

.tit-dados + .lista-contem {
  padding-top: 0;
}

.box-dados {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
  /* --- STATUS --- */
  /* MENU CELL */
}

[data-theme="light"] .box-dados {
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  background: var(--config-color-bg);
}

[data-theme="dark"] .box-dados {
  border-top: rgba(100, 100, 100, 0.5) 1px solid;
  border-left: rgba(100, 100, 100, 0.5) 1px solid;
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.box-dados > div {
  position: relative;
  box-sizing: border-box;
  padding: 16px;
}

[data-theme="light"] .box-dados > div {
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  background: var(--config-color-bg);
}

[data-theme="dark"] .box-dados > div {
  border-bottom: rgba(100, 100, 100, 0.5) 1px solid;
  border-right: rgba(100, 100, 100, 0.5) 1px solid;
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.box-dados .enrollment-certificate {
  display: flex;
}

.box-dados .enrollment-certificate .issue-certificate {
  width: 60%;
}

.box-dados .enrollment-certificate .btn-certificate {
  width: 40%;
}

.box-dados .enrollment-certificate .btn-certificate .btn-acao {
  height: 35px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 35px;
  border-radius: calc(var(--flat) * 35px / 2);
  color: #fff;
  font-weight: bold;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}

.box-dados .enrollment-certificate .btn-buy {
  height: 35px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 35px;
  border-radius: calc(var(--flat) * 35px / 2);
  text-align: center;
  background: var(--config-color-primary);
  color: #fff;
  font-weight: bold;
  display: block;
}

@media (max-width: 767.98px) {
  .box-dados .enrollment-certificate {
    display: block;
  }
  .box-dados .enrollment-certificate .issue-certificate,
  .box-dados .enrollment-certificate .btn-certificate {
    width: 100%;
  }
  .box-dados .enrollment-certificate .issue-certificate .btn-acao,
  .box-dados .enrollment-certificate .btn-certificate .btn-acao {
    margin-top: 5px;
  }
}

.box-dados .field {
  font-weight: bold;
  color: var(--config-color-tx-sec);
  font-size: 13px;
  margin-bottom: 4px;
}

.box-dados .value {
  font-weight: bold;
}

.box-dados .status--2 .value svg {
  color: #1bbc9b;
  height: 20px;
  float: left;
}

.box-dados .status--3 .value {
  color: #e9504e;
}

.box-dados .status--3 + .btn-cancelado {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  background-color: #e9504e;
}

.box-dados .status--3 + .btn-cancelado svg {
  transform: rotate(-60deg);
  width: 16px;
  height: 16px;
}

.box-dados .status--6 .value,
.box-dados .status--5 .value {
  color: #1b77cb;
}

.box-dados .tip-link {
  position: relative;
  display: inline-block;
  padding: 2px;
  line-height: 0;
  color: var(--config-color-tx-sec);
  cursor: pointer;
}

.box-dados .tip-link i {
  color: var(--config-color-primary);
}

.box-dados .tip-link svg {
  width: 18px;
  height: 18px;
}

.box-dados .tip-link .tip-box {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 100%;
  width: 240px;
}

.box-dados .tip-link .tip-box .tip-txt {
  display: block;
  position: relative;
  margin-top: 10px;
  font-size: 11px;
  line-height: 1.4em;
  text-align: center;
  padding: 5px 10px;
  font-weight: bold;
  color: #fff;
  background-color: var(--config-color-primary);
  border-radius: calc(var(--flat) * 3px);
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.13);
}

.box-dados .tip-link .tip-box .tip-txt:before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -14px;
  content: '▲';
  font-size: 18px;
  text-shadow: 0 -3px 2px #ccc;
  color: var(--config-color-primary);
}

.box-dados .menu-cell {
  position: absolute;
  top: 3px;
  right: 0;
  color: var(--config-color-tx-sec);
  cursor: pointer;
}

.box-dados .menu-cell .ico-menu svg {
  display: block;
  height: 30px;
}

.box-dados .menu-cell .box {
  display: none;
  position: absolute;
  z-index: 3;
  top: -4px;
  right: 0;
  padding-right: 30px;
}

.box-dados .menu-cell .box:after {
  content: "▶";
  position: absolute;
  top: 8px;
  right: 21px;
  text-shadow: 2px 1px 2px rgba(102, 102, 102, 0.5);
  color: #fff;
}

.box-dados .menu-cell nav {
  position: relative;
  background-color: var(--config-color-bg);
  border-radius: calc(var(--flat) * 3px);
  box-shadow: 0 1px 2px rgba(102, 102, 102, 0.5);
}

.box-dados .menu-cell nav button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  cursor: pointer;
  white-space: nowrap;
  padding: 6px 15px 6px 10px;
  font-weight: bold;
}

.box-dados .menu-cell nav button .ico {
  position: relative;
  display: inline-flex;
  align-items: center;
  text-align: center;
  width: 18px;
  height: 40px;
  margin-right: 8px;
}

.box-dados .menu-cell nav button .ico svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--config-color-tx-sec);
  width: 16px;
}

.box-dados .menu-cell nav button:hover {
  color: var(--config-color-primary);
}

.box-dados .menu-cell nav button:hover svg {
  color: var(--config-color-primary);
}

.box-dados .menu-cell nav button:first-of-type svg {
  height: 25px;
}

.box-dados .menu-cell:hover .ico {
  color: var(--config-color-primary);
}

.box-dados .menu-cell:hover .box {
  display: block;
}

/* NOTIFICATIONS */
.fix-notifications-desktop {
  position: fixed;
  display: none;
  width: 360px;
  z-index: 3;
  top: 100px;
  right: 0;
  bottom: 0;
  padding-bottom: 30px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  transition: top 200ms;
  /* BUSCA */
}

@media (max-width: 767.98px) {
  .fix-notifications-desktop {
    display: none;
  }
}

.fix-notifications-desktop .top {
  position: relative;
  background-color: var(--config-color-bg);
  height: 120px;
  z-index: 6;
}

.fix-notifications-desktop .scroll {
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  overflow-y: auto;
}

[data-theme="light"] .fix-notifications-desktop .scroll {
  border-top: 1px #ddd solid;
  background-color: #f9f9f9;
}

[data-theme="dark"] .fix-notifications-desktop .scroll {
  border-top: 1px #666 solid;
  background-color: var(--config-color-bg);
}

.fix-notifications-desktop .scroll > .box {
  position: relative;
}

.fix-notifications-desktop header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.fix-notifications-desktop header h3 {
  font-size: 18px;
  margin-bottom: 0;
}

.fix-notifications-desktop header a {
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

.fix-notifications-desktop .search {
  padding: 3px;
}

[data-theme="light"] .fix-notifications-desktop .search {
  border-top: 1px #eee solid;
}

[data-theme="dark"] .fix-notifications-desktop .search {
  border-top: 1px #666 solid;
}

.fix-notifications-desktop .search form {
  display: flex;
}

.fix-notifications-desktop .search input {
  flex-grow: 1;
  border: none;
  height: 40px;
  line-height: 40px;
  padding: 0 1em;
  color: var(--config-color-tx);
  font-family: var(--config-font-family);
  background-color: transparent;
}

.fix-notifications-desktop .search button {
  padding: 0 10px;
  color: var(--config-color-tx-sec);
  cursor: pointer;
}

.fix-notifications-desktop .search button:hover {
  color: var(--config-color-tx);
}

.fix-notifications-desktop .search button svg {
  width: 24px;
  height: 24px;
}

.fix-notifications-desktop .sec-tit {
  font-size: 14px;
  padding: 10px 30px;
}

[data-theme="light"] .fix-notifications-desktop .sec-tit {
  background-color: #eee;
  border-bottom: 1px #ddd solid;
}

[data-theme="dark"] .fix-notifications-desktop .sec-tit {
  background-color: #2d2d2d;
  border-bottom: 1px #666 solid;
}

.fix-notifications-desktop .items .vazio {
  display: block;
  text-align: center;
  padding: 20px 10px;
}

.fix-notifications-desktop .items .item {
  font-size: 13px;
}

[data-theme="light"] .fix-notifications-desktop .items .item {
  background-color: #f5f5f5;
  border-bottom: 1px #ddd solid;
}

[data-theme="dark"] .fix-notifications-desktop .items .item {
  background-color: #2d2d2d;
  border-bottom: 1px #666 solid;
}

.fix-notifications-desktop .items .item a {
  display: flex;
  padding: 15px 20px;
}

.fix-notifications-desktop .items .item .foto {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin: 5px 10px 0 0;
  border-radius: 50%;
  /* *??? */
}

[data-theme="light"] .fix-notifications-desktop .items .item .foto {
  background: #ccc;
}

[data-theme="dark"] .fix-notifications-desktop .items .item .foto {
  background: #555;
}

.fix-notifications-desktop .items .item .foto img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.fix-notifications-desktop .items .item .foto i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}

.fix-notifications-desktop .items .item .foto svg {
  max-width: 65%;
  max-height: 65%;
}

.fix-notifications-desktop .items .item h4 {
  font-weight: normal;
  margin-bottom: 5px;
}

.fix-notifications-desktop .items .item .subinfo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: var(--config-color-tx-sec);
}

.fix-notifications-desktop .items .item .subinfo .desc {
  flex-grow: 1;
}

.fix-notifications-desktop .items .item .subinfo .data {
  white-space: nowrap;
  margin-left: 20px;
}

.fix-notifications-desktop .items .item .subinfo .data svg {
  position: relative;
  top: 1px;
  margin-right: 4px;
  width: 10px;
  height: 10px;
}

.fix-notifications-desktop .items .item[data-status="novo"] {
  background-color: var(--config-color-bg);
}

.fix-notifications-desktop .items .item[data-status="novo"] h4 {
  font-weight: bold;
}

.fix-notifications-desktop .items .item[data-status="novo"] .data {
  color: var(--config-color-tx);
  font-weight: bold;
}

.fix-notifications-desktop .items-novas .foto:after {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background: #096;
  border-radius: 50%;
  content: "";
}

.fix-notifications-desktop footer {
  text-align: center;
  padding: 20px 0;
}

.fix-notifications-desktop footer .btn-continuar-peq {
  width: 160px;
}

.fix-notifications-desktop .pagination-loader {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  display: none;
  bottom: 18px;
  right: 0;
  justify-content: center;
  align-items: center;
  z-index: 6;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.fix-notifications-desktop .pagination-loader svg {
  animation: spin 1s linear infinite;
  width: 20px;
  height: 20px;
}

.fix-notifications-desktop .items-novas,
.fix-notifications-desktop .items-anteriores {
  display: none;
}

.fix-notifications-desktop [data-status~="nov"] .items-novas {
  display: block;
}

.fix-notifications-desktop [data-status~="ant"] .items-anteriores {
  display: block;
}

.fix-notifications-desktop[data-status="wait"] .pagination-loader {
  display: flex;
}

.fix-notifications-desktop .items-anteriores {
  padding-bottom: 68px;
}

.fix-notifications-desktop[data-status="on"] {
  display: block;
}

@media (max-width: 767.98px) {
  .fix-notifications-desktop[data-status="on"] {
    display: none;
  }
}

.fix-notifications-desktop[data-status="wait"] {
  display: block;
}

@media (max-width: 767.98px) {
  .fix-notifications-desktop[data-status="wait"] {
    display: none;
  }
}

.contem-notifications .js--context-menu {
  display: block;
}

.contem-notifications[data-fix="on"] .js--context-menu {
  display: none;
}

.contem-notifications[data-fix="on"] i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--config-color-secondary);
  background-color: var(--tema-cor-bg-claro);
}

body.no-scroll {
  overflow: hidden;
}

.overlay-notifications {
  display: block;
  opacity: .6;
}

/* NOTIFICATIONS */
.fix-notifications-mobile {
  /* BUSCA */
}

@media (min-width: 768px) {
  .fix-notifications-mobile {
    display: none;
  }
}

.fix-notifications-mobile .top {
  position: relative;
  background-color: var(--config-color-bg);
  height: 188px;
  z-index: 6;
}

.fix-notifications-mobile .scroll {
  position: absolute;
  top: 188px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  overflow-y: auto;
}

[data-theme="light"] .fix-notifications-mobile .scroll {
  border-top: 1px #ddd solid;
  background-color: #f9f9f9;
}

[data-theme="dark"] .fix-notifications-mobile .scroll {
  border-top: 1px #666 solid;
  background-color: var(--config-color-bg);
}

.fix-notifications-mobile .scroll > .box {
  position: relative;
}

.fix-notifications-mobile header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.fix-notifications-mobile header h3 {
  font-size: 18px;
  margin-bottom: 0;
}

.fix-notifications-mobile header a {
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

.fix-notifications-mobile .search {
  padding: 3px;
}

[data-theme="light"] .fix-notifications-mobile .search {
  border-top: 1px #eee solid;
}

[data-theme="dark"] .fix-notifications-mobile .search {
  border-top: 1px #666 solid;
}

.fix-notifications-mobile .search form {
  display: flex;
}

.fix-notifications-mobile .search input {
  flex-grow: 1;
  border: none;
  height: 40px;
  line-height: 40px;
  padding: 0 1em;
  color: var(--config-color-tx);
  font-family: var(--config-font-family);
  background-color: transparent;
}

.fix-notifications-mobile .search button {
  padding: 0 10px;
  color: var(--config-color-tx-sec);
  cursor: pointer;
}

.fix-notifications-mobile .search button:hover {
  color: var(--config-color-tx);
}

.fix-notifications-mobile .search button svg {
  width: 24px;
  height: 24px;
}

.fix-notifications-mobile .sec-tit {
  font-size: 14px;
  padding: 10px 30px;
}

[data-theme="light"] .fix-notifications-mobile .sec-tit {
  background-color: #eee;
  border-bottom: 1px #ddd solid;
}

[data-theme="dark"] .fix-notifications-mobile .sec-tit {
  background-color: #2d2d2d;
  border-bottom: 1px #666 solid;
}

.fix-notifications-mobile .items .vazio {
  display: block;
  text-align: center;
  padding: 20px 10px;
}

.fix-notifications-mobile .items .item {
  font-size: 13px;
}

[data-theme="light"] .fix-notifications-mobile .items .item {
  background-color: #f5f5f5;
  border-bottom: 1px #ddd solid;
}

[data-theme="dark"] .fix-notifications-mobile .items .item {
  background-color: #2d2d2d;
  border-bottom: 1px #666 solid;
}

.fix-notifications-mobile .items .item a {
  display: flex;
  padding: 15px 20px;
}

.fix-notifications-mobile .items .item .foto {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin: 5px 10px 0 0;
  border-radius: 50%;
  /* *??? */
}

[data-theme="light"] .fix-notifications-mobile .items .item .foto {
  background: #ccc;
}

[data-theme="dark"] .fix-notifications-mobile .items .item .foto {
  background: #555;
}

.fix-notifications-mobile .items .item .foto img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.fix-notifications-mobile .items .item .foto i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}

.fix-notifications-mobile .items .item .foto svg {
  max-width: 65%;
  max-height: 65%;
}

.fix-notifications-mobile .items .item h4 {
  font-weight: normal;
  margin-bottom: 5px;
}

.fix-notifications-mobile .items .item .subinfo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: var(--config-color-tx-sec);
}

.fix-notifications-mobile .items .item .subinfo .desc {
  flex-grow: 1;
}

.fix-notifications-mobile .items .item .subinfo .data {
  white-space: nowrap;
  margin-left: 20px;
}

.fix-notifications-mobile .items .item .subinfo .data svg {
  position: relative;
  top: 1px;
  margin-right: 4px;
  width: 10px;
  height: 10px;
}

.fix-notifications-mobile .items .item[data-status="novo"] {
  background-color: var(--config-color-bg);
}

.fix-notifications-mobile .items .item[data-status="novo"] h4 {
  font-weight: bold;
}

.fix-notifications-mobile .items .item[data-status="novo"] .data {
  color: var(--config-color-tx);
  font-weight: bold;
}

.fix-notifications-mobile .items-novas .foto:after {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background: #096;
  border-radius: 50%;
  content: "";
}

.fix-notifications-mobile footer {
  text-align: center;
  padding: 20px 0;
}

.fix-notifications-mobile footer .btn-continuar-peq {
  width: 160px;
}

.fix-notifications-mobile .pagination-loader {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  display: none;
  bottom: 18px;
  right: 0;
  justify-content: center;
  align-items: center;
  z-index: 6;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.fix-notifications-mobile .pagination-loader svg {
  animation: spin 1s linear infinite;
  width: 20px;
  height: 20px;
}

.fix-notifications-mobile .items-novas,
.fix-notifications-mobile .items-anteriores {
  display: none;
}

.fix-notifications-mobile [data-status~="nov"] .items-novas {
  display: block;
}

.fix-notifications-mobile [data-status~="ant"] .items-anteriores {
  display: block;
}

.fix-notifications-mobile[data-status="wait"] .pagination-loader {
  display: flex;
}

.fix-notifications-mobile .items-anteriores {
  padding-bottom: 68px;
}

.fix-notifications-mobile[data-status="on"] {
  display: block;
}

@media (min-width: 768px) {
  .fix-notifications-mobile[data-status="on"] {
    display: none;
  }
}

.fix-notifications-mobile[data-status="wait"] {
  display: block;
}

@media (min-width: 768px) {
  .fix-notifications-mobile[data-status="wait"] {
    display: none;
  }
}

/* CUROS -- MÓDULOS */
#contem-modulos {
  margin-bottom: 60px;
}

#contem-modulos .js--hidden {
  display: none;
}

#contem-modulos.status--show .js--hidden {
  display: unset;
}

#contem-modulos.status--show .js--shown {
  display: none;
}

/* INPUT TAGS */
.ad2hs-prompt-area,
.ios-prompt-area {
  display: none;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100vw;
  background: rgba(68, 68, 68, 0.8);
  padding: 16px;
  z-index: 100;
  transform: translateY(0px);
  transition: all 400ms ease-out 500ms;
}

@media (min-width: 768px) {
  .ad2hs-prompt-area,
  .ios-prompt-area {
    display: none !important;
  }
}

.ad2hs-prompt-area .closePwa,
.ios-prompt-area .closePwa {
  width: 18px;
  height: 20px;
  padding: 0px;
  margin-right: 16px;
  cursor: pointer;
  background: transparent;
}

.ad2hs-prompt-area .closePwa img,
.ios-prompt-area .closePwa img {
  display: inline-block;
  margin-bottom: -2px;
  height: 20px;
  width: auto;
}

.ad2hs-prompt-area .logoPwa,
.ios-prompt-area .logoPwa {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  margin-right: 8px;
}

.ad2hs-prompt-area .logoPwa img,
.ios-prompt-area .logoPwa img {
  display: block;
  max-width: 100%;
}

.ad2hs-prompt-area .textPwa,
.ios-prompt-area .textPwa {
  flex: 1 1 0%;
  text-align: left;
  padding-right: 8px;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 10px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: white;
}

.ad2hs-prompt-area .downloadPwa,
.ios-prompt-area .downloadPwa {
  font-size: 10px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: center;
  color: var(--config-color-primary);
  text-transform: uppercase;
  background: white;
  padding: 8px 16px;
  border-radius: 4px;
}

.ad2hs-prompt-area .appleShare,
.ios-prompt-area .appleShare {
  display: inline-block;
  margin-bottom: -7px;
  height: 21px;
  width: auto;
}

.ios-prompt-area .textPwa {
  line-height: 2;
}

/* COUNTDOWN */
#countdown .date-convert-hidden {
  display: none;
}

#countdown .date-count {
  font-size: 13px;
  color: #f72;
  font-weight: 700;
}

/*
----------------------------
  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;
}

/*
-------------------------
  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;
}

.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;
  }
}

/* FORM */
/* 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;
}

.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;
  }
}

/* PÁGINAS */
/* LOGIN */
.login-body {
  background-color: var(--config-color-primary);
}

.login-wrap {
  min-height: 100vh;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .login-wrap {
    display: flex;
  }
}

.login-wrap .login-contem {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 10vh 50px 80px;
  background-color: var(--config-color-bg);
  font-size: 15px;
}

@media (min-width: 768px) {
  .login-wrap .login-contem {
    width: 450px;
  }
}

.login-wrap .login-contem .logo {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}

.login-wrap .login-contem .logo a {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.login-wrap .login-contem .logo img {
  display: block;
  max-height: 60px;
  max-width: 240px;
}

.login-wrap .login-contem .logo p {
  font-size: 18px;
}

.login-wrap .login-contem .logo p[data-status="hide"] {
  display: none;
}

.login-wrap .login-contem .logo p[data-status="show"] {
  display: block;
}

.login-wrap .login-contem form {
  display: block;
  position: relative;
}

.login-wrap .login-contem form[data-status="hide"] {
  display: none;
}

.login-wrap .login-contem form[data-status="show"] {
  display: block;
}

.login-wrap .login-contem .cp {
  margin-bottom: 15px;
}

.login-wrap .login-contem .cp > label:first-child {
  display: block;
  margin: 0 0 7px 7px;
  font-weight: bold;
}

.login-wrap .login-contem .cp > label.error {
  display: block;
  margin: 5px 0 0 7px;
  color: #dc3545;
  font-size: 13px;
}

.login-wrap .login-contem .cp .wrap {
  display: inline-flex;
  align-items: stretch;
  justify-content: stretch;
  border-radius: 5px;
  border: var(--config-color-borda) 1px solid;
  height: 40px;
  width: 100%;
}

.login-wrap .login-contem .cp .wrap.error {
  border-color: #dc3545;
  background-color: #fee;
}

.login-wrap .login-contem .cp .wrap.error input {
  color: #dc3545 !important;
  background-color: #fee !important;
}

.login-wrap .login-contem .cp .wrap.valid {
  border-color: #01c4b7;
  background-color: #ebfefc;
}

.login-wrap .login-contem .cp .wrap.valid input {
  color: #01c4b7 !important;
  background-color: #ebfefc !important;
}

.login-wrap .login-contem .cp .wrap .ico {
  justify-content: center;
  width: 30px;
  display: inline-flex;
  color: var(--config-color-tx-sec);
}

.login-wrap .login-contem .cp .wrap .ico svg {
  width: 18px;
}

.login-wrap .login-contem .cp .wrap .ico-pass, .login-wrap .login-contem .cp .wrap .ico-txt {
  padding: 0 6px;
  cursor: pointer;
}

.login-wrap .login-contem .cp .wrap .cmp {
  flex-grow: 1;
  display: block;
}

.login-wrap .login-contem .cp .wrap input[type="text"],
.login-wrap .login-contem .cp .wrap input[type="email"],
.login-wrap .login-contem .cp .wrap input[type="number"],
.login-wrap .login-contem .cp .wrap input[type="password"],
.login-wrap .login-contem .cp .wrap input[type="code"],
.login-wrap .login-contem .cp .wrap select {
  display: block;
  box-sizing: border-box;
  padding: 0 5px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: none;
  background: var(--config-color-bg);
  font-size: 16px;
  color: var(--config-color-tx);
  font-family: var(--config-font-family);
  filter: none;
  border-radius: calc(var(--flat) * 5px);
}

.login-wrap .login-contem .cp .wrap[data-status="hide"] .ico-pass {
  display: inline-flex;
}

.login-wrap .login-contem .cp .wrap[data-status="hide"] .ico-txt {
  display: none;
}

.login-wrap .login-contem .cp .wrap[data-status="show"] .ico-pass {
  display: none;
}

.login-wrap .login-contem .cp .wrap[data-status="show"] .ico-txt {
  display: inline-flex;
}

.login-wrap .login-contem .base-links {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 35px;
}

.login-wrap .login-contem .base-links .lembrar {
  align-items: center;
  color: #1bbc9b;
  cursor: pointer;
  display: flex;
}

.login-wrap .login-contem .base-links .lembrar:hover {
  text-decoration: underline;
}

.login-wrap .login-contem .base-links .lembrar svg {
  width: 18px;
}

.login-wrap .login-contem .base-links .lembrar .ico {
  display: block;
  position: relative;
  top: 2px;
}

.login-wrap .login-contem .base-links .lembrar .tx-label {
  margin-left: 4px;
}

.login-wrap .login-contem .base-links .lembrar input {
  display: none;
}

.login-wrap .login-contem .base-links .lembrar input:checked + span {
  display: none;
}

.login-wrap .login-contem .base-links .lembrar input:not(:checked) + span + span {
  display: none;
}

.login-wrap .login-contem .base-links .senha {
  font-weight: bold;
  color: var(--config-color-primary);
  cursor: pointer;
}

.login-wrap .login-contem .base-links .senha:hover {
  text-decoration: underline;
}

.login-wrap .login-contem .btn-login {
  height: 40px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 40px;
  border-radius: calc(var(--flat) * 40px / 2);
  min-width: 150px;
  display: block;
  background-color: var(--config-color-primary);
  font-size: 16px;
  margin: 60px auto 25px;
  font-weight: 600;
  color: #fff;
}

.login-wrap .login-contem .btn-login:hover {
  background-color: var(--config-color-secondary);
}

.login-wrap .login-contem .conta {
  text-align: center;
}

.login-wrap .login-contem .conta a {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  color: var(--config-color-primary);
}

.login-wrap .login-contem .conta a:hover {
  text-decoration: underline;
}

.login-wrap .login-contem .conta a svg {
  display: block;
  width: 15px;
}

.login-wrap .login-contem .aviso-confirmacao {
  font-size: 15px;
  line-height: 1.5em;
}

.login-wrap .login-contem .consult-certificate {
  margin-top: auto;
  cursor: pointer;
  text-align: center;
  color: #1bbc9b;
}

.login-wrap .login-contem .consult-certificate:hover {
  text-decoration: underline;
}

.login-wrap .login-contem #formAuthentication {
  margin-top: 20px;
}

.login-wrap .login-contem #formAuthentication .btn-login-authentication {
  margin: 30px auto 45px !important;
}

.login-wrap .login-contem #formAuthentication .ico-authentication {
  color: var(--config-color-primary) !important;
}

.login-wrap .login-contem #formAuthentication .authentication-instructions,
.login-wrap .login-contem #formAuthentication .authentication-instructions-email {
  font-size: 18px;
  text-align: center;
  margin-bottom: 70px;
}

.login-wrap .login-contem #formAuthentication .authentication-instructions[data-status="hide"],
.login-wrap .login-contem #formAuthentication .authentication-instructions-email[data-status="hide"] {
  display: none;
}

.login-wrap .login-contem #formAuthentication .authentication-instructions[data-status="show"],
.login-wrap .login-contem #formAuthentication .authentication-instructions-email[data-status="show"] {
  display: block;
}

.login-wrap .login-contem #formAuthentication .authentication-instructions b,
.login-wrap .login-contem #formAuthentication .authentication-instructions-email b {
  color: var(--config-color-primary);
}

.login-wrap .login-contem #formAuthentication #emailAuthentication {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  color: var(--config-color-primary);
}

.login-wrap .login-contem #formAuthentication #emailAuthentication:hover {
  text-decoration: underline;
  cursor: pointer;
}

.login-wrap .login-contem #formAuthentication #emailAuthentication svg {
  display: block;
  width: 15px;
}

.login-wrap .login-contem #formAuthentication .back-login {
  display: flex;
  justify-content: center;
  color: var(--config-color-primary);
  margin: 70px 0 50px 0;
  font-weight: 700;
}

.login-wrap .login-contem #formAuthentication .back-login:hover {
  text-decoration: underline;
  cursor: pointer;
}

.login-wrap .login-contem #formAuthentication .back-login svg {
  display: block;
  width: 15px !important;
}

@media (max-width: 767.98px) {
  .login-wrap .login-img {
    display: none;
  }
}

@media (min-width: 768px) {
  .login-wrap .login-img {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
}

.wrap-aviso {
  display: none;
}

[data-status="success"] .box-success {
  display: block;
}

[data-status="error"] .box-error {
  display: block;
}

/* PÁGINA INICIAL */
/* INICIAL > SECTIONS */
.sec-text-left .tit-sec {
  text-align: left;
}

.sec-text-center .tit-sec {
  text-align: center;
}

.sec-text-right .tit-sec {
  text-align: right;
}

/* INICIAL > ESTATÍSTICAS */
@media (max-width: 767.98px) {
  .estatisticas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 15px;
    margin: 40px 15px;
  }
}

@media (min-width: 768px) {
  .estatisticas {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 40px 0 40px;
  }
}

.estatisticas .stat {
  box-sizing: border-box;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  border-radius: calc(var(--flat) * 6px);
}

@media (max-width: 767.98px) {
  .estatisticas .stat {
    padding: 20px 0;
  }
}

@media (min-width: 768px) {
  .estatisticas .stat {
    padding-top: 20px;
    width: 100%;
    max-width: 187px;
    height: 187px;
    margin: 0 13px 20px;
  }
}

[data-theme="light"] .estatisticas .stat {
  background-color: var(--config-color-bg-box);
}

[data-theme="dark"] .estatisticas .stat {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.estatisticas .stat .ico {
  position: relative;
  display: inline-block;
  width: 57px;
  height: 57px;
  border-radius: calc(var(--flat) * 6px);
  background-color: var(--tema-cor-bg-claro);
  color: var(--config-color-primary);
}

@media (min-width: 768px) {
  .estatisticas .stat .ico {
    margin-bottom: 20px;
  }
}

.estatisticas .stat .ico i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.estatisticas .stat .valor {
  font-weight: bold;
  margin-bottom: 5px;
  color: var(--config-color-primary);
}

@media (max-width: 767.98px) {
  .estatisticas .stat .valor {
    font-size: 28px;
  }
}

@media (min-width: 768px) {
  .estatisticas .stat .valor {
    font-size: 36px;
  }
}

.estatisticas .stat .campo {
  font-size: 18px;
  font-weight: bold;
}

/* INICIAL > DESTAQUES */
/* SLIDER DE CURSOS */
.slider-destaques {
  position: relative;
}

/* NUVEM DE TAGS */
.nuvem-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 20px;
  max-width: 1655px;
}

.nuvem-tags .tag {
  display: inline-flex;
  align-items: center;
  column-gap: 1em;
  border-radius: calc(var(--flat) * 6px);
  margin: 0 10px 37px;
  color: var(--config-color-tx-sec);
  font-size: 15px;
  font-weight: bold;
  border: #e6e6e6 2px solid;
  box-shadow: 3px 6px 14px 0 rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .nuvem-tags .tag {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .nuvem-tags .tag {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

@media (max-width: 767.98px) {
  .nuvem-tags .tag {
    padding: 12px 30px;
  }
  .nuvem-tags .tag.icon img {
    display: none;
  }
}

@media (min-width: 768px) {
  .nuvem-tags .tag.txt {
    padding: 12px 30px;
  }
  .nuvem-tags .tag.icon {
    padding: 12px 30px 12px 12px;
  }
  .nuvem-tags .tag.icon img {
    width: 35px;
    height: 35px;
    filter: brightness(1);
  }
}

.nuvem-tags .tag:hover {
  border-color: var(--config-color-primary);
  background: var(--config-color-primary);
  color: #fff;
}

#categories-container .btn-ver span:first-child {
  display: none;
}

#categories-container[data-status="principal"] .tag:nth-child(n + 11) {
  display: none;
}

/* PROFESSORES DESTAQUE */
.professores-destaque {
  position: relative;
}

[data-theme="light"] .professores-contem--home {
  display: flex;
}

@media (max-width: 1199.98px) {
  [data-theme="light"] .professores-contem--home {
    flex-flow: column;
  }
}

@media (min-width: 1200px) {
  [data-theme="light"] .professores-contem--home {
    flex-flow: row;
  }
}

@media (min-width: 1200px) {
  [data-theme="light"] .professores-contem--home .tns-nav {
    margin-top: -25px;
    margin-left: 410px;
  }
}

@media (max-width: 1199.98px) {
  [data-theme="light"] .professores-contem--home .professores-contem-slider--home {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  [data-theme="light"] .professores-contem--home .professores-contem-slider--home {
    width: 800px;
  }
}

[data-theme="dark"] .professores-contem--home .professores-contem-slider--home {
  width: 100%;
}

@media (max-width: 767.98px) {
  .professores-contem--home .professores-slider {
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .professores-contem--home .professores-slider {
    padding-bottom: 50px;
  }
}

.professores-contem--home .box-link {
  flex-grow: 1;
}

.professores-contem--home .box-link .link-todos {
  position: relative;
  display: block;
  white-space: nowrap;
  color: var(--config-color-primary);
  font-size: 24px;
  font-weight: bold;
  background-color: var(--config-color-bg-alt);
}

@media (max-width: 1199.98px) {
  .professores-contem--home .box-link .link-todos {
    width: 100%;
    height: 45px;
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  .professores-contem--home .box-link .link-todos {
    height: 365px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: calc(var(--flat) * 4px);
    margin: 10px;
  }
}

.professores-contem--home .box-link .link-todos > span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.professores-contem--home .box-link .link-todos .material-icons {
  position: relative;
  top: 3px;
  margin-left: 2px;
}

.btn-box-home {
  margin-top: 32px;
}

.sec-items-left .btn-box-home {
  text-align: left;
}

.sec-items-center .btn-box-home {
  text-align: center;
}

.sec-items-right .btn-box-home {
  text-align: right;
}

/* INICIAL > EXPAND */
.items-expand {
  position: relative;
  max-width: 1040px;
}

.items-expand .item {
  position: relative;
  display: flex;
  border-radius: calc(var(--flat) * 10px);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

[data-theme="light"] .items-expand .item {
  background: var(--config-color-bg-box);
}

[data-theme="dark"] .items-expand .item {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

@media (max-width: 767.98px) {
  .items-expand .item {
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
  }
  .items-expand .item.item-course {
    max-width: 485px;
  }
  .items-expand .item.item-product {
    max-width: 450px;
  }
}

@media (min-width: 768px) {
  .items-expand .item {
    flex-direction: row;
    min-height: 290px;
    column-gap: 35px;
    margin: 10px 6px 15px;
  }
}

.items-expand .item .foto {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-image: url("https://cdn.eadplataforma.app/assets/img/camera.svg");
  background-color: var(--config-color-bg-img);
  background-repeat: no-repeat;
  background-size: 70px auto;
  background-position: center center;
}

@media (max-width: 767.98px) {
  .items-expand .item .foto {
    width: 100%;
    aspect-ratio: 1.55 / 1;
    flex-shrink: 0;
    border-radius: calc(var(--flat) * 5px) calc(var(--flat) * 5px) 0 0;
  }
}

@media (min-width: 768px) {
  .items-expand .item .foto {
    height: 290px;
    flex-shrink: 0;
    border-radius: calc(var(--flat) * 5px) 0 0 calc(var(--flat) * 5px);
  }
}

.items-expand .item .foto img:not(.status--img-error) {
  display: block;
  object-fit: cover;
  object-position: center;
  background-color: var(--config-color-bg-img);
  transition: width 200ms, height 200ms, transform 200ms;
}

@media (max-width: 767.98px) {
  .items-expand .item .foto img:not(.status--img-error) {
    width: 100%;
    max-width: 450px;
    aspect-ratio: 1.55 / 1;
  }
}

@media (min-width: 768px) {
  .items-expand .item.item-course .foto {
    width: 485px;
  }
  .items-expand .item.item-product .foto {
    width: 450px;
  }
}

.items-expand .item .btn-wishlist {
  z-index: 2;
}

.items-expand .item .info {
  width: 100%;
  position: relative;
}

@media (max-width: 767.98px) {
  .items-expand .item .info {
    text-align: center;
    padding: 0 15px 30px 15px;
  }
}

@media (min-width: 768px) {
  .items-expand .item .info {
    flex-grow: 1;
    padding: 15px 15px 15px 0;
  }
}

.items-expand .item .info .wrap-tags {
  margin-bottom: 10px;
}

@media (max-width: 767.98px) {
  .items-expand .item .info .wrap-tags {
    display: inline-flex;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .items-expand .item .info .wrap-tags {
    margin-left: -5px;
  }
}

.items-expand .item .info h3 {
  font-size: 22px;
  margin-bottom: 10px;
  word-wrap: break-word;
}

@media (max-width: 767.98px) {
  .items-expand .item .info h3 {
    line-height: 1.3em;
  }
}

@media (min-width: 768px) {
  .items-expand .item .info h3 {
    line-height: 1.5em;
  }
}

.items-expand .item .info .workload {
  font-size: 12px;
  color: var(--config-color-tx-sec);
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
}

@media (max-width: 767.98px) {
  .items-expand .item .info .workload {
    justify-content: center;
  }
}

.items-expand .item .info .workload svg {
  width: 12px;
  height: 12px;
  margin-right: 0.3em;
}

.items-expand .item .info .desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.5em;
  margin-bottom: 20px;
}

.items-expand .item .info .acesso p {
  font-weight: bold;
  font-size: 17px;
}

.items-expand .item .info .avaliacao {
  color: var(--config-color-tx-sec);
  display: inline-block;
  text-align: left;
  white-space: nowrap;
  margin-bottom: 15px;
}

.items-expand .item .info .avaliacao .nota {
  color: #fbca54;
  font-size: 16px;
  font-weight: 900;
}

.items-expand .item .info .avaliacao .avaliacao-stars {
  display: inline-flex;
  align-items: center;
}

.items-expand .item .info .avaliacao .avaliacao-stars i {
  margin-right: 2px;
}

.items-expand .item .info .avaliacao .avaliacao-stars svg {
  height: 12.5px;
}

.items-expand .item .info .preco-original {
  font-weight: bold;
  color: var(--config-color-tx-sec);
  margin-bottom: 3px;
}

.items-expand .item .info .preco-original s {
  text-decoration: line-through;
}

.items-expand .item .info .lista-espera {
  font-weight: bold;
  color: #f72;
}

.items-expand .item .info .preco-atual {
  display: flex;
  margin-bottom: 5px;
  align-items: baseline;
}

@media (max-width: 767.98px) {
  .items-expand .item .info .preco-atual {
    display: block;
  }
}

.items-expand .item .info .preco-atual small {
  font-size: 14px;
}

.items-expand .item .info .preco-atual .price {
  margin-right: 8px;
  font-weight: bold;
  font-size: 26px;
  color: #096;
}

@media (max-width: 767.98px) {
  .items-expand .item .info .preco-atual .price {
    margin-right: 0px;
  }
}

.items-expand .item .info .preco-atual .payments {
  color: var(--config-color-tx-sec);
}

.items-expand .item .info .preco-gratis {
  font-weight: bold;
  font-size: 24px;
  color: #096;
}

/* INICIAL > OFERTAS */
.items-stand .link-detail {
  position: relative;
  display: block;
}

.items-stand .item {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background: var(--config-color-bg-box);
  border-radius: calc(var(--flat) * 10px);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 315px;
  aspect-ratio: 1 / 1.41;
}

.items-stand .item .btn-wishlist {
  margin-top: -50px;
  transition: margin-top 300ms;
  width: 45px;
  height: 45px;
}

.items-stand .item .btn-wishlist svg {
  width: 30px;
  height: 30px;
  stroke: #fff;
}

.items-stand .item .btn-wishlist.status--active svg {
  fill: #fff;
}

.items-stand .item .btn-wishlist .loader {
  color: #fff;
}

.items-stand .item .btn-wishlist .loader svg {
  width: 45px;
  height: 45px;
}

.items-stand .item .foto {
  position: absolute;
  border-radius: calc(var(--flat) * 5px);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-image: url("https://cdn.eadplataforma.app/assets/img/camera.svg");
  background-color: var(--config-color-bg-img);
  background-repeat: no-repeat;
  background-size: 70px auto;
  background-position: center 30%;
}

@media (max-width: 767.98px) {
  .items-stand .item .foto {
    border-radius: calc(var(--flat) * 5px) calc(var(--flat) * 5px) 0 0;
  }
}

.items-stand .item .foto img:not(.status--img-error) {
  display: block;
  object-fit: cover;
  object-position: center;
  background-color: var(--config-color-bg-img);
  transition: width 200ms, height 200ms, transform 200ms;
  width: 100%;
  aspect-ratio: 1 / 1.41;
}

.items-stand .item .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 500ms;
}

[data-theme="light"] .items-stand .item .mask {
  background: linear-gradient(27deg, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
}

[data-theme="dark"] .items-stand .item .mask {
  background: linear-gradient(27deg, #101010 20%, rgba(16, 16, 16, 0) 100%);
}

.items-stand .item .btn-wishlist {
  z-index: 2;
}

.items-stand .item .info {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  right: 20px;
}

.items-stand .item .info .desconto {
  position: relative;
  top: 9px;
  left: -15px;
  display: inline-block;
  font-weight: 900;
  color: #fff;
  height: 20px;
  line-height: 21px;
  border-radius: calc(var(--flat) * 10px);
  padding: 0 10px;
  font-size: 10px;
  background: var(--config-color-primary);
  margin: 0 3px 5px 0;
}

.items-stand .item .info h3 {
  position: absolute;
  bottom: 75px;
  left: 0;
  right: 0;
  font-size: 30px;
  line-height: 1.5em;
  word-wrap: break-word;
}

[data-theme="light"] .items-stand .item .info h3 {
  color: var(--config-color-primary);
}

.items-stand .item .info .desc {
  display: none;
}

.items-stand .item .info .avaliacao {
  position: relative;
  top: 10px;
  left: -15px;
  color: var(--config-color-tx-sec);
  display: inline-flex;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  background-color: rgba(10, 23, 55, 0.5);
  padding: 2px 8px 3px 8px;
  border-radius: 15px;
  margin-right: 4px;
}

.items-stand .item .info .avaliacao .nota {
  color: #fbca54;
  font-size: 14px;
  font-weight: 900;
}

.items-stand .item .info .avaliacao .avaliacao-stars {
  display: inline-flex;
  align-items: center;
}

.items-stand .item .info .avaliacao .avaliacao-stars i {
  margin-right: 2px;
  width: 12px;
}

.items-stand .item .info .avaliacao .avaliacao-stars svg {
  height: 12.5px;
}

.items-stand .item .info .avaliacao .total {
  font-size: 10px;
  color: #fff;
  font-weight: bold;
}

.items-stand .item .info .preco-original {
  font-weight: bold;
}

[data-theme="light"] .items-stand .item .info .preco-original {
  color: var(--config-color-tx);
}

[data-theme="dark"] .items-stand .item .info .preco-original {
  color: var(--config-color-tx-sec);
}

.items-stand .item .info .preco-original s {
  text-decoration: line-through;
}

.items-stand .item .info .lista-espera {
  font-weight: bold;
  color: #f72;
}

.items-stand .item .info .preco-atual {
  font-weight: 900;
  font-size: 32px;
  white-space: nowrap;
}

[data-theme="light"] .items-stand .item .info .preco-atual {
  color: var(--config-color-primary);
}

.items-stand .item .info .preco-atual small {
  font-size: 14px;
}

.items-stand .item .info .preco-atual .payments {
  display: none;
}

.items-stand .item .info .preco-gratis {
  font-weight: bold;
  font-size: 24px;
  color: #096;
}

.items-stand .item .info .acesso {
  font-weight: bold;
  font-size: 17px;
}

.items-stand .item .info .pricing-box {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  position: absolute;
  bottom: -40px;
  transition: bottom 200ms;
}

.items-stand .item:hover .pricing-box {
  bottom: 25px;
}

.items-stand .item:hover img:not(.status--img-error) {
  transform: scale(120%);
}

.items-stand .item:hover .btn-wishlist {
  margin-top: 0;
}

.items-stand .item:hover .mask {
  opacity: 1;
}

/* PÁGINAS INTERNAS */
[data-theme="light"] .titulo-pagina {
  background: var(--config-color-bg);
}

.titulo-pagina > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 20px;
}

@media (max-width: 575.98px) {
  .titulo-pagina > .container {
    justify-content: center;
  }
}

@media (max-width: 767.98px) {
  .titulo-pagina > .container {
    background-color: var(--config-color-primary);
    padding: 15px 25px;
  }
}

@media (min-width: 768px) {
  [data-theme="light"] .titulo-pagina > .container {
    padding: 30px 15px;
  }
  [data-theme="dark"] .titulo-pagina > .container {
    padding: 20px 15px;
  }
}

@media (max-width: 767.98px) {
  .titulo-pagina > .container h1 {
    font-size: 18px;
    color: #fff;
  }
  .titulo-pagina > .container h1 a {
    color: #fff;
  }
}

@media (max-width: 575.98px) {
  .titulo-pagina > .container h1 {
    display: none;
  }
}

@media (min-width: 768px) {
  .titulo-pagina > .container h1 {
    flex-grow: 1;
  }
  [data-theme="light"] .titulo-pagina > .container h1 {
    font-size: 26px;
  }
  [data-theme="dark"] .titulo-pagina > .container h1 {
    font-size: 36px;
    color: var(--config-color-primary);
  }
}

.titulo-pagina > .container h1 em {
  font-style: normal;
}

.titulo-pagina > .container .migalhas {
  font-size: 12px;
  font-weight: bold;
}

@media (max-width: 767.98px) {
  .titulo-pagina > .container .migalhas {
    color: #fff;
  }
}

@media (max-width: 575.98px) {
  .titulo-pagina > .container .migalhas {
    text-align: center;
    font-size: 13px;
  }
}

@media (min-width: 768px) {
  .titulo-pagina > .container .migalhas {
    color: var(--config-color-tx-sec);
  }
}

@media (max-width: 767.98px) {
  .titulo-pagina > .container .migalhas a {
    color: #fff;
  }
}

@media (min-width: 768px) {
  .titulo-pagina > .container .migalhas a {
    color: var(--config-color-tx-sec);
  }
  .titulo-pagina > .container .migalhas a:hover {
    color: var(--config-color-tx);
  }
}

@media (max-width: 767.98px) {
  .titulo-pagina > .container .migalhas span {
    color: #fff;
  }
}

@media (min-width: 768px) {
  .titulo-pagina > .container .migalhas span {
    color: var(--config-color-tx);
  }
}

.titulo-pagina.title-restricted {
  background-color: var(--config-color-primary);
  color: #fff;
}

.titulo-pagina.title-restricted .migalhas,
.titulo-pagina.title-restricted .migalhas a,
.titulo-pagina.title-restricted .migalhas span {
  color: #fff;
}

/* LISTA DE CURSOS */
.sec--default > a {
  position: relative;
}

.products-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 20px;
  row-gap: 16px;
}

@media (max-width: 767.98px) {
  .products-list {
    margin: 20px 0 40px;
  }
}

@media (min-width: 768px) {
  .products-list {
    margin-bottom: 40px;
  }
  [data-theme="light"] .products-list {
    margin-top: 30px;
  }
}

.products-list--certificate {
  row-gap: 20px;
}

.products-list-default {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 16px;
}

@media (max-width: 767.98px) {
  .products-list-default {
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .sec-items-left .products-list-default {
    justify-content: left;
  }
  .sec-items-center .products-list-default {
    justify-content: center;
  }
  .sec-items-right .products-list-default {
    justify-content: right;
  }
}

.lista-destaques .products-list-default {
  margin-bottom: 30px;
}

.lateral-products .products-list-default {
  justify-content: center;
  margin: 0 0 40px;
  gap: 27px;
}

.lateral-products .products-list-default .item-curso {
  width: 315px;
  margin-bottom: 0;
}

.lateral-products .products-list-default .item-curso .foto {
  height: 202px;
}

.products-list-stand {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.products-list-stand .sec--stand {
  width: 315px;
}

.product-section-container[data-status="hide"] .tag:nth-child(n + 5) {
  display: none;
}

/* BOX CURSO */
/**
315 -> 330.75
188 -> 197.4

315 / 188 = 1,6755...

/**/
.item-curso {
  position: relative;
  width: 315px;
  min-height: 300px;
  border-radius: calc(var(--flat) * 5px);
  transition: transform 200ms ease,  box-shadow 1s ease;
  /* Tag de Avaliação de Produtos */
}

.item-curso:hover {
  transform: scale(1.05);
  z-index: 9;
}

[data-theme="light"] .item-curso {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--config-color-bg-box);
}

[data-theme="light"] .item-curso:hover {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.18);
}

[data-theme="dark"] .item-curso {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.18);
  background: #1c1c1c;
}

[data-theme="dark"] .item-curso:hover .mask {
  opacity: 1;
}

.item-curso .wrap-tags-score {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  padding: 0 5px;
  min-height: 30px;
}

.item-curso .avaliacao {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 2px;
}

.item-curso .avaliacao .nota {
  color: #fbca54;
  font-size: 10px;
  font-weight: 900;
}

.item-curso .avaliacao .avaliacao-stars {
  color: var(--config-color-tx-sec);
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.item-curso .avaliacao .avaliacao-stars i {
  margin-top: -1px;
}

.item-curso .avaliacao .avaliacao-stars svg {
  height: 12px;
}

.item-curso .foto {
  position: relative;
  height: 188px;
  border-radius: calc(var(--flat) * 5px) calc(var(--flat) * 5px) 0 0;
  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;
}

.item-curso .foto a {
  display: block;
  width: 315px;
  height: 188px;
}

.item-curso .foto img:not(.status--img-error) {
  background-color: var(--config-color-bg-img);
  /**
            width:  $product-box-wid;
            height: $product-box-hei;
            /**/
  width: 100%;
  aspect-ratio: 315 / 188;
  transition: width 200ms, height 200ms, transform 200ms;
}

[data-theme="light"] .item-curso .mask {
  display: none;
}

[data-theme="dark"] .item-curso .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.04) 84.38%);
  opacity: 0;
  transition: opacity 500ms;
}

.item-curso .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 15px;
  height: 80px;
}

.item-curso .desc {
  display: -webkit-box;
  max-width: 190px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.6em;
  margin-right: 10px;
  font-size: 15px;
  font-weight: bold;
}

.item-curso .workload {
  font-size: 12px;
  color: var(--config-color-tx-sec);
  display: inline-flex;
  align-items: center;
}

.item-curso .workload svg {
  width: 12px;
  height: 12px;
  margin-right: 0.3em;
}

.item-curso .precos {
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}

.item-curso .precos .periodo,
.item-curso .precos .preco-original {
  font-size: 12px;
  color: var(--config-color-tx-sec);
}

.item-curso .precos .preco-original s {
  text-decoration: line-through;
}

.item-curso .precos .preco-gratis,
.item-curso .precos .preco-atual {
  font-size: 24px;
  color: #096;
}

.item-curso .precos .preco-gratis small,
.item-curso .precos .preco-atual small {
  position: relative;
  top: -0.2em;
  font-size: 12px;
}

.item-curso .precos .preco-gratis .payments,
.item-curso .precos .preco-atual .payments {
  font-size: 12px;
  color: var(--config-color-tx-sec);
}

.item-curso .precos .lista-espera {
  font-size: 16px;
  color: #f72;
}

.item-curso .duracao {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 3px;
}

.item-curso .btn-menu {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background-color: var(--config-color-bg);
  border-radius: 50%;
  padding: 5px 10px;
  margin: 10px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}

.item-curso .btn-menu i {
  text-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}

.item-curso .linkedin-perfil {
  background-color: #0472b2;
  margin: 0 10px 10px;
  border-radius: calc(var(--flat) * 5px);
}

.item-curso .linkedin-perfil:hover {
  opacity: 0.9;
}

.item-curso .linkedin-perfil a {
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 6px;
  cursor: pointer;
}

.item-curso .linkedin-perfil a .ico {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-right: 1px solid #fff;
  padding: 0px 20px 0px 10px;
  color: #fff;
}

.item-curso .linkedin-perfil a .ico svg {
  position: relative;
}

.item-curso .linkedin-perfil a .add {
  width: 100%;
  align-self: center;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

/*BOTÃO WISHLIST */
.btn-wishlist {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.btn-wishlist .heart svg {
  width: 20px;
  height: 20px;
  stroke: #e54f4d;
}

.btn-wishlist .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 30px;
  height: 30px;
  color: #e54f4d;
  visibility: hidden;
}

.btn-wishlist .loader svg {
  display: block;
  height: 30px;
}

.btn-wishlist.status--active svg {
  fill: #e54f4d;
}

.btn-wishlist.status--wait .heart svg {
  margin-top: 2px;
  height: 16px;
}

.btn-wishlist.status--wait .loader {
  visibility: visible;
}

.btn-wishlist.status--wait .loader svg {
  animation: spin 1s linear infinite;
}

/* CHECKOUT */
.box-checkout {
  margin-bottom: 30px;
  padding-bottom: 40px;
  border-radius: calc(var(--flat) * 6px);
  box-sizing: border-box;
}

[data-theme="light"] .box-checkout {
  border: 1px solid #f6f6f6;
  background-color: var(--config-color-bg-box);
}

[data-theme="dark"] .box-checkout {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.checkout-list {
  padding: 40px;
  margin-bottom: 30px;
  border-radius: calc(var(--flat) * 6px);
  overflow: hidden;
}

[data-theme="light"] .checkout-list {
  background-color: var(--config-color-bg-box);
}

[data-theme="dark"] .checkout-list {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.checkout-list .installment:before, .checkout-list .installment:after {
  content: " ";
  display: table;
}

.checkout-list .installment:after {
  clear: both;
}

.checkout-list .installment .header-installment {
  background-color: var(--config-color-bg);
}

.checkout-list .installment .header-installment.no-installments .installment-label,
.checkout-list .installment .header-installment.no-installments .section-card-parcel {
  display: none;
}

.checkout-list .header-payment {
  display: flex;
  align-items: center;
  padding: 0 0 40px 0;
}

.checkout-list .header-payment .payment {
  flex-grow: 1;
  font-size: 18px;
}

.checkout-list .header-payment .header-total {
  font-size: 24px;
  margin-top: -6px;
  font-weight: bold;
  white-space: nowrap;
  text-align: right;
}

@media (min-width: 576px) {
  .checkout-list .header-payment .header-total {
    margin-right: 50px;
  }
  .checkout-list .header-payment .header-total br {
    display: none;
  }
}

.checkout-list .header-payment .header-total small {
  font-size: 14px;
}

.checkout-list .header-payment .seta {
  color: var(--config-color-tx-sec);
  font-size: 32px;
  cursor: pointer;
}

.checkout-list .header-payment .seta:hover {
  color: var(--config-color-primary);
}

[data-theme="light"] .checkout-list.status--aberto .js--sub {
  border-top: 1px #ddd solid;
}

[data-theme="dark"] .checkout-list.status--aberto .js--sub {
  border-top: 1px rgba(100, 100, 100, 0.5) solid;
}

.checkout-list .installment .js--sub {
  display: none;
}

.checkout-list .installment.status--aberto .js--sub {
  display: block;
}

.checkout-list .installment.status--aberto .header-installment .seta {
  transform: rotate(180deg);
}

.checkout-list .installment .header-installment {
  display: flex;
  column-gap: 10px;
  align-items: center;
  padding: 20px 40px;
  font-weight: bold;
}

[data-theme="light"] .checkout-list .installment .header-installment {
  border-top: 1px #ddd solid;
}

[data-theme="dark"] .checkout-list .installment .header-installment {
  border-top: rgba(100, 100, 100, 0.5) 1px solid;
}

.checkout-list .installment .header-installment .parcelas {
  flex-grow: 1;
  font-size: 16px;
  padding-bottom: 3px;
  line-height: 1em;
}

.checkout-list .installment .header-installment .parcelas small {
  font-size: 12px;
  color: var(--config-color-tx-sec);
  font-weight: bold;
}

.checkout-list .installment .header-installment .totaliza {
  align-self: flex-end;
}

.checkout-list .installment .header-installment .totaliza span {
  font-size: 18px;
}

.checkout-list .installment .header-installment button {
  cursor: pointer;
  margin-left: 40px;
  color: var(--config-color-tx-sec);
}

.checkout-list .installment .header-installment button:hover {
  color: var(--config-color-tx);
}

.checkout-list .installment:first-child .header-installment {
  border-top: none;
}

.checkout-list .itens {
  padding: 25px 30px 30px;
  margin: 0 20px 20px;
  border-radius: 0 0 calc(var(--flat) * 6px) calc(var(--flat) * 6px);
}

[data-theme="light"] .checkout-list .itens {
  background-color: #eee;
}

[data-theme="dark"] .checkout-list .itens {
  background-color: var(--config-color-bg);
}

.checkout-list .item {
  padding: 15px;
  border-radius: calc(var(--flat) * 6px);
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}

[data-theme="light"] .checkout-list .item {
  background-color: var(--config-color-bg);
  border: #eee 1px solid;
}

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

@media (max-width: 575.98px) {
  .checkout-list .item {
    flex-direction: column;
  }
}

@media (min-width: 576px) {
  .checkout-list .item {
    flex-direction: row;
    justify-content: space-between;
  }
}

.checkout-list .item .capa {
  flex-grow: 0;
  flex-shrink: 0;
  width: 156px;
  height: 100px;
  border-radius: calc(var(--flat) * 6px);
  background: url("https://cdn.eadplataforma.app/assets/img/camera.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 20% auto;
}

@media (max-width: 575.98px) {
  .checkout-list .item .capa {
    margin-bottom: 10px;
  }
}

@media (min-width: 576px) {
  .checkout-list .item .capa {
    margin-right: 30px;
  }
}

.checkout-list .item .capa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.checkout-list .item h4 {
  flex-grow: 1;
  font-size: 16px;
}

@media (max-width: 575.98px) {
  .checkout-list .item h4 {
    margin-bottom: 5px;
  }
}

.checkout-list .item .price {
  font-size: 12px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

@media (max-width: 575.98px) {
  .checkout-list .item .price {
    margin-bottom: 5px;
  }
}

@media (min-width: 576px) {
  .checkout-list .item .price {
    margin: 0 30px;
  }
}

.checkout-list .item .trial {
  white-space: nowrap;
}

.checkout-list .item .price-original {
  font-size: 12px;
  font-weight: bold;
  color: var(--config-color-primary);
  white-space: nowrap;
}

.checkout-list .item .price-offer {
  font-size: 18px;
  white-space: nowrap;
}

.checkout-list .item .preco-atual,
.checkout-list .item .payments {
  font-size: 14px;
  font-weight: bold;
  color: var(--config-color-primary);
  white-space: nowrap;
}

.checkout-list .item .price-membership {
  margin-top: 4px;
  white-space: nowrap;
  font-size: 11px;
}

.checkout-list .item .payment {
  font-weight: bold;
  text-align: right;
}

.checkout-list .item .payment span:first-child {
  font-size: 18px;
}

.checkout-list .item .payment span:last-child {
  color: var(--config-color-tx-sec);
}

@media (max-width: 575.98px) {
  .checkout-list .item .payment {
    text-align: center;
    margin-bottom: 10px;
  }
}

@media (min-width: 576px) {
  .checkout-list .item .payment {
    text-align: right;
    margin-right: 20px;
  }
}

.checkout-list .item button {
  position: relative;
  cursor: pointer;
}

.checkout-list .item button svg {
  max-width: 100%;
  max-height: 100%;
  stroke: var(--config-color-tx-sec);
}

.checkout-list .item button .add {
  width: 18px;
  display: none;
}

.checkout-list .item button .txt-add {
  display: none;
}

.checkout-list .item button .delete {
  width: 19px;
  display: block;
}

.checkout-list .item button .txt-delete {
  display: block;
}

.checkout-list .item button:hover svg {
  stroke: var(--config-color-tx);
}

.checkout-list .item button .tooltip {
  top: calc(100% + 2px);
}

.checkout-list .item.draft-item h4,
.checkout-list .item.draft-item .price {
  color: var(--config-color-tx-sec);
}

.checkout-list .item.draft-item .capa {
  opacity: .6;
}

.checkout-list .item.draft-item .add,
.checkout-list .item.draft-item .txt-add {
  display: block;
}

.checkout-list .item.draft-item .delete,
.checkout-list .item.draft-item .txt-delete {
  display: none;
}

.checkout-list.status--aberto .header-payment .seta {
  transform: rotate(180deg);
}

.checkout-list.no-pad {
  padding: 0;
}

@media (max-width: 575.98px) {
  .checkout-list.no-pad .header-payment {
    padding: 20px;
  }
}

@media (min-width: 576px) {
  .checkout-list.no-pad .header-payment {
    padding: 40px;
  }
}

.checkout-list .billet-unify {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0 30px;
  width: 100%;
  background-color: var(--config-color-bg);
  border-top: #ddd 1px solid;
}

.checkout-list .billet-unify p {
  max-width: 400px;
  text-align: justify;
  margin: 0 20px;
}

.checkout-list .billet-unify svg {
  width: 30px;
  stroke: #e8d000;
  fill: #fff;
}

.billing-list {
  padding: 40px;
  padding-bottom: 0;
}

.billing-list header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

.billing-list header p {
  font-size: 18px;
}

.billing-list header a {
  font-weight: bold;
  color: var(--config-color-tx-sec);
  cursor: pointer;
}

.billing-list header a:hover {
  color: var(--config-color-tx);
}

.billing-list header a svg {
  position: relative;
  top: 2px;
  width: 16px;
  height: 16px;
}

.box-tabs nav {
  display: flex;
  justify-content: center;
}

[data-theme="light"] .box-tabs nav {
  border-bottom: #eee 1px solid;
}

.box-tabs nav span {
  font-size: 18px;
  margin: 0 40px -1px;
  padding: 15px 20px;
  cursor: pointer;
}

.box-tabs nav span.js--ativo {
  font-weight: bold;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0;
  color: var(--config-color-primary);
}

[data-theme="light"] .box-tabs nav span.js--ativo {
  border: #eee 1px solid;
  background: var(--config-color-bg);
}

[data-theme="dark"] .box-tabs nav span.js--ativo {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.box-tabs .js--tab-content {
  padding: 40px 0;
  margin-bottom: 40px;
  display: none;
}

.box-tabs .js--tab-content.js--conteudo-ativo {
  display: block;
}

[data-theme="light"] .box-tabs .js--tab-content {
  background: var(--config-color-bg);
  border-radius: calc(var(--flat) * 6px);
}

[data-theme="dark"] .box-tabs .js--tab-content {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.box-tabs .form-modo-pagamento {
  width: 570px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  .box-tabs .form-modo-pagamento {
    width: 100%;
  }
}

.box-tabs .form-adiciona-cartao {
  display: flex;
  align-items: center;
}

@media (max-width: 767.98px) {
  .box-tabs .form-adiciona-cartao {
    gap: 60px;
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .box-tabs .form-adiciona-cartao {
    column-gap: 40px;
    justify-content: center;
  }
}

@media (max-width: 767.98px) {
  .box-tabs .form-adiciona-cartao .cp-cols {
    max-width: 460px;
    order: 2;
  }
}

@media (min-width: 768px) {
  .box-tabs .form-adiciona-cartao .cp-cols {
    width: 460px;
  }
}

.box-tabs .form-adiciona-cartao .contem-cartao {
  width: 374px;
}

.box-tabs .form-adiciona-cartao .contem-cartao .jp-card-front {
  background: var(--config-color-primary) !important;
}

.box-tabs[data-show="false"] {
  display: none;
}

.box-tabs[data-show="true"] {
  display: block;
}

@media (max-width: 767.98px) {
  .base-checkout-actions {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .base-checkout-actions {
    margin-bottom: 80px;
  }
}

.box-checkout-form {
  position: relative;
}

@media (max-width: 767.98px) {
  .box-checkout-form {
    padding: 20px 15px;
  }
}

@media (min-width: 768px) {
  .box-checkout-form {
    padding: 40px;
  }
}

.box-checkout-form .titulo-form {
  display: flex;
  margin-bottom: 35px;
  justify-content: space-between;
}

.box-checkout-form .titulo-form h2 {
  font-size: 18px;
  color: var(--config-color-primary);
}

.box-checkout-form .titulo-form .subtit {
  margin-top: 8px;
  font-size: 16px;
}

.box-checkout-form .titulo-form .titulo-total {
  padding-top: 5px;
  font-weight: bold;
  font-size: 24px;
}

.box-checkout-form .titulo-form .titulo-total small {
  font-size: 14px;
}

@media (max-width: 767.98px) {
  .box-checkout-form .titulo-form .titulo-total {
    text-align: right;
  }
}

.box-checkout-form .c-date {
  display: flex;
  flex-wrap: wrap;
}

.box-checkout-form .c-date label {
  width: 100%;
}

.box-checkout-form .c-date .cp-mes {
  margin-right: 15px;
  width: 65px !important;
}

.box-checkout-form .c-date .cp-ano {
  width: 100px !important;
}

.box-checkout-form .warn-required {
  margin-top: 10px;
  text-align: right;
}

.metodos-pagamento {
  display: flex;
  gap: 12px;
  margin-bottom: 40px;
  align-items: stretch;
  /**
  PAYMENT_CARD   = 1;
  PAYMENT_BILL   = 2;
  PAYMENT_PIX    = 3;
  PAYMENT_PAYPAL = 4;
  /**/
}

.metodos-pagamento .payment-method {
  position: relative;
  display: flex;
  flex-basis: 23.5%;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  border: var(--config-color-bg-img) 1px solid;
  border-radius: calc(var(--flat) * 2px);
  font-size: 120%;
  padding: 8px;
}

[data-theme="light"] .metodos-pagamento .payment-method {
  background-color: #fff;
}

[data-theme="dark"] .metodos-pagamento .payment-method {
  background-color: #111;
}

@media (max-width: 767.98px) {
  .metodos-pagamento .payment-method {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .metodos-pagamento .payment-method {
    flex-direction: row;
    gap: 10px;
  }
}

@media (max-width: 767.98px) {
  .metodos-pagamento .payment-method .subtit span:first-child {
    display: none;
  }
}

@media (min-width: 768px) {
  .metodos-pagamento .payment-method .subtit span:last-child {
    display: none;
  }
}

.metodos-pagamento .payment-method svg {
  height: 30px;
}

.metodos-pagamento .payment-method .disabled {
  position: absolute;
  top: -10px;
  right: -10px;
  color: #ccc;
}

.metodos-pagamento .payment-method .check {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
}

.metodos-pagamento .inactive {
  cursor: not-allowed;
  color: #ccc;
}

.metodos-pagamento :not(.inactive) .disabled {
  display: none;
}

.metodos-pagamento .tema--box-hover:not(.inactive):hover,
.metodos-pagamento .tema--box-hover-selected {
  color: #8cc152;
  border-color: #8cc152 !important;
}

.metodos-pagamento .tema--box-hover:not(.inactive):hover .check,
.metodos-pagamento .tema--box-hover-selected .check {
  display: initial !important;
}

.conditions {
  padding: 15px 15px 0;
  font-size: 13px;
}

.conditions p {
  margin-bottom: 0;
}

.conditions ul {
  padding: 0;
  list-style: circle;
  padding-left: 0.6em;
}

.conditions ul li {
  margin-bottom: 0.7em;
}

.form-pagamento-cartao {
  display: flex;
}

.form-pagamento-cartao .c1, .form-pagamento-cartao .c2 {
  width: 50%;
}

.form-pagamento-cartao .info-parcelamento {
  font-size: 12px;
  color: var(--config-color-tx-sec);
}

.base-acoes {
  display: flex;
  justify-content: center;
  margin: 30px 0 40px;
}

.box-checkout-conclusion {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center;
  border-radius: calc(var(--flat) * 6px);
  padding: 20px;
  margin: 40px 0 30px;
}

[data-theme="light"] .box-checkout-conclusion {
  background: var(--config-color-bg);
}

[data-theme="dark"] .box-checkout-conclusion {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.box-checkout-conclusion .ico {
  display: flex;
}

.box-checkout-conclusion .ico svg {
  height: 50px;
}

.box-checkout-conclusion .sign {
  max-height: 80px;
}

.box-checkout-conclusion h2 {
  font-size: 26px;
  margin-bottom: 11px;
  color: var(--config-color-primary);
}

.box-checkout-conclusion .subtitle {
  font-size: 18px;
}

.box-checkout-conclusion .btn-continuar-gde {
  margin-bottom: 20px;
}

.box-checkout-conclusion .transaction-code {
  display: inline-block;
  font-size: 24px;
  border: 1px solid #e6e6e6;
  border-radius: calc(var(--flat) * 6px);
  padding: 8px 23px;
}

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

.tooltip-cart .tooltip-box:before {
  border-bottom-color: var(--config-color-primary);
}

/* CHECKOUT PHASES MENU */
.checkout-phases {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
}

@media (max-width: 767.98px) {
  .checkout-phases {
    margin: 20px 0 10px;
  }
}

@media (min-width: 768px) {
  .checkout-phases {
    margin: 40px;
  }
}

.checkout-phases .stroke {
  position: relative;
  flex-grow: 1;
}

@media (min-width: 576px) {
  .checkout-phases .stroke:before {
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    display: block;
    height: 2px;
  }
  [data-theme="light"] .checkout-phases .stroke:before {
    background-color: #ddd;
  }
  [data-theme="dark"] .checkout-phases .stroke:before {
    background-color: #666;
  }
}

.checkout-phases .phase {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  text-align: center;
}

@media (max-width: 575.98px) {
  .checkout-phases .phase {
    justify-content: flex-start;
  }
}

@media (min-width: 576px) {
  .checkout-phases .phase {
    justify-content: center;
  }
}

.checkout-phases .phase .step-wrap {
  display: inline-block;
  margin-bottom: 5px;
}

.checkout-phases .phase .ico-check {
  display: none;
}

@media (max-width: 575.98px) {
  .checkout-phases .phase .ico-check {
    font-size: 30px;
  }
}

@media (min-width: 576px) {
  .checkout-phases .phase .ico-check {
    font-size: 36px;
  }
}

.checkout-phases .phase .number {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  border-radius: 50%;
}

@media (max-width: 575.98px) {
  .checkout-phases .phase .number {
    font-size: 16px;
  }
  [data-theme="dark"] .checkout-phases .phase .number {
    background-color: var(--config-color-bg-img);
  }
  [data-theme="light"] .checkout-phases .phase .number {
    background-color: #ddd;
  }
}

@media (min-width: 576px) {
  .checkout-phases .phase .number {
    border-style: solid;
    border-width: 3px;
    font-size: 18px;
  }
}

.checkout-phases .phase .name {
  font-size: 16px;
  font-weight: bold;
}

@media (max-width: 575.98px) {
  .checkout-phases .phase .name {
    display: none;
  }
}

.checkout-phases .phase[data-status="done"] {
  color: var(--config-color-primary);
  border-color: var(--config-color-primary);
}

.checkout-phases .phase[data-status="done"] .ico-check {
  display: unset;
}

@media (max-width: 575.98px) {
  .checkout-phases .phase[data-status="done"] .ico-check {
    color: #aaa;
  }
}

.checkout-phases .phase[data-status="done"] .number {
  display: none;
}

.checkout-phases .phase[data-status="current"] {
  color: var(--config-color-primary);
  border-color: var(--config-color-primary);
}

@media (max-width: 575.98px) {
  .checkout-phases .phase[data-status="current"] .name {
    display: initial;
  }
  .checkout-phases .phase[data-status="current"] .number {
    background-color: var(--config-color-primary);
    color: #fff;
  }
}

.checkout-phases .phase[data-status="pending"] {
  cursor: default;
}

[data-theme="light"] .checkout-phases .phase[data-status="pending"] .number {
  background-color: var(--config-color-bg);
  border-color: var(--config-color-tx-sec);
}

[data-theme="dark"] .checkout-phases .phase[data-status="pending"] .number {
  border-color: #d6d6d6;
}

.step-container {
  display: none;
}

.step-container:before, .step-container:after {
  content: " ";
  display: table;
}

.step-container:after {
  clear: both;
}

.step-container[data-expand="true"] {
  display: block;
}

/* CHECKOUT LOGIN */
.box-checkout-login {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  min-height: 495px;
  box-sizing: border-box;
}

@media (max-width: 767.98px) {
  .box-checkout-login {
    padding: 40px 0 60px;
  }
}

@media (min-width: 768px) {
  .box-checkout-login {
    padding: 57px 60px;
    margin: 40px auto 100px;
  }
}

.box-checkout-login .cp {
  margin-bottom: 15px;
}

.box-checkout-login .cp > label:first-child {
  display: block;
  margin: 0 0 7px 7px;
  font-weight: bold;
}

.box-checkout-login .cp > label.error {
  display: block;
  margin: 5px 0 0 7px;
  color: #dc3545;
  font-size: 13px;
}

.box-checkout-login .cp .wrap {
  display: inline-flex;
  align-items: stretch;
  justify-content: stretch;
  border-radius: 5px;
  border: var(--config-color-borda) 1px solid;
  width: 100%;
}

.box-checkout-login .cp .wrap.error {
  border-color: #dc3545;
  background-color: #fee;
}

.box-checkout-login .cp .wrap.error input {
  color: #dc3545 !important;
  background-color: #fee !important;
}

.box-checkout-login .cp .wrap.valid {
  border-color: #01c4b7;
  background-color: #ebfefc;
}

.box-checkout-login .cp .wrap.valid input {
  color: #01c4b7 !important;
  background-color: #ebfefc !important;
}

.box-checkout-login .cp .wrap .ico {
  justify-content: center;
  width: 30px;
  display: inline-flex;
  color: var(--config-color-tx-sec);
}

.box-checkout-login .cp .wrap .ico svg {
  width: 18px;
}

.box-checkout-login .cp .wrap .ico-pass, .box-checkout-login .cp .wrap .ico-txt {
  padding: 0 6px;
  cursor: pointer;
}

.box-checkout-login .cp .wrap .cmp {
  flex-grow: 1;
  display: block;
}

.box-checkout-login .cp .wrap input[type="text"],
.box-checkout-login .cp .wrap input[type="email"],
.box-checkout-login .cp .wrap input[type="number"],
.box-checkout-login .cp .wrap input[type="password"],
.box-checkout-login .cp .wrap input[type="code"],
.box-checkout-login .cp .wrap select {
  display: block;
  box-sizing: border-box;
  padding: 0 5px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: none;
  background: var(--config-color-bg);
  font-size: 16px;
  color: var(--config-color-tx);
  font-family: var(--config-font-family);
  filter: none;
  border-radius: calc(var(--flat) * 5px);
}

.box-checkout-login .cp .wrap[data-status="hide"] .ico-pass {
  display: inline-flex;
}

.box-checkout-login .cp .wrap[data-status="hide"] .ico-txt {
  display: none;
}

.box-checkout-login .cp .wrap[data-status="show"] .ico-pass {
  display: none;
}

.box-checkout-login .cp .wrap[data-status="show"] .ico-txt {
  display: inline-flex;
}

.box-checkout-login .col {
  flex-grow: 1;
  padding: 0 30px;
}

.box-checkout-login .col h2 {
  font-size: 20px;
  margin-bottom: 32px;
  color: var(--config-color-primary);
}

.box-checkout-login .col .base-links {
  padding-top: 8px;
}

.box-checkout-login .col .base-links > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.box-checkout-login .col .base-links > div.centra {
  justify-content: center;
}

.box-checkout-login .col .base-links > div.align-right {
  justify-content: right;
}

.box-checkout-login .col .base-links .lembrar {
  color: var(--config-color-tx-sec);
}

.box-checkout-login .col .base-links .lembrar input {
  position: relative;
  top: 2px;
  margin-right: 10px;
}

.box-checkout-login .col .base-links a {
  cursor: pointer;
  text-decoration: none;
}

.box-checkout-login .col .btn-continuar {
  color: #fff;
  height: 20px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 20px;
  border-radius: calc(var(--flat) * 20px / 2);
}

.box-checkout-login .wrap-aviso {
  display: none;
}

.box-checkout-login[data-status="success"] {
  min-height: 0;
}

.box-checkout-login[data-status="success"] .box-success {
  display: block;
}

.box-checkout-login[data-status="success"] form {
  display: none;
}

.box-checkout-login[data-status="error"] .box-error {
  display: block;
  margin-bottom: 60px;
}

.box-checkout-login #sectionLogin,
.box-checkout-login #sectionAuthenticationCart,
.box-checkout-login #sectionRegister {
  display: block;
}

.box-checkout-login #sectionLogin[data-status="hide"],
.box-checkout-login #sectionAuthenticationCart[data-status="hide"],
.box-checkout-login #sectionRegister[data-status="hide"] {
  display: none;
}

.box-checkout-login #sectionLogin[data-status="show"],
.box-checkout-login #sectionAuthenticationCart[data-status="show"],
.box-checkout-login #sectionRegister[data-status="show"] {
  display: block;
}

.box-checkout-login #sectionAuthenticationCart h2 {
  text-align: center;
}

.box-checkout-login #sectionAuthenticationCart .input-code {
  margin: auto !important;
  width: 300px !important;
}

.box-checkout-login #sectionAuthenticationCart .ico-authentication {
  color: var(--config-color-primary) !important;
}

.box-checkout-login #sectionAuthenticationCart .btn-login-authentication {
  height: 40px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 40px;
  border-radius: calc(var(--flat) * 40px / 2);
  min-width: 150px;
  display: block;
  background-color: var(--config-color-primary);
  font-size: 16px;
  margin: 30px auto 45px !important;
  font-weight: 600;
  color: #fff;
}

.box-checkout-login #sectionAuthenticationCart .btn-login-authentication:hover {
  background-color: var(--config-color-secondary);
}

.box-checkout-login #sectionAuthenticationCart .authentication-instructions,
.box-checkout-login #sectionAuthenticationCart .authentication-instructions-email {
  font-size: 18px;
  text-align: center;
  margin: auto auto 70px auto;
  width: 300px;
}

.box-checkout-login #sectionAuthenticationCart .authentication-instructions[data-status="hide"],
.box-checkout-login #sectionAuthenticationCart .authentication-instructions-email[data-status="hide"] {
  display: none;
}

.box-checkout-login #sectionAuthenticationCart .authentication-instructions[data-status="show"],
.box-checkout-login #sectionAuthenticationCart .authentication-instructions-email[data-status="show"] {
  display: block;
}

.box-checkout-login #sectionAuthenticationCart .authentication-instructions b,
.box-checkout-login #sectionAuthenticationCart .authentication-instructions-email b {
  color: var(--config-color-primary);
}

.box-checkout-login #sectionAuthenticationCart .conta {
  text-align: center;
  width: 300px;
  margin: auto;
}

.box-checkout-login #sectionAuthenticationCart .conta #emailAuthenticationCart {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  color: var(--config-color-primary);
}

.box-checkout-login #sectionAuthenticationCart .conta #emailAuthenticationCart:hover {
  text-decoration: underline;
  cursor: pointer;
}

.box-checkout-login #sectionAuthenticationCart .conta #emailAuthenticationCart svg {
  display: block;
  width: 15px;
}

.box-checkout-login #sectionAuthenticationCart .back-login {
  display: flex;
  justify-content: center;
  color: var(--config-color-primary);
  margin: 70px 0 50px 0;
  font-weight: 700;
}

.box-checkout-login #sectionAuthenticationCart .back-login:hover {
  text-decoration: underline;
  cursor: pointer;
}

.box-checkout-login #sectionAuthenticationCart .back-login svg {
  display: block;
  width: 15px !important;
}

.col-meio {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.btn-facebook {
  height: 48px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 48px;
  border-radius: calc(var(--flat) * 48px / 2);
  display: block;
  width: 280px;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto 12px;
  white-space: nowrap;
  padding: 0 30px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  background-color: #4367b2;
}

.btn-facebook:hover {
  background: #35528d;
}

.btn-facebook i {
  position: relative;
  top: 3px;
  font-size: 24px;
  margin-right: 15px;
}

.btn-google {
  height: 48px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 48px;
  border-radius: calc(var(--flat) * 48px / 2);
  display: block;
  width: 280px;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto 15px;
  white-space: nowrap;
  padding: 0 30px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  background-color: #de3d1e;
}

.btn-google:hover {
  background: #b13118;
}

.btn-google i {
  position: relative;
  top: 3px;
  font-size: 24px;
  margin-right: 15px;
}

/* CHECKOUT -- PAYMENT */
.payment-option > .title {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 45px;
}

.pagamento-cartao {
  display: flex;
}

.pagamento-cartao > div:first-child {
  width: 440px;
}

/**
.pagamento-boleto {

  .instructions {

    border-radius: flat(3px);
    background: $cor-bg-alt;
    border: #eee 1px solid; 
    padding: 30px;

    h4 {
      font-size: 16px;
      color: $tema--cor;
    }

    ul {
      padding-left: 1em;

      li {
        line-height: 1.5em;
        margin-bottom: 0.5em;
      }
    }
  }
}
/**/
.title-payment {
  color: var(--config-color-primary);
  text-align: left;
  font-weight: normal;
  font-size: 18px;
  font-weight: bold;
}

.card-refused {
  color: #fff;
  background-color: #e74c3c;
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 15px;
  font-weight: bold;
  font-size: 14px;
}

[data-theme="light"] .box-checkout-billet {
  background: var(--config-color-bg);
}

[data-theme="dark"] .box-checkout-billet {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.box-checkout-billet .instructions {
  display: block;
  text-align: left;
  font-size: 13px;
  padding: 15px 20px 20px;
}

.box-checkout-billet .instructions p {
  margin-bottom: .3em;
}

.box-checkout-billet .centra {
  text-align: center;
}

.box-checkout-billet .centra .instructions {
  display: inline-block;
}

.box-checkout-billet .qrcode {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  align-items: center;
}

.box-checkout-billet .qrcode .qrcode-wrap {
  position: relative;
  text-align: center;
}

.box-checkout-billet .qrcode .qrcode-wrap .btn-border {
  min-width: 215px;
}

.box-checkout-billet .qrcode .qrcode-contem {
  text-align: center;
  position: relative;
  background-color: #eee;
  width: 320px;
  height: 320px;
  margin: 20px;
}

.box-checkout-billet .qrcode .qrcode-contem .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: spin 1s linear infinite;
  color: #999;
  width: 30px;
  height: 30px;
}

.box-checkout-billet .qrcode .qrcode-contem .qrcode-img {
  position: relative;
}

.box-checkout-billet .qrcode .title-instructions {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.box-checkout-billet .btn-border svg {
  width: 24px;
  height: 24px;
}

.billet-list {
  display: block;
  border-radius: calc(var(--flat) * 6px);
  margin-bottom: 35px;
}

[data-theme="light"] .billet-list {
  border: 1px solid #eee;
}

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

.billet-list .head-cell .cp-cols {
  justify-content: space-around;
  align-items: center;
}

@media (max-width: 821.98px) {
  .billet-list .head-cell .cp-cols .cp-sm-1 {
    width: 100%;
  }
}

.billet-list .head-cell, .billet-list .cell {
  padding: 10px;
  align-items: center;
}

.billet-list .line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.billet-list .line .line-one,
.billet-list .line .line-two {
  display: flex;
}

@media (max-width: 767.98px) {
  .billet-list .line .line-one,
  .billet-list .line .line-two {
    flex-wrap: wrap;
  }
}

.billet-list .line .line-two {
  justify-content: right;
}

@media (max-width: 575.98px) {
  .billet-list .line .line-total {
    justify-content: center;
  }
}

.billet-list .head-transacao-bill {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-bottom: 20px;
}

.billet-list .head-transacao-bill .btnDownloadBill {
  margin-top: 20px;
  width: 190px;
}

.billet-list .head-transacao-bill .cod-transacao {
  margin-top: 20px;
}

.billet-list .cell,
.billet-list .instructions-bill,
.billet-list .billet-print {
  display: none;
}

[data-theme="light"] .billet-list .stripe {
  background-color: #eee;
}

[data-theme="dark"] .billet-list .stripe {
  background-color: #151515;
}

.billet-list.status--aberto .seta {
  transform: rotate(180deg);
}

.billet-list.status--aberto .cell {
  display: inline-flex;
}

.billet-list.status--aberto .instructions-bill {
  display: block;
}

.billet-list.status--aberto .billet-print {
  display: flex;
}

.billet-list .action {
  min-width: 230px;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .billet-list .action {
    min-width: 0;
  }
}

@media (max-width: 575.98px) {
  .billet-list .head-transacao {
    margin-bottom: 15px;
    width: 100%;
  }
}

.billet-list .instructions-bill {
  border-top: #eee 1px solid;
  margin: 0 20px 20px 20px;
  padding-top: 10px;
}

.billet-list .index {
  font-weight: bold;
}

.billet-list .preco {
  font-size: 16px;
  justify-content: right;
}

.billet-list .cod-transacao {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
}

@media (max-width: 575.98px) {
  .billet-list .cod-transacao {
    justify-content: center;
  }
}

.billet-list .cod-transacao .seta {
  margin-left: 10px;
  color: var(--config-color-tx-sec);
  font-size: 26px;
}

.billet-list .btn-border svg {
  width: 24px;
  height: 24px;
}

.billet-list .tip-waiting,
.billet-list .tip-ok,
.billet-list .tip-erro {
  min-width: 230px;
}

@media (max-width: 767.98px) {
  .billet-list .tip-waiting,
  .billet-list .tip-ok,
  .billet-list .tip-erro {
    min-width: 0;
  }
}

.billet-list .tip-waiting .js--tip .tip-box {
  left: -542%;
}

.billet-list .tip-waiting .js--tip .tip-box .tip-txt:before {
  left: 141px;
}

.billet-list .tip-ok .js--tip .tip-box {
  left: -565%;
}

.billet-list .tip-ok .js--tip .tip-box .tip-txt:before {
  left: 147px;
}

.billet-list .tip-erro {
  display: flex;
  justify-content: center;
}

.billet-list .tip-erro div {
  margin-left: 5px;
}

.billet-list .tip-erro div:first-child {
  margin-left: 0;
  margin-right: 5px;
}

.billet-list .tip-erro .js--tip .tip-box {
  left: 128%;
}

.billet-list .tip-erro .js--tip .tip-box .tip-txt:before {
  left: -5px;
  transform: rotate(-45deg);
}

.billet-list .js--tip {
  position: relative;
}

.billet-list .js--tip .tip-box {
  position: absolute;
  z-index: 2;
  top: 10% !important;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.billet-list .js--tip .tip-box .tip-txt {
  display: block;
  font-size: 11px;
  color: #fff;
  background-color: #4f4f4f;
  border-radius: calc(var(--flat) * 3px);
  font-weight: bold;
  padding: 5px 10px;
  white-space: nowrap;
}

.billet-list .js--tip .tip-box .tip-txt:before {
  position: absolute;
  top: 5px;
  content: '◤';
  transform: rotate(135deg);
  color: #4f4f4f;
}

.billet-list .smart-installments {
  border-collapse: collapse;
  font-size: 85%;
}

.billet-list .smart-installments th, .billet-list .smart-installments td {
  padding: 5px 10px;
  border: 1px var(--config-color-borda) solid;
  text-align: center;
}

.billet-list .smart-installments th.valor, .billet-list .smart-installments td.valor {
  text-align: left;
}

.billet-list .smart-installments th.no-border, .billet-list .smart-installments td.no-border {
  border: none;
}

.billet-list .smart-installments th.total, .billet-list .smart-installments td.total {
  font-weight: bold;
}

.billet-list .smart-installments th.status-paid, .billet-list .smart-installments td.status-paid {
  color: #1bbc9b;
}

.billet-list .smart-installments th.status-waiting, .billet-list .smart-installments td.status-waiting {
  color: #e89700;
}

@media (max-width: 821.98px) {
  .cod-payment {
    margin-top: 15px;
  }
}

.cod-payment.cod-boleto {
  word-break: break-all;
  flex-grow: 1;
  margin: 20px 20px 0 20px;
  max-width: 500px;
}

.cod-payment .title-instructions {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}

.cod-payment div {
  display: flex;
  align-items: center;
  padding: 6px 16px;
  border-radius: calc(var(--flat) * 6px);
  border: 1px var(--config-color-borda) solid;
}

[data-theme="light"] .cod-payment div {
  background: #fafafa;
}

[data-theme="dark"] .cod-payment div {
  background: var(--tema-cor-bg-claro);
}

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

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

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

.cod-payment .txt-wrap {
  overflow: hidden;
  flex-shrink: 1;
  flex-grow: 1;
  display: block;
  word-wrap: break-word;
}

.billet-download {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 45px;
}

.billet-download .cod-transacao {
  display: block;
  text-align: left;
  margin-bottom: 4px;
  margin-left: 0.5em;
  font-size: 12px;
}

.billet-download button {
  margin-left: 27px;
}

.billet-download div + button {
  align-self: end;
  margin-bottom: 4px;
}

.billet-print {
  display: flex;
  padding: 20px;
}

@media (max-width: 767.98px) {
  .billet-print {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 767.98px) {
  .billet-print .billet-image {
    margin-bottom: 20px;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .billet-print .billet-image {
    flex-grow: 1;
    display: flex;
    align-items: center;
  }
}

.billet-print .billet-image iframe {
  border: 1px #ddd solid;
  width: 100%;
  height: 305px;
}

.billet-print .instructions {
  flex-grow: 0;
  text-align: left;
  font-size: 13px;
}

@media (min-width: 768px) {
  .billet-print .instructions {
    width: 300px;
    margin: 20px 0 0 20px;
  }
}

.billet-print .instructions p {
  margin-bottom: 15px;
}

.billet-print .instructions .title {
  font-weight: bold;
}

.billet-print .instructions button {
  display: flex;
  margin: 30px auto 0;
}

.billet-print .instructions button svg {
  width: 24px;
  height: 24px;
}

.card-transactions {
  padding: 20px 25px;
  margin-bottom: 30px;
  background-color: var(--config-color-bg);
  border-radius: calc(var(--flat) * 6px);
}

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

.card-transactions header {
  display: flex;
  column-gap: 20px;
  align-items: center;
  cursor: pointer;
}

.card-transactions header h4 {
  display: flex;
  align-items: center;
}

.card-transactions header h4 .ico-tip {
  margin-left: 1em;
}

.card-transactions header .seta {
  display: block;
  align-self: center;
  height: 25px;
  color: var(--config-color-tx-sec);
}

.card-transactions header .ico-tip {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
}

.card-transactions header .ico-check {
  color: #3acc6c;
}

.card-transactions header .ico-error {
  color: #e9504e;
}

.card-transactions header .ico-waiting {
  color: var(--config-color-tx);
}

.card-transactions header .js--tip {
  position: relative;
}

.card-transactions header .js--tip .tip-box {
  position: absolute;
  z-index: 2;
  left: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.card-transactions header .js--tip .tip-box .tip-txt {
  display: block;
  font-size: 11px;
  color: #fff;
  background-color: #4f4f4f;
  border-radius: calc(var(--flat) * 3px);
  font-weight: bold;
  padding: 5px 10px;
  white-space: nowrap;
}

.card-transactions header .js--tip .tip-box .tip-txt:before {
  position: absolute;
  left: -4px;
  content: '◤';
  transform: rotate(-45deg);
  color: #4f4f4f;
}

.card-transactions.status--aberto > header {
  margin-bottom: 15px;
}

.card-transactions.status--aberto > header .seta {
  transform: rotate(180deg);
}

.card-transactions svg {
  width: 28px;
  height: 28px;
}

.card-transactions .head-preco {
  font-size: 16px;
  text-align: right;
  align-self: center;
}

.card-transactions .head-parcelas {
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  color: var(--config-color-tx-sec);
  align-self: center;
}

.card-transactions .head-status {
  text-align: center;
}

.card-transactions .head-status .ico-tip {
  display: inline-block;
  width: 28px;
  height: 28px;
}

.card-transactions .head-status svg {
  width: 28px;
  height: 28px;
}

.card-transactions .head-status.ok {
  color: #3acc6c;
}

.card-transactions .head-status.erro {
  color: #e9504e;
}

.card-transactions .btn-border {
  display: inline-flex;
  align-items: center;
  flex-shrink: 1;
  flex-grow: 0;
  min-width: 40px;
}

.card-transactions .billet-list .btn-border {
  background-color: var(--config-color-bg);
}

.head-qrcode {
  padding: 20px;
}

@media (min-width: 768px) {
  .head-qrcode {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
}

/* CHECKOUT > PARCELAMENTO */
.parcelamento {
  border-radius: calc(var(--flat) * 6px);
}

.parcelamento .tit-sec {
  font-size: 24px;
}

@media (max-width: 767.98px) {
  .parcelamento .tit-sec {
    text-align: center;
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .parcelamento .tit-sec {
    padding-left: 15px;
    margin-bottom: 40px;
  }
}

.parcelamento .box-pagamento {
  border-radius: calc(var(--flat) * 6px);
  margin-bottom: 50px;
  padding: 25px;
}

[data-theme="light"] .parcelamento .box-pagamento {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .parcelamento .box-pagamento {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.parcelamento .box-pagamento .txt-explica {
  font-size: 18px;
  padding-bottom: 30px;
}

.parcelamento .box-pagamento .escolhe-parcela {
  display: none;
}

.parcelamento .box-pagamento .produto {
  border-radius: calc(var(--flat) * 6px);
  margin-top: 26px;
}

[data-theme="light"] .parcelamento .box-pagamento .produto {
  border: #eee 1px solid;
}

[data-theme="dark"] .parcelamento .box-pagamento .produto {
  border: rgba(100, 100, 100, 0.5) 1px solid;
}

.parcelamento .metodo {
  border-radius: calc(var(--flat) * 2px);
  margin-bottom: 30px;
}

[data-theme="light"] .parcelamento .metodo {
  border: #eee 1px solid;
}

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

.parcelamento .metodo > label {
  display: flex;
  padding: 18px 13px;
  align-items: center;
  cursor: pointer;
}

[data-theme="light"] .parcelamento .metodo > label {
  border-bottom: #eee 1px solid;
}

[data-theme="dark"] .parcelamento .metodo > label {
  border-bottom: rgba(100, 100, 100, 0.5) 1px solid;
}

.parcelamento .metodo > label:last-of-type {
  border-bottom: none;
}

.parcelamento .metodo > label > i {
  margin: 0 20px;
  color: var(--config-color-tx-sec);
  width: 24px;
  height: 24px;
}

.parcelamento .metodo > label .check {
  font-size: 17px;
  color: var(--config-color-tx-sec);
}

.parcelamento .metodo > label .subtit {
  font-size: 18px;
  flex-grow: 1;
}

.parcelamento .metodo > label .label-installment {
  padding-right: 2em;
}

.parcelamento .metodo > label .seta {
  font-size: 26px;
  color: var(--config-color-tx-sec);
}

.parcelamento .metodo input {
  display: none;
}

.parcelamento .metodo input:checked + span {
  display: none;
}

.parcelamento .metodo input:checked + span + span,
.parcelamento .metodo input:checked + span + span + i {
  color: var(--config-color-primary);
}

.parcelamento .metodo input:not(:checked) + span + span {
  display: none;
}

.parcelamento .metodo .label-installment,
.parcelamento .metodo .parcelas {
  display: none;
}

.parcelamento .metodo.status--cartao .label-installment {
  display: block;
}

.parcelamento .metodo.status--parcelas .seta {
  transform: rotate(180deg);
}

.parcelamento .metodo.status--parcelas .parcelas {
  display: block;
}

.parcelamento .sep {
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
  margin-left: -25px;
  border: none;
  height: 1px;
  background-color: #eee;
}

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

[data-theme="dark"] .parcelamento .sep {
  background-color: rgba(100, 100, 100, 0.5);
}

.parcelamento .produto {
  padding: 15px 30px 15px 15px;
  align-items: center;
}

@media (max-width: 575.98px) {
  .parcelamento .produto {
    display: grid;
    grid-template: 50% 40% / 156px auto;
    grid-template-areas: "title title" "capa price";
    column-gap: 10px;
    row-gap: 10px;
  }
}

@media (min-width: 576px) {
  .parcelamento .produto {
    display: flex;
  }
}

.parcelamento .produto .capa {
  width: 156px;
  height: 100px;
  border-radius: calc(var(--flat) * 6px);
  background: url("https://cdn.eadplataforma.app/assets/img/camera.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 20% auto;
  margin-right: 30px;
}

.parcelamento .produto .capa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 575.98px) {
  .parcelamento .produto .capa {
    grid-area: capa;
  }
}

@media (min-width: 576px) {
  .parcelamento .produto .capa {
    flex-shrink: 0;
  }
}

.parcelamento .produto h4 {
  flex-grow: 1;
  font-size: 16px;
}

@media (max-width: 575.98px) {
  .parcelamento .produto h4 {
    grid-area: title;
    text-align: center;
  }
}

.parcelamento .produto .preco {
  text-align: right;
  font-size: 18px;
}

@media (max-width: 575.98px) {
  .parcelamento .produto .preco {
    grid-area: price;
  }
}

@media (max-width: 767.98px) {
  .parcelamento .produto .preco {
    width: 30%;
  }
}

@media (min-width: 768px) {
  .parcelamento .produto .preco {
    width: 50%;
  }
}

.parcelamento .produto .preco .original {
  display: block;
  color: var(--config-color-tx-sec);
  font-weight: bold;
  font-size: 12px;
  text-decoration: line-through;
}

.parcelamento .produto .preco .price-membership {
  margin-top: 4px;
  white-space: nowrap;
  font-size: 11px;
}

[data-theme="light"] .parcelamento .escolhe-parcela {
  border-top: #eee 1px solid;
}

[data-theme="dark"] .parcelamento .escolhe-parcela {
  border-top: rgba(100, 100, 100, 0.5) 1px solid;
}

.parcelamento .escolhe-parcela .btn-abre {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  padding: 14px;
  cursor: pointer;
}

.parcelamento .escolhe-parcela .btn-abre p {
  flex-grow: 1;
  text-align: center;
}

.parcelamento .escolhe-parcela.status--aberto .seta {
  transform: rotate(180deg);
}

.parcelamento .parcelas {
  /**
    border: 5px yellow solid;
    height: 500px;
    width: 500px;
/**/
  /**/
  /**/
}

[data-theme="light"] .parcelamento .parcelas {
  border-bottom: #eee 1px solid;
}

[data-theme="dark"] .parcelamento .parcelas {
  border-bottom: rgba(100, 100, 100, 0.5) 1px solid;
}

.parcelamento .parcelas .tit {
  font-size: 16px;
  padding: 16px;
  text-align: center;
}

.parcelamento .parcelas label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

[data-theme="light"] .parcelamento .parcelas label {
  border-top: #eee 1px solid;
}

[data-theme="dark"] .parcelamento .parcelas label {
  border-top: rgba(100, 100, 100, 0.5) 1px solid;
}

@media (max-width: 767.98px) {
  .parcelamento .parcelas label {
    padding: 15px;
  }
}

@media (min-width: 768px) {
  .parcelamento .parcelas label {
    padding: 15px 70px 15px 50px;
  }
}

.parcelamento .parcelas label:first-child {
  border-top: none;
}

[data-theme="light"] .parcelamento .parcelas label:hover {
  background-color: #fafafa;
}

[data-theme="dark"] .parcelamento .parcelas label:hover {
  background-color: #222;
}

.parcelamento .parcelas label input {
  display: none;
}

.parcelamento .parcelas label input:checked + span {
  display: none;
}

.parcelamento .parcelas label input:not(:checked) + span + span {
  display: none;
}

.parcelamento .parcelas label .check {
  font-size: 17px;
  color: var(--config-color-tx-sec);
}

.parcelamento .parcelas label .valor {
  flex-grow: 1;
  font-size: 16px;
}

.parcelamento .parcelas label .valor b {
  margin: 0 5px 0 15px;
}

.parcelamento .parcelas label .valor + span {
  color: var(--config-color-tx-sec);
}

.parcelamento .total {
  border-radius: calc(var(--flat) * 6px);
  margin-bottom: 30px;
  font-weight: bold;
  justify-content: space-between;
  padding: 20px 25px;
}

[data-theme="light"] .parcelamento .total {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .parcelamento .total {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.parcelamento .total .campo {
  display: flex;
  flex-direction: column;
}

.parcelamento .total .campo span:nth-child(1) {
  font-size: 12px;
  color: var(--config-color-tx-sec);
  margin-bottom: 5px;
}

.parcelamento .total .campo span:nth-child(2) {
  font-size: 16px;
  color: #8cc152;
}

.parcelamento .total .campo .fullprice {
  color: #e74c3c;
}

.parcelamento .total .soma {
  text-align: right;
  color: var(--config-color-primary);
}

.parcelamento .total .soma b {
  font-size: 24px;
  font-weight: bold;
}

.payment-config #paymentsLoader,
.payment-config .classHidden {
  display: none;
}

.payment-config[data-status="loading"] #paymentsLoader {
  display: flex;
}

.payment-config[data-status="loading"] .box-checkout,
.payment-config[data-status="loading"] .base-checkout-actions,
.payment-config[data-status="loading"] .base-acoes,
.payment-config[data-status="loading"] .parcelamento,
.payment-config[data-status="loading"] .produto.total,
.payment-config[data-status="loading"] .checkout-list {
  display: none;
}

/* RESUMO */
.lista-resumo {
  margin-bottom: 60px;
}

.lista-resumo .item {
  display: block;
  padding: 10px;
  margin-bottom: 15px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  justify-content: space-between;
}

@media (min-width: 992px) {
  .lista-resumo .item {
    display: flex;
  }
}

.lista-resumo .item header {
  display: flex;
}

@media (max-width: 575.98px) {
  .lista-resumo .item header {
    display: block;
  }
}

.lista-resumo .item header .foto {
  position: relative;
  border-radius: calc(var(--flat) * 6px);
  background: url("https://cdn.eadplataforma.app/assets/img/camera.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 45px auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto 0;
  width: 185px;
  height: 105px;
}

@media (min-width: 576px) {
  .lista-resumo .item header .foto {
    flex-basis: 185px;
    flex-shrink: 0;
  }
}

@media (max-width: 575.98px) {
  .lista-resumo .item header .foto {
    margin: 0 auto 20px;
    width: auto;
    max-width: 185px;
  }
}

.lista-resumo .item header .foto img:not(.status--img-error) {
  display: block;
  width: 100%;
  height: 100%;
}

.lista-resumo .item header .info {
  margin: auto 20px auto 10px;
  width: 100%;
}

@media (max-width: 575.98px) {
  .lista-resumo .item header .info {
    text-align: center;
    margin: 10px 20px;
    width: auto;
  }
}

.lista-resumo .item header .info .nome {
  flex-grow: 2;
  margin-bottom: 5px;
}

@media (max-width: 767.98px) {
  .lista-resumo .item header .info .nome {
    width: 100%;
  }
}

.lista-resumo .item header .info h2 {
  font-size: 1.3em;
}

.lista-resumo .item header .info p {
  font-size: 15px;
}

.lista-resumo .item header .info .avaliacao {
  white-space: nowrap;
  margin-bottom: 10px;
}

.lista-resumo .item header .info .avaliacao .nota {
  color: #fbca54;
  font-size: 16px;
  font-weight: 900;
}

.lista-resumo .item header .info .avaliacao .avaliacao-stars {
  display: inline-flex;
  align-items: center;
}

.lista-resumo .item header .info .avaliacao .avaliacao-stars i {
  margin-right: 2px;
}

.lista-resumo .item header .info .avaliacao .avaliacao-stars svg {
  height: 12.5px;
}

.lista-resumo .item header .info .avaliacao .total {
  font-size: 12px;
  color: var(--config-color-tx-sec);
  font-weight: bold;
}

.lista-resumo .item .progresso {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

@media (min-width: 992px) {
  .lista-resumo .item .progresso {
    margin-top: 0;
  }
}

.lista-resumo .item .progresso .tit {
  font-size: 12px;
  margin-right: 7px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

.lista-resumo .item .progresso .barra-box {
  box-sizing: border-box;
  border-radius: calc(var(--flat) * 7px);
  padding: 2px;
  background-color: #eee;
  height: 15px;
  width: 100%;
}

@media (min-width: 992px) {
  .lista-resumo .item .progresso .barra-box {
    width: 180px;
  }
}

.lista-resumo .item .progresso .barra-box .barra-prog {
  min-width: 15%;
  height: 11px;
  line-height: 11px;
  text-align: center;
  font-size: 10px;
  border-radius: calc(var(--flat) * 7px);
  font-weight: bold;
  color: #fff;
  background-color: #27ae60;
}

.lista-resumo .item .progresso .btn-continuar {
  height: 30px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 30px;
  border-radius: calc(var(--flat) * 30px / 2);
  width: 100px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  background: var(--config-color-primary);
  margin-left: 10px;
}

.lista-resumo .item .progresso .btn-continuar:hover {
  background: var(--config-color-secondary);
}

.lista-resumo .item .tags p {
  display: inline-block;
  color: #fff;
  height: 20px;
  line-height: 21px;
  border-radius: calc(var(--flat) * 10px);
  padding: 0 10px;
  font-size: 10px !important;
  background: #9e9e9e;
}

.lista-resumo .item .tags p.primary {
  background: var(--config-color-primary);
}

.lista-resumo .item .tags p.success {
  background: #5ebb62;
}

.lista-resumo .item .tags p.danger {
  background: #bb2e24;
}

.lista-resumo .item .tags p.information {
  background: #2196f3;
}

.lista-resumo .item .tags p.alert {
  background: #e8a646;
}

.lista-resumo .item:hover {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}

/* CERTIFICADOS */
.certificate-detail-search {
  padding: 5px;
  margin-top: 30px;
  column-gap: 35px;
  background-color: transparent;
  height: auto;
}

.certificate-detail-search .wrap {
  flex-grow: 1;
  display: inline-grid;
  grid-template-columns: auto 2fr;
  grid-column-gap: 15px;
  grid-row-gap: 5px;
}

@media (max-width: 575.98px) {
  .certificate-detail-search .wrap {
    display: flex;
    flex-wrap: wrap;
  }
}

.certificate-detail-search .wrap input {
  height: 50px;
  border-radius: calc(var(--flat) * 3px);
}

.certificate-detail-search .wrap .label {
  align-self: center;
  font-size: 16px;
  color: var(--config-color-tx-sec);
  white-space: nowrap;
}

.certificate-detail-search .wrap .label:nth-of-type(2) {
  margin-left: 40px;
}

.certificate-detail-search .wrap label.error {
  color: #dc3545;
  grid-column: 2;
  padding-left: 1em;
  font-size: 13px;
  margin-top: -5px;
}

.certificate-detail-search button {
  border-radius: calc(var(--flat) * 3px);
  background-color: var(--config-color-bg);
}

.certificate {
  width: 100%;
}

@media (max-width: 991.98px) {
  .certificate {
    flex-direction: column-reverse;
  }
}

.certificate .info {
  padding-top: 40px;
}

.certificate .titulo {
  font-size: 26px;
  line-height: 1.38em;
}

@media (max-width: 991.98px) {
  .certificate .titulo {
    text-align: center;
  }
}

.certificate-list {
  margin: 0;
}

.certificate-list .btn-menu {
  z-index: 1;
}

.certificate-list .desc {
  -webkit-line-clamp: 2;
  margin-left: 10px;
}

.certificate-list .duracao {
  margin-right: 10px;
}

.certificate-no-img {
  padding-top: 20px;
  margin-bottom: 150px;
}

.certificate-no-img .titulo {
  margin-bottom: 20px;
}

.certificate-no-img .desc {
  display: grid;
  gap: 0 20px;
  grid-template-columns: auto 1fr;
  margin-left: 15px;
}

.certificate-no-img .desc p {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0.5em;
  line-height: 1.6em;
}

.certificate-img {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  .certificate-img .info {
    margin-right: 50px;
  }
}

@media (max-width: 991.98px) {
  .certificate-img .info .titulo {
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .certificate-img .info .titulo {
    margin-bottom: 50px;
  }
}

@media (max-width: 991.98px) {
  .certificate-img .info .desc {
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .certificate-img .info .desc {
    margin-bottom: 50px;
  }
}

.certificate-img .info .desc p {
  margin-bottom: 30px;
}

.certificate-img .actions {
  display: flex;
  justify-content: space-evenly;
}

.certificate-img .actions button, .certificate-img .actions a {
  position: relative;
  background-color: var(--config-color-primary);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.certificate-img .actions button .ico, .certificate-img .actions a .ico {
  position: relative;
  height: 70%;
  width: 70%;
}

.certificate-img .actions button .ico svg, .certificate-img .actions a .ico svg {
  width: 100%;
}

.certificate-img .image {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  width: 626px;
  height: 445px;
  border-radius: calc(var(--flat) * 5px);
  box-shadow: 3px 6px 14px 0 rgba(0, 0, 0, 0.08);
  margin: 0 auto;
}

.certificate-img .image iframe {
  position: relative;
  z-index: 1;
  border: none;
  width: 100%;
  height: 100%;
}

.certificate-img .image .ico {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ddd;
}

.certificate-img .image .ico svg {
  height: 150px;
}

.tooltip-certificate .tooltip-box {
  margin-top: 12px !important;
}

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

/* FÓRUM e MENSAGENS > HOME */
@media (max-width: 767.98px) {
  .board .filtros,
  .board .categorias {
    display: none;
  }
}

@media (min-width: 768px) {
  .filtros {
    width: 220px;
    margin-right: 50px;
  }
}

.filtros h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 25px;
}

.filtros .subtit {
  font-size: 13px;
  color: var(--config-color-tx-sec);
  line-height: 1.38em;
  margin-bottom: 22px;
}

.filtros .btn-categoria {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  border-radius: calc(var(--flat) * 4px);
  padding: 12px 15px;
  color: var(--config-color-primary);
  border-width: 2px;
  border-style: solid;
  border-color: var(--config-color-primary);
  background: var(--config-color-bg);
  cursor: pointer;
}

.filtros .btn-categoria i {
  position: relative;
  top: 2px;
  font-size: 16px;
  float: left;
  margin-right: 0.8em;
}

.filtros .btn-categoria span {
  float: right;
  padding-left: 10px;
  font-weight: bold;
}

.filtros .btn-categoria.js--ativo,
.filtros [data-status="2"] .btn-categoria:nth-of-type(1),
.filtros [data-status="0"] .btn-categoria:nth-of-type(2),
.filtros [data-status="1"] .btn-categoria:nth-of-type(3) {
  color: #fff;
  border: none;
  background: var(--config-color-primary);
}

.filtros .btn-categoria.js--ativo span,
.filtros [data-status="2"] .btn-categoria:nth-of-type(1) span,
.filtros [data-status="0"] .btn-categoria:nth-of-type(2) span,
.filtros [data-status="1"] .btn-categoria:nth-of-type(3) span {
  font-weight: 800;
}

.filtros h4 {
  margin-bottom: 0.6em;
}

.btn-categoria + .filtros h4 {
  margin-top: 2em;
}

.filtros .users {
  background-color: var(--config-color-bg);
  padding: 30px 20px;
  margin-bottom: 15px;
}

@media (max-width: 767.98px) {
  .filtros .users {
    box-sizing: border-box;
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .filtros .users {
    width: 80%;
  }
}

.filtros .users .users-list {
  display: grid;
  grid-template: auto / auto 1fr auto;
  align-items: center;
  gap: 10px 10px;
}

.filtros .users .users-list .avatar > div {
  overflow: hidden;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 50%;
  background: url("https://cdn.eadplataforma.app/assets/img/user.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 70%;
}

.filtros .users .users-list .avatar > div img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}

.filtros .users .users-list .nome {
  font-size: 16px;
  line-height: 1em;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.filtros .users .users-list .counter {
  white-space: nowrap;
  font-size: 10px;
  color: #999;
}

.filtros .users .users-list .counter i {
  font-size: 120%;
}

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

@media (min-width: 768px) {
  .search-dropdown {
    z-index: 3;
    position: relative;
    margin-left: 70px;
  }
  .search-dropdown > button {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: calc(var(--flat) * 3px);
    color: #fff;
    font-size: 15px;
    padding: 0 15px;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    background: var(--config-color-primary);
  }
  .search-dropdown > button .material-icons {
    float: right;
    margin-top: 13px;
  }
  .search-dropdown > button .seta-down {
    display: inline-block;
  }
  .search-dropdown > button .seta-up {
    display: none;
  }
  .search-dropdown .sub {
    position: absolute;
    top: 100%;
    width: 100%;
    padding-top: 3px;
    background: var(--config-color-bg);
    border-radius: 0 0 3px 3px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
  }
  .search-dropdown .sub a {
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 15px;
    border-bottom: 1px #eee solid;
  }
  .search-dropdown .sub a:hover {
    background: #f4f4f4;
  }
  .search-dropdown .sub a:last-child {
    border-bottom: none;
    padding-bottom: 12px;
  }
  .search-dropdown.status--aberto .seta-down {
    display: none;
  }
  .search-dropdown.status--aberto .seta-up {
    display: inline-block;
  }
}

.menu-mobile .filtros {
  padding: 30px;
}

.board {
  display: flex;
  margin-bottom: 45px;
  align-items: flex-start;
}

@media (max-width: 767.98px) {
  .board {
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .board {
    justify-content: space-between;
    flex-direction: row;
  }
}

.board .posts {
  flex-grow: 1;
}

.board .posts .post {
  display: grid;
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .board .posts .post {
    grid-template: auto / auto 1fr auto;
    column-gap: 15px;
    padding: 0 25px 0 15px;
  }
}

@media (max-width: 575.98px) {
  .board .posts .post {
    grid-template: auto auto / auto 1fr;
    row-gap: 15px;
    padding: 15px;
  }
}

.board .posts .post > a {
  position: relative;
  display: flex;
}

.board .posts .post .avatar {
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: url("https://cdn.eadplataforma.app/assets/img/user.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 50%;
  overflow: hidden;
}

@media (max-width: 575.98px) {
  .board .posts .post .avatar {
    margin-right: 15px;
  }
}

.board .posts .post .avatar img {
  width: 100%;
  height: 100%;
}

.board .posts .post .pergunta .msg {
  overflow-wrap: anywhere;
  font-weight: bold;
  flex-grow: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

@media (max-width: 575.98px) {
  .board .posts .post .pergunta .msg {
    font-size: 16px;
    line-height: 1.2em;
  }
}

@media (min-width: 576px) {
  .board .posts .post .pergunta .msg {
    font-size: 18px;
    line-height: 1.3em;
  }
}

.board .posts .post .pergunta .meta {
  color: var(--config-color-tx-sec);
}

.board .posts .post .pergunta .meta .nome {
  font-size: 15px;
}

@media (max-width: 575.98px) {
  .board .posts .post .pergunta .meta .nome {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

.board .posts .post .pergunta .meta .sep {
  color: var(--config-color-tx-sec);
  filter: brightness(110%);
}

@media (max-width: 575.98px) {
  .board .posts .post .pergunta .meta .sep {
    display: none;
  }
}

@media (min-width: 576px) {
  .board .posts .post .pergunta .meta .sep {
    margin: 0 20px;
  }
}

.board .posts .post .pergunta .meta .hora {
  white-space: nowrap;
  overflow-wrap: anywhere;
  position: relative;
  font-size: 13px;
}

@media (max-width: 575.98px) {
  .board .posts .post .pergunta .meta .hora {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

.board .posts .post.visto h3 {
  color: var(--config-color-tx-sec);
}

.board .posts .post .respostas {
  display: flex;
  column-gap: 40px;
  align-items: end;
}

@media (min-width: 576px) {
  .board .posts .post .respostas {
    justify-content: space-around;
    align-items: end;
    flex-direction: column;
    margin-left: 10px;
  }
}

@media (max-width: 575.98px) {
  .board .posts .post .respostas {
    justify-content: space-between;
    grid-area: 2 / 1 / 2 / 3;
  }
}

@media (max-width: 419.98px) {
  .board .posts .post .respostas {
    display: inline-block;
  }
}

.board .posts .post .respostas div {
  flex-direction: column;
  display: flex;
  align-items: end;
}

@media (max-width: 575.98px) {
  .board .posts .post .respostas div {
    flex-direction: initial;
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 419.98px) {
  .board .posts .post .respostas div {
    align-items: center;
  }
}

.board .posts .post .respostas .categoria {
  font-size: 13px;
  font-weight: bold;
  color: var(--config-color-primary);
  text-align: end;
  max-width: 180px;
}

@media (max-width: 575.98px) {
  .board .posts .post .respostas .categoria {
    max-width: none;
    text-align: left;
    margin-right: 10px;
  }
}

.board .posts .post .respostas .status {
  margin-top: 8px;
}

@media (max-width: 419.98px) {
  .board .posts .post .respostas .status {
    margin-top: 0;
  }
}

.board .posts .post .respostas a {
  position: relative;
  font-size: 11px;
  white-space: nowrap;
  color: var(--config-color-tx-sec);
}

@media (max-width: 419.98px) {
  .board .posts .post .respostas a {
    float: right;
  }
}

.board .posts .post .respostas a .material-icons {
  position: relative;
  top: 5px;
  font-size: 16px;
  margin-right: 3px;
}

.board .posts .post .respostas a.pendentes {
  color: var(--config-color-tx);
}

.board .posts .post .respostas a.pendentes:before {
  position: absolute;
  top: 1px;
  left: -15px;
  content: '●';
  color: #e00;
  font-size: 15px;
}

.board .list-loader {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

.board-forum .post {
  min-height: 128px;
}

@media (max-width: 575.98px) {
  .board-forum .post .msg {
    margin-bottom: 8px;
  }
}

@media (min-width: 576px) {
  .board-forum .post .msg {
    min-height: 47px;
    margin: 30px 0 8px;
  }
}

.forum-post .pad .status {
  margin-right: 10px;
  top: -2px;
}

.board-forum .status,
.forum-post .status {
  white-space: nowrap;
  overflow-wrap: anywhere;
  position: relative;
  font-size: 10px;
  color: #fff;
  border-radius: calc(var(--flat) * 10px);
  padding: 3px 10px;
  background: #5ebb62;
  text-transform: uppercase;
}

.board-forum .status.filed,
.forum-post .status.filed {
  background: #9e9e9e;
}

.board-mensagens .post {
  min-height: 100px;
}

.board-mensagens .post > a {
  min-height: 100px;
}

@media (min-width: 576px) {
  .board-mensagens .post .avatar {
    margin-right: 15px;
  }
}

.board-mensagens .post .msg {
  margin: 20px 0 8px;
}

.modal-forum .categoria {
  padding: 0px !important;
}

.modal-forum .status {
  padding-right: 0px !important;
  padding-left: 25px !important;
}

.modal-forum .status label {
  font-weight: initial;
}

/* FÓRUM > TÓPICO */
.forum-pergunta {
  position: relative;
}

.forum-pergunta .seta {
  position: absolute;
  top: 10px;
  left: -50px;
}

.forum-pergunta h2 {
  font-size: 30px;
  line-height: 1.3em;
  font-weight: bold;
  margin-bottom: 40px;
}

.forum-pergunta .forum-post {
  margin-bottom: 53px;
}

/* FÓRUM > RESPOSTAS */
.questao-respostas {
  padding-bottom: 40px !important;
}

[data-theme="light"] .questao-respostas .forum-post {
  border-bottom: 1px #eee solid;
}

[data-theme="dark"] .questao-respostas .forum-post {
  margin-bottom: 5px;
}

.questao-respostas .forum-post:last-child {
  margin-bottom: 40px;
}

[data-theme="light"] .questao-respostas .forum-post:last-child {
  border-bottom: none;
}

/* POST DO FÓRUM */
[data-theme="light"] .forum-post {
  background: var(--config-color-bg);
}

[data-theme="dark"] .forum-post {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.forum-post > .pad {
  padding: 30px 22px 20px 30px;
}

.forum-post header {
  margin-bottom: 30px;
}

.forum-post header:before, .forum-post header:after {
  content: " ";
  display: table;
}

.forum-post header:after {
  clear: both;
}

.forum-post header .avatar {
  float: left;
  width: 45px;
  height: 45px;
  margin-right: 14px;
  border-radius: 50%;
  background: url("https://cdn.eadplataforma.app/assets/img/user.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 50%;
  overflow: hidden;
}

.forum-post header .avatar img {
  width: 45px;
  height: 45px;
}

.forum-post header .user {
  float: left;
}

.forum-post header .user .nome {
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 3px;
  color: var(--config-color-primary);
}

.forum-post header .user .nome .curso {
  margin-left: .5em;
  font-size: 12px;
  color: var(--config-color-tx-sec);
}

.forum-post header .user .hora {
  font-size: 13px;
  color: var(--config-color-tx-sec);
}

.forum-post header .acoes {
  float: right;
}

.forum-post header .acoes button {
  padding: 5px;
  font-size: 18px;
  color: var(--config-color-tx-sec);
  cursor: pointer;
}

.forum-post header .acoes button:first-child {
  margin-right: 10px;
}

.forum-post header .acoes button:hover {
  color: var(--config-color-tx);
}

.forum-post .desc {
  margin-bottom: 46px;
  line-height: 1.57em;
  word-wrap: break-word;
}

.forum-post footer {
  display: flex;
  justify-content: space-between;
}

.forum-post footer .curtir-wrap-question,
.forum-post footer .curtir-wrap-answer {
  display: flex;
  align-items: center;
}

.forum-post footer .curtir-wrap-question {
  width: auto;
}

.forum-post footer .curtir-wrap-answer {
  width: 100%;
}

.forum-post footer .curtir {
  float: left;
  color: var(--config-color-primary);
  cursor: pointer;
}

.forum-post footer .curtir .thumbs {
  font-size: 22px;
  margin-right: 8px;
}

.forum-post footer .curtir .num {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 24px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  background: var(--config-color-bg-img);
  filter: brightness(105%);
}

.forum-post footer .curtir .loader {
  position: relative;
  top: 4px;
  margin-left: 18px;
  display: none;
}

.forum-post footer .curtir .loader svg {
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

.forum-post footer .curtir[data-status="initial"]:hover {
  cursor: pointer;
  color: var(--config-color-secondary);
}

.forum-post footer .curtir[data-status="sending"] .loader {
  display: inline;
}

.forum-post footer .curtir[data-status="finished"] {
  cursor: auto;
}

.forum-post footer .responder,
.forum-post footer .solucao {
  float: right;
}

.forum-post footer .responder i,
.forum-post footer .solucao i {
  margin-right: 10px;
}

.forum-post footer .responder span,
.forum-post footer .solucao span {
  font-size: 13px;
  font-weight: bold;
}

.forum-post footer .responder {
  cursor: pointer;
  color: var(--config-color-primary);
}

.forum-post footer .responder:hover {
  color: var(--config-color-secondary);
}

.forum-post footer .solucao {
  color: #1bbc9b;
}

.forum-post footer .solucao i {
  font-size: 18px;
}

.forum-post footer .forum-like-names-question,
.forum-post footer .forum-like-names-answer {
  padding: 0 10px;
}

.forum-post footer .forum-like-names-question a, .forum-post footer .forum-like-names-question button,
.forum-post footer .forum-like-names-answer a,
.forum-post footer .forum-like-names-answer button {
  cursor: pointer;
  color: var(--config-color-primary);
}

.forum-post footer .forum-like-names-answer {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  white-space: nowrap;
}

.forum-post footer .forum-like-names-answer:hover {
  white-space: normal;
}

.forum-post .modal.modal-forum {
  width: auto;
}

#forumUserProfileLikes .todas-curtidas {
  padding: 15px;
  display: flex;
  align-items: center;
  border-bottom: #eee 1px solid;
  justify-content: space-between;
}

#forumUserProfileLikes .todas-curtidas:nth-of-type(1) {
  padding-top: 0;
}

#forumUserProfileLikes .todas-curtidas header {
  display: flex;
  align-items: center;
}

#forumUserProfileLikes .todas-curtidas header .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: url("https://cdn.eadplataforma.app/assets/img/user.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 50%;
  border: solid 3px var(--config-color-bg-img);
  margin-right: 15px;
  overflow: hidden;
}

#forumUserProfileLikes .todas-curtidas header .avatar img {
  max-width: 100%;
  max-height: 100%;
}

#forumUserProfileLikes .todas-curtidas header .name {
  font-size: 15px;
  margin-bottom: 0;
}

#forumUserProfileLikes .todas-curtidas .btn-continuar-peq {
  height: 32px;
  padding: 0 15px;
  line-height: 32px;
  font-size: 12px;
}

/* MENSAGEM */
.mensagens {
  padding: 40px 0 60px;
}

.mensagens .msg {
  display: flex;
  margin-bottom: 30px;
}

.mensagens .msg .acoes {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  width: 70px;
}

.mensagens .msg .acoes .avatar {
  position: relative;
  overflow: hidden;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px;
  background: var(--config-color-primary);
}

.mensagens .msg .acoes .avatar a {
  display: block;
  position: absolute;
  width: 45px;
  height: 45px;
}

.mensagens .msg .acoes .avatar img {
  width: 100%;
  height: 100%;
}

.mensagens .msg .acoes .apagar {
  padding: 3px;
  font-size: 20px;
  cursor: pointer;
}

.mensagens .msg .acoes .apagar:hover {
  color: #000;
}

.mensagens .msg .corpo {
  position: relative;
  flex-grow: 1;
  max-width: calc(100% - 70px);
  border-radius: calc(var(--flat) * 3px);
  padding: 15px 17px;
  box-sizing: border-box;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
}

.mensagens .msg .corpo:before {
  position: absolute;
  bottom: 15px;
  font-size: 20px;
  content: '◥';
}

[data-theme="light"] .mensagens .msg .corpo:before {
  color: #fff;
}

[data-theme="dark"] .mensagens .msg .corpo:before {
  color: rgba(100, 100, 100, 0.5);
}

[data-theme="light"] .mensagens .msg .corpo {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] .mensagens .msg .corpo {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.mensagens .msg .corpo .autor {
  font-weight: bold;
  margin-bottom: 20px;
}

.mensagens .msg .corpo .autor .nome {
  font-size: 14px;
  margin-right: 0.5em;
  color: var(--config-color-primary);
}

.mensagens .msg .corpo .autor .hora {
  font-size: 12px;
  color: var(--config-color-tx-sec);
}

.mensagens .msg .corpo .desc {
  line-height: 1.57em;
}

.mensagens .msg.msg-user .acoes {
  order: 2;
  justify-content: space-between;
  align-items: flex-end;
}

.mensagens .msg.msg-user .acoes .apagar {
  margin: 8px 11px 0 0;
}

.mensagens .msg.msg-user .corpo {
  order: 1;
  min-height: 80px;
}

.mensagens .msg.msg-user .corpo:before {
  right: -9px;
  transform: rotate(45deg);
}

.mensagens .msg.msg-contato .acoes {
  justify-content: space-between;
  align-items: flex-start;
}

.mensagens .msg.msg-contato .acoes .avatar {
  margin-top: auto;
}

.mensagens .msg.msg-contato .acoes .apagar {
  margin: 0 11px 0 8px;
}

.mensagens .msg.msg-contato .corpo:before {
  left: -9px;
  transform: rotate(-135deg);
}

/* PLANOS */
/* 3 PLANOS */
.planos-trio {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
  column-gap: 10px;
  flex-wrap: wrap;
}

.planos-trio > a {
  display: block;
}

.planos-trio .plano {
  flex-basis: 353px;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  margin: 10px;
  border-radius: calc(var(--flat) * 3px);
  /*
        &:nth-child(1) { order: 2 }
        &:nth-child(2) { order: 1 }
        &:nth-child(3) { order: 3 }
        */
}

[data-theme="light"] .planos-trio .plano {
  box-shadow: 3px 6px 14px 0 rgba(0, 0, 0, 0.08);
  background: var(--config-color-bg);
}

[data-theme="dark"] .planos-trio .plano {
  box-shadow: 3px 6px 20px 0 rgba(0, 0, 0, 0.4);
  background: #151515;
}

.planos-trio .plano .link-box {
  display: block;
}

.planos-trio .plano .cover {
  width: 327px;
  height: 185px;
  overflow: hidden;
  text-align: center;
  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: calc(var(--flat) * 5px);
  margin: 13px auto;
}

.planos-trio .plano .cover img {
  background-color: var(--config-color-bg);
  width: 327px;
  height: 185px;
}

.planos-trio .plano .cover iframe {
  overflow: hidden;
}

.planos-trio .plano .title {
  font-weight: normal;
  font-size: 120%;
  text-align: center;
  padding: 20px;
}

[data-theme="light"] .planos-trio .plano .title {
  border-top: #eee 1px solid;
}

[data-theme="dark"] .planos-trio .plano .title {
  border-top: #000 1px solid;
}

.planos-trio .plano .payment {
  box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  padding: 10px 0 13px;
  min-height: 85px;
}

[data-theme="light"] .planos-trio .plano .payment {
  border-top: #eee 1px solid;
}

[data-theme="dark"] .planos-trio .plano .payment {
  border-top: #000 1px solid;
}

.planos-trio .plano .payment .label-free {
  display: inline-block;
  font-size: 14px;
}

.planos-trio .plano .payment .trial {
  color: var(--config-color-primary);
  font-size: 30px;
  font-weight: bold;
}

.planos-trio .plano .payment .dest {
  color: var(--config-color-primary);
}

.planos-trio .plano .payment .installment {
  font-weight: bold;
  font-size: 36px;
  color: var(--config-color-primary);
}

.planos-trio .plano .payment .installment small {
  font-size: 18px;
}

.planos-trio .plano .payment .installments {
  color: var(--config-color-primary);
  font-weight: bold;
  font-size: 18px;
}

.planos-trio .plano .payment .installments .value {
  font-size: 36px;
}

.planos-trio .plano .payment .period {
  font-size: 14px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

.planos-trio .plano ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  text-align: center;
}

.planos-trio .plano ul li {
  padding: 30px 0;
  font-size: 18px;
}

[data-theme="light"] .planos-trio .plano ul li {
  border-top: #eee 1px solid;
}

[data-theme="dark"] .planos-trio .plano ul li {
  border-top: #000 1px solid;
}

.planos-trio .plano ul li b {
  position: relative;
  top: 0.1em;
  font-size: 30px;
  font-weight: 800;
  margin-right: 0.1em;
  color: var(--config-color-primary);
}

[data-theme="light"] .planos-trio .plano ul li:last-child {
  border-bottom: #eee 1px solid;
}

[data-theme="dark"] .planos-trio .plano ul li:last-child {
  border-bottom: #000 1px solid;
}

.planos-trio .plano .membershipFree {
  text-align: center;
  padding: 15px 0;
}

[data-theme="light"] .planos-trio .plano .membershipFree {
  border-bottom: #eee 1px solid;
}

[data-theme="dark"] .planos-trio .plano .membershipFree {
  border-bottom: #000 1px solid;
}

.planos-trio .plano .membershipFree p:nth-child(1) {
  margin-bottom: 4px;
}

.planos-trio .plano .membershipFree p:nth-child(2) {
  font-size: 30px;
  font-weight: bold;
}

.planos-trio .plano .membershipFree p + p {
  color: var(--config-color-primary);
}

.planos-trio .plano .destaque {
  position: absolute;
  width: 100%;
  left: 0;
  top: -20px;
  font-weight: bold;
  text-align: center;
  color: var(--config-color-primary);
}

.planos-trio .plano .destaque svg {
  width: 30px;
  position: absolute;
  right: -10px;
  top: 7px;
}

.planos-trio .plano .btn-continuar-gde {
  margin: 15px 0 20px;
}

.planos-trio .plano .disclaimer {
  padding: 0 30px;
  margin-bottom: 20px;
  color: var(--config-color-tx-sec);
}

/* MAIS PLANOS */
.planos-lista {
  margin-bottom: 100px;
}

.planos-lista .plano {
  position: relative;
  border-radius: calc(var(--flat) * 6px);
  margin-bottom: 6px;
  padding: 15px;
  min-height: 130px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}

@media (max-width: 767.98px) {
  .planos-lista .plano {
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .planos-lista .plano {
    display: flex;
  }
}

@media (min-width: 768px) {
  .planos-lista .plano > div {
    margin: 0 15px;
  }
}

@media (max-width: 767.98px) {
  .planos-lista .plano > div {
    margin-bottom: 20px;
  }
}

[data-theme="light"] .planos-lista .plano {
  border: #eee 1px solid;
  background: var(--config-color-bg);
}

[data-theme="dark"] .planos-lista .plano {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

@media (max-width: 767.98px) {
  .planos-lista .plano .name {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .planos-lista .plano .name {
    flex-grow: 1;
    align-self: center;
  }
}

.planos-lista .plano .name .destaque {
  font-weight: bold;
  margin-bottom: 10px;
  color: var(--config-color-primary);
}

.planos-lista .plano .name .destaque svg {
  width: 30px;
  position: absolute;
  right: -8px;
  top: -11px;
}

.planos-lista .plano .cursos {
  text-align: center;
  font-size: 18px;
}

@media (min-width: 768px) {
  .planos-lista .plano .cursos {
    align-self: center;
  }
}

.planos-lista .plano .cursos b {
  position: relative;
  top: 3px;
  font-size: 30px;
  font-weight: 800;
  color: var(--config-color-primary);
}

.planos-lista .plano .pagamento {
  align-self: center;
}

@media (max-width: 767.98px) {
  .planos-lista .plano .pagamento {
    flex-grow: 1;
  }
}

@media (min-width: 768px) {
  .planos-lista .plano .pagamento {
    width: 220px;
  }
}

.planos-lista .plano .pagamento .valor {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  color: var(--config-color-primary);
}

.planos-lista .plano .pagamento .valor > span {
  white-space: nowrap;
}

.planos-lista .plano .pagamento .valor small {
  font-size: 14px;
}

.planos-lista .plano .pagamento .valor b {
  font-size: 36px;
  font-weight: bold;
}

.planos-lista .plano .pagamento .info {
  text-align: center;
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

.planos-lista .plano .actions {
  position: relative;
  width: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .planos-lista .plano .actions {
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .planos-lista .plano .actions {
    flex-shrink: 1;
  }
}

.planos-lista .plano .actions a {
  margin-bottom: 7px;
}

.planos-lista .plano .actions .adesao-gratis {
  font-weight: bold;
  text-align: center;
  color: var(--config-color-tx-sec);
}

.planos-lista .plano .actions .tip-link {
  display: block;
  line-height: 0;
  position: absolute;
  top: -5px;
  right: -20px;
  color: var(--config-color-tx-sec);
  cursor: pointer;
}

.planos-lista .plano .actions .tip-link svg {
  width: 20px;
  height: 20px;
}

.planos-lista .plano .actions .tip-link .tip-box {
  position: absolute;
  top: -20px;
  right: 35px;
  background: var(--config-color-bg);
  font-size: 11px;
  line-height: 1.4em;
  text-align: center;
  padding: 5px 10px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
  border-radius: calc(var(--flat) * 3px);
  white-space: nowrap;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.13);
}

.planos-lista .plano .actions .tip-link .tip-box:before {
  position: absolute;
  top: 19px;
  right: -8px;
  content: '◥';
  font-size: 18px;
  color: #fff;
  text-shadow: 3px 0 2px #ccc;
  transform: rotate(45deg);
}

.tip-box-planos .tooltip-box {
  position: absolute;
  top: -20px;
  right: 35px;
  background: var(--config-color-bg);
  font-size: 11px;
  line-height: 1.4em;
  text-align: center;
  padding: 5px 10px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
  border-radius: calc(var(--flat) * 3px);
  white-space: nowrap;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.13);
}

.tip-box-planos .tooltip-box .tooltip-pointer {
  top: calc(50% + 9px);
  filter: drop-shadow(3px 0 2px rgba(0, 0, 0, 0.13));
  color: var(--config-color-bg);
}

/* PROFILE */
.profile {
  padding-bottom: 60px;
}

.profile .profile-banner {
  position: relative;
  height: 240px;
  margin-bottom: 54px;
  background-color: var(--config-color-primary);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.profile .profile-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile .profile-banner .actions {
  position: absolute;
  bottom: 30px;
  width: 100%;
}

.profile .profile-banner .actions .wrap-social {
  display: flex;
  justify-content: space-between;
}

.profile .profile-banner .actions .sociais {
  align-items: center;
  display: flex;
  gap: 20px;
}

.profile .profile-banner .actions .sociais a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  background: var(--config-color-bg);
  border-radius: 50%;
  color: var(--config-color-primary);
}

.profile .profile-banner .actions .sociais a:hover {
  background: #eee;
}

.profile .profile-banner .actions .sociais a svg {
  height: 75%;
}

.profile .profile-banner .actions .sociais a.linkedin svg {
  position: relative;
  top: -2px;
  height: 65%;
}

.profile .profile-banner .actions .btn-msg {
  float: right;
}

.profile .profile-info {
  display: flex;
}

@media (max-width: 767.98px) {
  .profile .profile-info {
    display: block;
  }
}

.profile .profile-info .status--aberto .material-icons {
  transform: rotate(180deg);
}

[data-theme="dark"] .profile .profile-info .status--aberto .js--sub {
  border-top: rgba(100, 100, 100, 0.5) 1px solid;
}

[data-theme="light"] .profile .profile-info .status--aberto .js--sub {
  border-top: 1px #eee solid;
}

.profile .profile-info .box-info {
  width: 30%;
  padding: 24px;
  border-radius: calc(var(--flat) * 6px);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
}

[data-theme="dark"] .profile .profile-info .box-info {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

[data-theme="light"] .profile .profile-info .box-info {
  background-color: #fff;
}

@media (max-width: 767.98px) {
  .profile .profile-info .box-info {
    width: auto;
  }
}

.profile .profile-info .box-info header {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}

.profile .profile-info .box-info header .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--config-color-bg-img);
  border: solid 3px var(--config-color-bg-img);
  margin-right: 24px;
  overflow: hidden;
}

.profile .profile-info .box-info header .avatar img {
  max-width: 100%;
  max-height: 100%;
}

.profile .profile-info .box-info header .name {
  font-size: 18px;
  line-height: 1.4em;
}

.profile .profile-info .box-info ul {
  list-style: none;
  padding: 0;
}

.profile .profile-info .box-info ul li {
  margin-bottom: 36px;
}

.profile .profile-info .box-info ul li span {
  position: relative;
  top: 0.4em;
  margin-right: 0.8em;
  color: var(--config-color-primary);
}

.profile .profile-info .box-info ul li span svg {
  width: 24px;
  height: 24px;
}

.profile .profile-info .box-info .desc {
  line-height: 1.71em;
  margin-bottom: 35px;
}

.profile .profile-info .box-info .desc p {
  margin-bottom: 1em;
}

.profile .profile-info .box-info .desc span {
  color: var(--config-color-primary);
  font-weight: bold;
  cursor: pointer;
}

.profile .profile-info .box-content {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

@media (max-width: 767.98px) {
  .profile .profile-info .box-content {
    width: auto;
    margin-top: 15px;
  }
}

.profile .profile-info .box-content .col {
  width: 300px;
  margin: 0 10px;
}

@media (max-width: 767.98px) {
  .profile .profile-info .box-content .col {
    margin: 9px 10px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .profile .profile-info .box-content .col {
    margin-bottom: 9px;
  }
  .profile .profile-info .box-content .col:last-child {
    margin-top: 9px;
  }
}

.profile .profile-info .box-content .col h3 {
  font-size: 18px;
  padding: 20px;
  cursor: pointer;
}

.profile .profile-info .box-content .col h3 .material-icons {
  color: var(--config-color-primary);
  float: right;
}

.profile .profile-info .box-content .col-box {
  margin-bottom: 18px;
  border-radius: calc(var(--flat) * 6px);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
  min-width: 290px;
}

[data-theme="dark"] .profile .profile-info .box-content .col-box {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

[data-theme="light"] .profile .profile-info .box-content .col-box {
  background-color: #fff;
}

@media (max-width: 767.98px) {
  .profile .profile-info .box-content .col-box {
    width: auto;
  }
}

.profile .profile-info .box-content .col-box:last-child {
  margin-bottom: 0;
}

.profile .profile-info .box-content .curso {
  background-color: var(--config-color-bg);
  overflow: hidden;
  margin-bottom: 15px;
  padding: 20px;
}

[data-theme="dark"] .profile .profile-info .box-content .curso {
  border-top: rgba(100, 100, 100, 0.5) 1px solid;
}

[data-theme="light"] .profile .profile-info .box-content .curso {
  border-top: 1px #eee solid;
}

.profile .profile-info .box-content .curso:first-child {
  border-top: none;
}

.profile .profile-info .box-content .curso .cover {
  background: var(--config-color-bg-img);
  height: 184px;
  background: url("https://cdn.eadplataforma.app/assets/img/camera.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 20% auto;
  overflow: hidden;
}

.profile .profile-info .box-content .curso .cover img {
  object-fit: scale-down;
  height: 184px;
}

.profile .profile-info .box-content .curso .info {
  display: flex;
  align-items: center;
  padding: 15px;
  column-gap: 1em;
}

.profile .profile-info .box-content .curso .info .title {
  flex-grow: 1;
  font-weight: bold;
  line-height: 1.71em;
  font-size: 12px;
  word-break: break-all;
}

.profile .profile-info .box-content .curso .info .download {
  white-space: nowrap;
  text-align: center;
}

.profile .profile-info .box-content .curso .info .download svg {
  margin-top: 3px;
  width: 24px;
  height: 24px;
}

.profile .profile-info .box-content .curso .info .duration {
  text-align: right;
  font-size: 11px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

.profile .profile-info .box-content #box-cursos-andamento .contem {
  max-height: 720px;
  overflow: auto;
}

.profile .profile-info .box-content #box-cursos-andamento[data-status="show-more"] .btnShowCursos span:first-child {
  display: none;
}

.profile .profile-info .box-content #box-cursos-andamento[data-status="show-less"] .btnShowCursos span:nth-child(2) {
  display: none;
}

.profile .profile-info .box-content .show-cursos {
  text-align: center;
  padding: 20px 0;
}

.profile .profile-info .box-content .achievements {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
}

.profile .profile-info .box-content .achievements p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  text-align: center;
  margin-bottom: 50px;
  font-weight: bold;
}

.profile .profile-info .box-content .achievements p .total {
  font-size: 30px;
  color: var(--config-color-primary);
  margin-bottom: 6px;
}

.profile .profile-info .box-content .achievements p:nth-child(1) {
  background-size: contain;
}

.profile .profile-info .box-content .achievements p:nth-child(2) {
  background-size: contain;
}

.profile .profile-info .box-content .achievements p:nth-child(3) {
  background-size: contain;
}

/* PLANOS */
.subscription-data {
  display: grid;
}

@media (max-width: 767.98px) {
  .subscription-data {
    grid-template-columns: repeat(2, 50%);
  }
}

@media (min-width: 768px) {
  .subscription-data {
    grid-template-columns: repeat(8, 12.5%);
  }
  .subscription-data .cell-title {
    grid-column: span 2;
  }
  .subscription-data .cell-span-2 {
    grid-column: span 2;
  }
}

.subscription-data .switch-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

@media (min-width: 768px) {
  .subscription-data .switch-wrap {
    grid-column: span 2;
  }
}

.subscription-data .switch-wrap .field {
  text-align: center;
}

.subscription-data .switch-wrap[data-status-active="0"] .wrap-renew {
  display: none;
}

.subscription-data .switch-wrap[data-status-active="1"] .wrap-renew {
  display: initial;
}

.subscription-data .btn-link {
  cursor: pointer;
}

.subscription-data .btn-link svg {
  position: relative;
  top: 2px;
  margin-left: 2px;
  width: 15px;
  height: 15px;
}

.trial-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 1em 2em;
  margin: 0 auto 20px;
  font-size: 16px;
  border: 1px #dbdb71 solid;
  border-radius: calc(var(--flat) * 5px);
  background: #ffc;
  color: brown;
}

.trial-info i {
  display: block;
  width: 25px;
  height: 25px;
}

.trial-info svg {
  width: 25px;
  height: 25px;
}

.status-subscription {
  font-weight: bold;
}

.status-subscription--approved {
  color: #1fa78b;
}

.status-subscription--waiting {
  color: #f1a500;
}

.status-subscription--canceled {
  color: #ce2e11;
}

.status-subscription--repayment {
  color: #8085e9;
}

.status-subscription--dispute {
  color: #3498db;
}

.status-subscription--chargeback {
  color: #434347;
}

/* FATURAMENTO */
.subscription-billing {
  display: grid;
}

@media (max-width: 575.98px) {
  .subscription-billing {
    display: block;
  }
}

@media (max-width: 767.98px) {
  .subscription-billing {
    grid-template-rows: repeat(6, minmax(80px, auto));
    grid-template-columns: repeat(2, 50%);
  }
}

@media (min-width: 768px) {
  .subscription-billing {
    grid-template-rows: repeat(3, minmax(80px, auto));
    grid-template-columns: repeat(4, 25%);
    grid-template-areas: "_1a _1a _1a _1c"  "_2a _2b _2b _2b"  "_3a _3a _3b _3c"  "_4a _4b _4c _4d";
  }
  .subscription-billing > div {
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
  .subscription-billing > div:nth-child(1) {
    grid-area: _1a;
  }
  .subscription-billing > div:nth-child(2) {
    grid-area: _1c;
  }
  .subscription-billing > div:nth-child(3) {
    grid-area: _2a;
  }
  .subscription-billing > div:nth-child(4) {
    grid-area: _2b;
  }
  .subscription-billing > div:nth-child(5) {
    grid-area: _3a;
  }
  .subscription-billing > div:nth-child(6) {
    grid-area: _3b;
  }
  .subscription-billing > div:nth-child(7) {
    grid-area: _3c;
  }
  .subscription-billing > div:nth-child(8) {
    grid-area: _4a;
  }
  .subscription-billing > div:nth-child(9) {
    grid-area: _4b;
  }
  .subscription-billing > div:nth-child(10) {
    grid-area: _4c;
  }
  .subscription-billing > div:nth-child(11) {
    grid-area: _4d;
  }
  .subscription-billing > div .value {
    word-break: break-all;
  }
}

.btn-link-billing {
  cursor: pointer;
}

.btn-link-billing svg {
  position: relative;
  top: 1px;
  margin-left: 2px;
  width: 20px;
  height: 20px;
}

.form-change-billing-modal .choose-billing {
  display: grid;
  grid-template-columns: repeat(2, 50%);
}

@media (max-width: 767.98px) {
  .form-change-billing-modal .choose-billing {
    display: block;
  }
}

.form-change-billing-modal .choose-billing .radiobutton {
  width: 24px;
  height: 24px;
}

.form-change-billing-modal .choose-billing input {
  display: none;
}

.form-change-billing-modal .choose-billing input:checked ~ .info {
  box-shadow: 0 5px 15px 0 rgba(204, 204, 204, 0.4);
}

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

.form-change-billing-modal .choose-billing input:not(:checked) + .radiobutton .inner {
  display: none;
}

.form-change-billing-modal .choose-billing label {
  display: flex;
  align-items: center;
  margin: 0 auto 20px auto;
}

.form-change-billing-modal .choose-billing label .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;
  width: 250px;
  white-space: nowrap;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  .form-change-billing-modal .choose-billing label .info {
    width: 100%;
    margin: 0 0 0 15px;
  }
}

[data-theme="light"] .form-change-billing-modal .choose-billing label .info {
  border: 1px #eee solid;
}

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

.form-change-billing-modal .choose-billing label .info h4 {
  margin-bottom: 10px;
  line-height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-change-billing-modal .choose-billing label .info p {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: .4em;
}

/* MATRÍCULAS */
.abas-dados .aba[data-open="true"] {
  margin-bottom: 0px;
}

@media (max-width: 575.98px) {
  .enrollment-data {
    display: block;
  }
}

@media (min-width: 576px) {
  .enrollment-data {
    display: grid;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .enrollment-data {
    grid-template-columns: repeat(2, 50%);
  }
}

@media (min-width: 768px) {
  .enrollment-data {
    grid-template-areas: "_1a _1b _1b _1c"  "_2a _2b _2c _2d"  "_3a _3a _3b _3c"  "_4a _4a _4b _4b";
  }
  .enrollment-data > div {
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
  .enrollment-data > div:nth-child(1) {
    grid-area: _1a;
  }
  .enrollment-data > div:nth-child(2) {
    grid-area: _1b;
  }
  .enrollment-data > div:nth-child(3) {
    grid-area: _1c;
  }
  .enrollment-data > div:nth-child(4) {
    grid-area: _2a;
  }
  .enrollment-data > div:nth-child(5) {
    grid-area: _2b;
  }
  .enrollment-data > div:nth-child(6) {
    grid-area: _2c;
  }
  .enrollment-data > div:nth-child(7) {
    grid-area: _2d;
  }
  .enrollment-data > div:nth-child(8) {
    grid-area: _3a;
  }
  .enrollment-data > div:nth-child(9) {
    grid-area: _3b;
  }
  .enrollment-data > div:nth-child(10) {
    grid-area: _3c;
  }
  .enrollment-data > div:nth-child(11) {
    grid-area: _4a;
  }
  .enrollment-data > div:nth-child(12) {
    grid-area: _4b;
  }
  .enrollment-data > div .value {
    word-break: break-all;
  }
}

.enrollment-progress {
  background: var(--config-color-bg);
  margin-bottom: 100px;
  padding: 40px 60px;
  border-radius: 3px;
}

.enrollment-progress h4 {
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 30px;
}

.enrollment-progress .progress-bar-container {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}

.enrollment-progress .progress-bar {
  flex-grow: 1;
  margin: 0 15px;
  height: 22px;
  line-height: 22px;
  border-radius: calc(var(--flat) * 22px);
  background: var(--config-color-bg-alt);
  border: var(--config-color-bg-alt) 4px solid;
  overflow: hidden;
}

.enrollment-progress .progress-bar .fill {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: calc(var(--flat) * 22px);
  background: var(--config-color-primary);
  background: linear-gradient(0deg, var(--config-color-primary) 0%, var(--config-color-primary) 70%);
}

.enrollment-progress .info {
  display: flex;
}

@media (max-width: 575.98px) {
  .enrollment-progress .info {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.enrollment-progress .info > div {
  text-align: center;
  width: 25%;
}

@media (max-width: 575.98px) {
  .enrollment-progress .info > div {
    width: 50%;
    margin: 10px;
  }
}

.enrollment-progress .info .value {
  font-size: 26px;
  margin-bottom: 6px;
}

.enrollment-progress .info .value em {
  color: var(--config-color-primary);
  font-style: normal;
}

.enrollment-progress .info .field {
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

#enrollment-boletim-data,
#enrollment-history-data {
  overflow: auto;
  margin-bottom: 50px;
}

#enrollment-boletim-data .lista-itens,
#enrollment-history-data .lista-itens {
  margin-bottom: 0;
}

#enrollment-boletim-data .lista-itens tbody,
#enrollment-history-data .lista-itens tbody {
  text-align: center;
}

#enrollment-boletim-data .lista-itens p,
#enrollment-history-data .lista-itens p {
  text-align: center;
}

#enrollment-boletim-data .lista-itens tr .title,
#enrollment-history-data .lista-itens tr .title {
  text-align: start;
  display: flex;
  align-items: center;
}

#enrollment-boletim-data .lista-itens tr .title .lock,
#enrollment-history-data .lista-itens tr .title .lock {
  opacity: .7;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='red'%3E %3Cpath d='M 12 1 C 8.6761905 1 6 3.6761905 6 7 L 6 8 C 4.9 8 4 8.9 4 10 L 4 20 C 4 21.1 4.9 22 6 22 L 18 22 C 19.1 22 20 21.1 20 20 L 20 10 C 20 8.9 19.1 8 18 8 L 18 7 C 18 3.6761905 15.32381 1 12 1 z M 12 3 C 14.27619 3 16 4.7238095 16 7 L 16 8 L 8 8 L 8 7 C 8 4.7238095 9.7238095 3 12 3 z M 12 13 C 13.1 13 14 13.9 14 15 C 14 16.1 13.1 17 12 17 C 10.9 17 10 16.1 10 15 C 10 13.9 10.9 13 12 13 z'/%3E %3C/svg%3E");
}

#enrollment-boletim-data .lista-itens tr .title .unlock,
#enrollment-history-data .lista-itens tr .title .unlock {
  opacity: .7;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='green'%3E %3Cpath d='M 18 1 C 14.67619 1 12 3.6761905 12 7 L 12 8 L 2.9296875 8 C 1.8656875 8 1 8.897 1 10 L 1 20 C 1 21.103 1.8656875 22 2.9296875 22 L 14.070312 22 C 15.134312 22 16 21.103 16 20 L 16 10 C 16 8.897 15.135266 8 14.072266 8 L 14 8 L 14 7 C 14 4.7238095 15.72381 3 18 3 C 20.27619 3 22 4.7238095 22 7 L 22 9 L 24 9 L 24 7 C 24 3.6761905 21.32381 1 18 1 z M 8.5078125 13 C 9.6078125 13 10.507812 13.9 10.507812 15 C 10.507812 16.1 9.6078125 17 8.5078125 17 C 7.4078125 17 6.5078125 16.1 6.5078125 15 C 6.5078125 13.9 7.4078125 13 8.5078125 13 z'/%3E %3C/svg%3E");
}

#enrollment-boletim-data .modulo td,
#enrollment-history-data .modulo td {
  font-size: 15px;
  font-weight: bold;
}

#enrollment-boletim-data .modulo td .ico,
#enrollment-history-data .modulo td .ico {
  vertical-align: middle;
  margin-right: 10px;
}

#enrollment-boletim-data .modulo td .ico svg,
#enrollment-history-data .modulo td .ico svg {
  width: 24px;
  height: 24px;
}

#enrollment-boletim-data .modulos,
#enrollment-history-data .modulos {
  position: relative;
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  border-radius: calc(var(--flat) * 4px);
}

[data-theme="light"] #enrollment-boletim-data .modulos, [data-theme="light"]
#enrollment-history-data .modulos {
  background: #fff;
  box-shadow: 0;
}

[data-theme="dark"] #enrollment-boletim-data .modulos, [data-theme="dark"]
#enrollment-history-data .modulos {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

#enrollment-boletim-data .modulos .modulo,
#enrollment-history-data .modulos .modulo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  box-sizing: border-box;
  padding: 17px 25px 17px 20px;
  font-weight: bold;
}

#enrollment-boletim-data .modulos .aulas,
#enrollment-history-data .modulos .aulas {
  padding: 10px 10px 20px 10px;
  line-height: 1.71em;
}

#enrollment-boletim-data .modulos .aulas .loader,
#enrollment-history-data .modulos .aulas .loader {
  display: none;
  width: 20px;
  height: 20px;
  justify-self: center;
}

#enrollment-boletim-data .modulos .aulas .loader svg,
#enrollment-history-data .modulos .aulas .loader svg {
  display: block;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

#enrollment-boletim-data .modulos .ico,
#enrollment-history-data .modulos .ico {
  vertical-align: middle;
  margin-right: 10px;
}

#enrollment-boletim-data .modulos .ico svg,
#enrollment-history-data .modulos .ico svg {
  width: 24px;
  height: 24px;
}

#enrollment-boletim-data .modulos .lock svg,
#enrollment-history-data .modulos .lock svg {
  color: red;
  opacity: .7;
}

#enrollment-boletim-data .modulos .unlock svg,
#enrollment-history-data .modulos .unlock svg {
  color: green;
  opacity: .7;
}

#enrollment-boletim-data .modulos.status--aberto .seta,
#enrollment-history-data .modulos.status--aberto .seta {
  transform: rotate(180deg);
}

[data-theme="light"] #enrollment-boletim-data .modulos.status--aberto .aulas, [data-theme="light"]
#enrollment-history-data .modulos.status--aberto .aulas {
  border-top: 1px #eee solid;
}

[data-theme="dark"] #enrollment-boletim-data .modulos.status--aberto .aulas, [data-theme="dark"]
#enrollment-history-data .modulos.status--aberto .aulas {
  border-top: rgba(100, 100, 100, 0.5) 1px solid;
}

#table-enrollment td.status,
#table-enrollment p.status,
#detail-enrollment td.status,
#detail-enrollment p.status {
  font-weight: bold;
  /* ACTIVE */
  /* SUSPENDED */
  /* CANCELED */
  /* EXPIRED */
}

#table-enrollment td.status.status--1,
#table-enrollment p.status.status--1,
#detail-enrollment td.status.status--1,
#detail-enrollment p.status.status--1 {
  color: #1bbc9b;
}

#table-enrollment td.status.status--2,
#table-enrollment p.status.status--2,
#detail-enrollment td.status.status--2,
#detail-enrollment p.status.status--2 {
  color: #e89700;
}

#table-enrollment td.status.status--3,
#table-enrollment p.status.status--3,
#detail-enrollment td.status.status--3,
#detail-enrollment p.status.status--3 {
  color: #e9504e;
}

#table-enrollment td.status.status--4,
#table-enrollment p.status.status--4,
#detail-enrollment td.status.status--4,
#detail-enrollment p.status.status--4 {
  color: #656d78;
}

.product-certificate {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 30px;
}

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

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

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

.product-certificate .box {
  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;
  text-align: center;
}

.product-certificate .box > h3 {
  font-size: 15px;
  margin-bottom: 20px;
  height: 38%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-certificate .box .preco-original {
  font-size: 12px;
  color: var(--config-color-tx-sec);
}

.product-certificate .box .preco-atual, .product-certificate .box .final {
  font-size: 14px;
  color: #096;
}

.product-certificate .box .btn-buy {
  text-align: center;
  background: var(--config-color-primary);
  border-radius: calc(var(--flat) * 4px);
  color: #fff;
  font-weight: bold;
  display: block;
  height: 35px;
  line-height: 35px;
  width: 100%;
  margin-top: 20px;
}

/* TRANSACTIONS */
.transaction-data > div:nth-of-type(1) {
  width: 50%;
}

@media (max-width: 575.98px) {
  .transaction-data > div:nth-of-type(1) {
    width: 100%;
  }
}

.transaction-data > div:nth-of-type(2), .transaction-data > div:nth-of-type(3) {
  width: 25%;
}

@media (max-width: 575.98px) {
  .transaction-data > div:nth-of-type(2), .transaction-data > div:nth-of-type(3) {
    width: 50%;
  }
}

.transaction-data > div:nth-of-type(4), .transaction-data > div:nth-of-type(5) {
  width: 37.5%;
}

@media (max-width: 575.98px) {
  .transaction-data > div:nth-of-type(4), .transaction-data > div:nth-of-type(5) {
    width: 50%;
  }
}

.transaction-data > div:nth-of-type(6) {
  width: 25%;
}

@media (max-width: 575.98px) {
  .transaction-data > div:nth-of-type(6) {
    width: 100%;
  }
}

.modal-transaction-data > div:nth-of-type(1) {
  width: 100%;
}

.modal-transaction-data > div:nth-of-type(2), .modal-transaction-data > div:nth-of-type(3) {
  width: 50%;
}

.modal-transaction-data > div:nth-of-type(4) {
  width: 100%;
}

.modal-transaction-data > div:nth-of-type(5) {
  width: 50%;
}

.modal-transaction-data > div:nth-of-type(6), .modal-transaction-data > div:nth-of-type(7) {
  width: 25%;
}

#transaction-detail-item {
  margin: 40px 0;
}

@media (max-width: 575.98px) {
  #transaction-detail-item {
    display: block;
  }
}

@media (min-width: 576px) {
  #transaction-detail-item {
    display: grid;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #transaction-detail-item {
    grid-template-columns: repeat(2, 50%);
  }
}

@media (min-width: 768px) {
  #transaction-detail-item {
    grid-template-areas: "_1a _1b _1b _1c"  "_2a _2b _2c _2d";
  }
  #transaction-detail-item > div {
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
  #transaction-detail-item > div:nth-child(1) {
    grid-area: _1a;
  }
  #transaction-detail-item > div:nth-child(2) {
    grid-area: _1b;
  }
  #transaction-detail-item > div:nth-child(3) {
    grid-area: _1c;
  }
  #transaction-detail-item > div:nth-child(4) {
    grid-area: _2a;
  }
  #transaction-detail-item > div:nth-child(5) {
    grid-area: _2b;
  }
  #transaction-detail-item > div:nth-child(6) {
    grid-area: _2c;
  }
  #transaction-detail-item > div:nth-child(7) {
    grid-area: _2d;
  }
  #transaction-detail-item > div .value {
    word-break: break-all;
  }
}

/* TRANSACTION CONTEST */
.disputa-contem header {
  display: flex;
}

.disputa-contem header h2 {
  flex-grow: 1;
}

.disputa-contem header .btn-answer {
  align-self: flex-end;
  margin-bottom: 10px;
}

.disputa-contem header .btn-answer:hover {
  background-color: var(--config-color-bg);
}

.disputa-mensagens {
  margin-bottom: 50px;
}

.disputa-mensagens .box-mensagens {
  background-color: var(--config-color-bg);
  border-radius: calc(var(--flat) * 3px);
  padding: 30px 35px 0 0;
}

.disputa-mensagens .actions {
  display: flex;
  justify-content: flex-end;
  background-color: var(--config-color-bg);
  padding: 20px 35px 20px 20px;
  margin-bottom: 30px;
}

.disputa-mensagens .actions button {
  margin-right: 20px;
}

.disputa-mensagens article {
  position: relative;
  margin-left: 60px;
  padding-bottom: 40px;
  border-left: 3px #ddd solid;
}

.disputa-mensagens article:before, .disputa-mensagens article:after {
  content: " ";
  display: table;
}

.disputa-mensagens article:after {
  clear: both;
}

.disputa-mensagens article:last-child {
  border-left: unset;
}

.disputa-mensagens article header {
  margin-left: -25px;
  margin-bottom: 20px;
  display: flex;
}

.disputa-mensagens article header:before, .disputa-mensagens article header:after {
  content: " ";
  display: table;
}

.disputa-mensagens article header:after {
  clear: both;
}

.disputa-mensagens article header .avatar {
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--config-color-primary);
  margin-right: 14px;
}

.disputa-mensagens article header .avatar img {
  width: 45px;
  height: 45px;
}

.disputa-mensagens article header .autor {
  flex-grow: 1;
}

.disputa-mensagens article header .name {
  font-weight: bold;
  margin-bottom: 6px;
}

.disputa-mensagens article header .data {
  font-size: 13px;
  color: var(--config-color-tx-sec);
}

.disputa-mensagens article header .info {
  display: flex;
  align-items: center;
  color: var(--config-color-tx-sec);
}

.disputa-mensagens article header .info p {
  margin-right: 30px;
}

.disputa-mensagens article .msg {
  margin: 0 0 0 33px;
}

.disputa-mensagens article .msg p {
  margin-bottom: 1em;
}

.disputa-mensagens .division {
  border-left: none;
  border-bottom: 1px #ddd solid;
  margin: 0 0 40px 35px;
  padding: 0 0 20px 35px;
}

.disputa-mensagens .box-mensagens-final {
  background-color: var(--config-color-bg);
  padding: 30px 35px 35px 0;
  margin-top: 20px;
}

.disputa-mensagens .box-mensagens-final .msg {
  margin-bottom: 30px;
}

.disputa-mensagens .box-mensagens-final .valor-reembolso {
  background-color: #eee;
  padding: 10px 20px;
  margin-left: 30px;
  border-left: #1b77cb 5px solid;
}

.disputa-mensagens .box-mensagens-final .motivo-final {
  color: #e9504e;
  font-weight: bold;
}

/* TEACHERS */
.item-professor {
  box-sizing: border-box;
  min-height: 365px;
}

[data-theme="light"] .item-professor {
  background: var(--config-color-bg);
  box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .item-professor {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
  border: rgba(100, 100, 100, 0.5) 1px solid;
}

.item-professor header .foto {
  border-radius: 50%;
  background: url("https://cdn.eadplataforma.app/assets/img/user.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 55% auto;
  overflow: hidden;
}

.item-professor header .foto img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.item-professor header .title {
  font-size: 16px;
  line-height: 1.3em;
}

.item-professor--slider {
  margin: 10px;
  padding: 20px 24px;
  border-radius: calc(var(--flat) * 4px);
}

.item-professor--slider header {
  margin-bottom: 30px;
}

.item-professor--slider header:before, .item-professor--slider header:after {
  content: " ";
  display: table;
}

.item-professor--slider header:after {
  clear: both;
}

.item-professor--lista {
  width: 340px;
  margin: 0 15px 40px;
  padding-bottom: 20px;
  border-radius: 20px;
}

.item-professor--lista header {
  position: relative;
  margin-bottom: 20px;
}

.item-professor footer {
  display: flex;
  justify-content: stretch;
  align-items: center;
  height: 35px;
}

.item-professor .sociais {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}

.item-professor .sociais a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #fff;
  background: var(--config-color-primary);
  margin-right: 5px;
  margin-bottom: 5px;
}

.item-professor .sociais a:hover {
  background: var(--config-color-secondary);
}

.item-professor .sociais a svg {
  height: 60%;
}

.item-professor .link-perfil {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-weight: bold;
  color: var(--config-color-primary);
}

.item-professor .link-perfil:hover {
  color: var(--config-color-secondary);
}

.item-professor .link-perfil svg {
  position: relative;
  top: 1px;
  height: 20px;
}

[data-theme="dark"] .item-teacher {
  text-align: center;
  padding: 30px 0;
}

[data-theme="dark"] .item-teacher a {
  display: inline-block;
  width: 240px;
  height: 240px;
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--config-color-bg-img);
  box-shadow: 0px 10px 60px hsla(var(--config-color-hue), var(--config-color-saturation-1), 40%, 0.7);
  transition: box-shadow 300ms;
}

[data-theme="dark"] .item-teacher a img {
  object-position: center center;
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: grayscale(1);
  transition: filter 1s;
}

[data-theme="dark"] .item-teacher a:hover {
  box-shadow: 0px 20px 70px hsla(var(--config-color-hue), var(--config-color-saturation-1), 40%, 1);
}

[data-theme="dark"] .item-teacher a:hover img {
  filter: grayscale(0);
}

.item-professor--slider .foto {
  position: relative;
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 20px;
}

.item-professor--slider .title {
  margin: 5px 20px 5px 0;
}

.item-professor--slider .cargo {
  display: flex;
  align-items: center;
}

.item-professor--slider .cargo svg {
  width: 12px;
  margin-right: 8px;
}

.item-professor--slider .desc {
  line-height: 1.6em;
  min-height: 150px;
  margin-bottom: 10px;
}

.teachers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
}

.item-professor--lista .capa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  box-sizing: content-box;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  background: #ccc;
}

.item-professor--lista .capa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item-professor--lista .foto {
  position: absolute;
  left: 18px;
  top: 49px;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border: 4px var(--config-color-borda) solid;
}

.item-professor--lista .title {
  position: relative;
  padding: 69px 20px 0 95px;
  min-height: 35px;
  display: flex;
  align-items: flex-end;
}

.item-professor--lista .content {
  min-height: 20px;
  display: flex;
  flex-direction: column;
  margin: 0 20px 0 24px;
}

.item-professor--lista .content .desc {
  flex-grow: 1;
  min-height: 137px;
  line-height: 1.7em;
  margin-bottom: 20px;
}

/* SUGGESTIONS */
.suggestions {
  margin-top: 60px;
}

.suggestions .subtitle {
  margin-bottom: 50px;
}

.suggestions .subtitle h3 {
  font-size: 20px;
  color: var(--config-color-primary);
  margin-bottom: 0.5em;
}

.suggestions .subtitle p {
  font-size: 16px;
}

@media (max-width: 767.98px) {
  .suggestions .subtitle {
    text-align: center;
  }
}

.suggestions .suggestions-list {
  margin-bottom: 80px;
}

.suggestions .suggestions-list .product {
  display: grid;
  column-gap: 30px;
  background-color: var(--config-color-bg);
  margin-bottom: 12px;
  border-radius: calc(var(--flat) * 6px);
  padding: 15px 15px 15px 30px;
}

@media (max-width: 767.98px) {
  .suggestions .suggestions-list .product {
    text-align: center;
    grid-template: 1fr auto / auto 1fr;
    grid-template-areas: "check name" "check cover" "check desc" "check price";
  }
}

@media (min-width: 768px) {
  .suggestions .suggestions-list .product {
    grid-template: 1fr auto / auto auto 1fr auto;
    grid-template-areas: "check cover name price" "check cover desc price";
  }
}

.suggestions .suggestions-list .product .check {
  grid-area: check;
  display: inline-flex;
  align-items: center;
}

.suggestions .suggestions-list .product .cover {
  grid-area: cover;
}

@media (max-width: 767.98px) {
  .suggestions .suggestions-list .product .cover {
    margin: 0 auto;
  }
}

.suggestions .suggestions-list .product .cover .mini {
  width: 156px;
  height: 100px;
  border-radius: calc(var(--flat) * 6px);
  background: url("https://cdn.eadplataforma.app/assets/img/camera.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 25% auto;
  overflow: hidden;
}

.suggestions .suggestions-list .product .cover .mini img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.suggestions .suggestions-list .product .name {
  grid-area: name;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 10px 0;
}

.suggestions .suggestions-list .product .desc {
  grid-area: desc;
  position: relative;
  font-size: 12px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
  padding: 10px 0;
}

@media (min-width: 768px) {
  .suggestions .suggestions-list .product .price {
    display: flex;
    column-gap: 30px;
    grid-area: price;
    align-items: center;
  }
}

.suggestions .suggestions-list .product .price-original {
  color: var(--config-color-tx-sec);
}

.suggestions .suggestions-list .product .price-original span {
  display: block;
}

.suggestions .suggestions-list .product .price-original span:first-child {
  font-weight: bold;
  margin-bottom: 4px;
}

.suggestions .suggestions-list .product .price-original span:last-child {
  font-size: 18px;
  text-decoration: line-through;
}

.suggestions .suggestions-list .product .price-offer span {
  display: block;
}

.suggestions .suggestions-list .product .price-offer span:first-child {
  font-weight: bold;
  margin-bottom: 4px;
}

.suggestions .suggestions-list .product .price-offer span:last-child {
  font-size: 18px;
  font-weight: bold;
  color: var(--config-color-primary);
}

/* CART */
.cart .cart-box {
  border-radius: calc(var(--flat) * 6px);
  background-color: var(--config-color-bg);
  padding: 15px;
  box-sizing: border-box;
}

[data-theme="light"] .cart .cart-box {
  border: solid 1px #f5f7fa;
  background-color: var(--config-color-bg-box);
}

[data-theme="dark"] .cart .cart-box {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.cart .product-list {
  margin-bottom: 60px;
}

.cart .product {
  min-height: 130px;
  margin-bottom: 16px;
}

.cart .product .content-cart {
  display: contents;
}

@media (max-width: 767.98px) {
  .cart .product {
    display: grid;
    grid-template: 38% 35% auto / 156px auto 50px;
    grid-template-areas: "cover title title"  "cover price price"  "coupom coupom coupom";
    column-gap: 10px;
  }
}

@media (max-width: 339.98px) {
  .cart .product {
    display: flex;
    flex-direction: column-reverse;
  }
  .cart .product .content-cart {
    display: block;
  }
}

@media (min-width: 768px) {
  .cart .product {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 767.98px) {
  .cart .product .cover {
    grid-area: cover;
  }
}

@media (max-width: 339.98px) {
  .cart .product .cover {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .cart .product .cover {
    flex-shrink: 0;
    margin-right: 30px;
    order: 1;
  }
}

.cart .product .cover .mini {
  width: 156px;
  height: 100px;
  border-radius: calc(var(--flat) * 6px);
  background: url("https://cdn.eadplataforma.app/assets/img/camera.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 25% auto;
  overflow: hidden;
}

.cart .product .cover .mini img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart .product .title {
  overflow: hidden;
  line-height: 1.2em;
  font-size: 16px;
  text-overflow: ellipsis;
  width: 125%;
  white-space: nowrap;
  align-self: center;
}

@media (min-width: 768px) {
  .cart .product .title {
    flex-grow: 1;
    margin-right: 30px;
    order: 2;
  }
}

.cart .product .price {
  font-weight: bold;
}

@media (max-width: 767.98px) {
  .cart .product .price {
    text-align: left;
    grid-area: price;
  }
}

@media (min-width: 768px) {
  .cart .product .price {
    text-align: right;
    flex-basis: 120px;
    order: 4;
  }
}

.cart .product .trial {
  white-space: nowrap;
}

.cart .product .price-original {
  font-size: 12px;
  font-weight: bold;
  color: var(--config-color-primary);
  white-space: nowrap;
}

.cart .product .price-offer {
  font-size: 18px;
  white-space: nowrap;
}

.cart .product .preco-atual,
.cart .product .payments {
  font-size: 14px;
  font-weight: bold;
  color: var(--config-color-primary);
  white-space: nowrap;
}

.cart .product .price-membership {
  margin-top: 4px;
  white-space: nowrap;
  font-size: 11px;
}

.cart .product .coupon {
  display: flex;
  align-items: center;
  flex-basis: 200px;
  justify-content: left;
}

.cart .product .coupon.modal-coupon {
  cursor: pointer;
}

@media (max-width: 767.98px) {
  .cart .product .coupon {
    grid-area: coupom;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  .cart .product .coupon {
    margin-right: 60px;
    order: 3;
  }
}

.cart .product .coupon .ico {
  color: var(--config-color-primary);
  margin-right: 10px;
  position: relative;
}

.cart .product .coupon .ico svg {
  transform: rotate(-45deg);
  height: 16px;
}

.cart .product .coupon small {
  font-size: 12px;
}

.cart .product .coupon .coupon-key {
  white-space: nowrap;
  font-size: 16px;
  font-weight: bold;
  color: var(--config-color-primary);
}

.cart .product .coupon.status--added .ico,
.cart .product .coupon.status--added .coupon-key {
  color: #8cc152;
}

.cart .product .coupon .key-coupon {
  margin-right: 10px;
}

@media (max-width: 767.98px) {
  .cart .product .box-actions {
    position: absolute;
    right: 30px;
  }
}

@media (max-width: 339.98px) {
  .cart .product .box-actions {
    position: relative;
    right: 0;
    text-align: right;
    margin-bottom: -25px;
  }
}

@media (min-width: 768px) {
  .cart .product .box-actions {
    margin: 0 30px;
    order: 5;
  }
}

.cart .product .box-actions button {
  position: relative;
  cursor: pointer;
}

.cart .product .box-actions button .loader {
  display: none;
}

.cart .product .box-actions button[data-status="loading"] .ico-delete {
  display: none;
}

.cart .product .box-actions button[data-status="loading"] .loader {
  display: block;
}

.cart .product .box-actions button:hover .ico-delete {
  color: var(--config-color-tx);
}

.cart .product .box-actions i {
  color: var(--config-color-tx-sec);
  font-size: 26px;
}

.cart .product .box-actions .loader {
  display: block;
  width: 26px;
  height: 26px;
}

.cart .product .box-actions .loader svg {
  animation: spin 1s linear infinite;
}

.cart .discount {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

@media (max-width: 767.98px) {
  .cart .discount {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
}

.cart .discount .coupom .input-wrap {
  overflow: hidden;
  display: flex;
  position: relative;
  width: 100%;
  border-color: var(--config-color-primary);
  border-style: solid;
  border-radius: calc(var(--flat) * 4px);
  box-sizing: content-box;
  height: 45px;
  justify-content: space-between;
}

[data-theme="light"] .cart .discount .coupom .input-wrap {
  border-width: 2px;
}

[data-theme="dark"] .cart .discount .coupom .input-wrap {
  border-width: 1px;
}

@media (max-width: 575.98px) {
  .cart .discount .coupom .input-wrap {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (min-width: 576px) {
  .cart .discount .coupom .input-wrap {
    width: 280px;
  }
}

.cart .discount .coupom .input-wrap .ico {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 50px;
  color: var(--config-color-tx-sec);
}

.cart .discount .coupom .input-wrap .ico svg {
  height: 14px;
  transform: rotate(-45deg);
}

.cart .discount .coupom .input-wrap input {
  display: block;
  border: none;
  width: 100%;
  height: auto;
  color: var(--config-color-tx);
  background-color: transparent;
}

.cart .discount .coupom .input-wrap input::placeholder {
  opacity: .5;
}

.cart .discount .coupom .input-wrap label.error {
  position: relative;
  top: 3px;
  color: #dc3545;
}

.cart .discount .coupom .input-wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: auto;
  width: 50px;
  font-weight: bold;
}

[data-theme="light"] .cart .discount .coupom .input-wrap button {
  background: var(--config-color-bg);
}

.cart .discount .coupom .input-wrap button svg {
  stroke: var(--config-color-tx);
  width: 24px;
  height: 24px;
}

[data-theme="light"] .cart .discount .coupom .input-wrap button:hover {
  background: #eee;
}

[data-theme="dark"] .cart .discount .coupom .input-wrap button:hover {
  background: #000;
}

.cart .discount .calc {
  padding: 0 10px;
}

@media (max-width: 575.98px) {
  .cart .discount .calc {
    margin-bottom: 10px;
  }
}

.cart .discount .calc[data-show=""] {
  display: none;
}

.cart .discount .calc[data-show="1"] {
  display: initial;
}

.cart .discount .subtit {
  font-size: 12px;
  line-height: 1.2em;
  font-weight: bold;
  color: var(--config-color-tx-sec);
  margin-bottom: 3px;
}

.cart .discount .value {
  white-space: nowrap;
  font-size: 16px;
  font-weight: bold;
}

.cart .discount .value.label-discount {
  color: #8cc152;
}

.cart .discount .total {
  font-weight: bold;
  margin: 0 10px 3px 0;
  color: var(--config-color-primary);
}

@media (max-width: 575.98px) {
  .cart .discount .total {
    text-align: center;
  }
}

@media (min-width: 576px) {
  .cart .discount .total {
    text-align: right;
  }
}

.cart .discount .total b {
  font-size: 24px;
  font-weight: bold;
}

.cart .discount .installment {
  margin-right: 10px;
  text-align: right;
}

#items-info {
  display: none;
}

.tab-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  margin: 30px 0 40px;
}

.tab-loader svg {
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}

.base-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 20px;
  column-gap: 20px;
  margin-bottom: 80px;
  font-size: 16px;
  font-weight: bold;
}

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

@media (min-width: 768px) {
  .base-actions {
    justify-content: flex-end;
  }
}

.base-actions .voltar {
  font-size: 16px;
  height: 55px;
  line-height: 55px;
  font-weight: bold;
  padding: 0 15px;
  cursor: pointer;
}

.cart-empty {
  display: block;
  padding: 60px 40px;
  margin: 40px 0;
  background-color: var(--config-color-bg);
  border-radius: calc(var(--flat) * 5px);
}

@media (max-width: 767.98px) {
  .cart-empty {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .cart-empty {
    justify-content: space-evenly;
  }
}

.cart-empty .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-bottom: 20px;
}

.cart-empty .info h3 {
  font-size: 26px;
  color: var(--config-color-primary);
  margin-bottom: 8px;
}

.cart-empty .info h3 + p {
  font-size: 18px;
  margin-bottom: 30px;
}

.cart-empty .info .open-coupom {
  color: var(--config-color-primary);
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .cart-empty .img {
    margin: 0px 52px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .cart-empty .img {
    margin: 0px 164px;
  }
}

@media (min-width: 992px) {
  .cart-empty .img {
    margin: 0px 254px;
  }
}

.cart-empty .actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
  grid-gap: 20px;
}

.cart-empty .coupom-form {
  margin: 50px auto 0;
  background: var(--config-color-bg);
  max-width: 500px;
  width: 100%;
}

.cart-empty .coupom-form[data-active=off] {
  display: none;
}

.cart-empty .coupom-form[data-active=on] {
  display: block;
}

.cart-empty .coupom-form form .wrap {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  border: 2px #ddd solid;
  border-radius: calc(var(--flat) * 5px);
  height: 45px;
  margin-bottom: 30px;
}

.cart-empty .coupom-form form .wrap .ico {
  position: relative;
  top: 3px;
  width: 25px;
  flex-shrink: 0;
  margin: 0 10px;
}

.cart-empty .coupom-form form .wrap .ico svg:first-child {
  color: #1bbc9b;
}

.cart-empty .coupom-form form .wrap .ico svg:last-child {
  color: #dc3545;
}

.cart-empty .coupom-form form .wrap input {
  flex-grow: 1;
  display: block;
  height: 45px;
  line-height: 45px;
  border: none;
  padding: 0 1.5em;
  color: var(--config-color-tx);
  font-family: var(--config-font-family);
  font-size: 14px;
  width: 100%;
}

.cart-empty .coupom-form form .wrap input::placeholder {
  color: var(--config-color-primary);
}

.cart-empty .coupom-form form .wrap input:not(.error) ~ .ico svg:first-child {
  display: initial;
}

.cart-empty .coupom-form form .wrap input:not(.error) ~ .ico svg:last-child {
  display: none;
}

.cart-empty .coupom-form form .wrap input.error ~ .ico svg:first-child {
  display: none;
}

.cart-empty .coupom-form form .wrap input.error ~ .ico svg:last-child {
  display: initial;
}

.cart-empty .coupom-form form .wrap label.error {
  position: absolute;
  padding: 2px 0 0 2px;
  top: 100%;
  left: 0;
  color: #dc3545;
}

[data-has-items="1"] .cart-empty {
  display: none;
}

[data-has-items="0"] .cart-filled {
  display: none;
}

.cart-contract .contract-company {
  max-height: 500px;
  overflow-y: auto;
  margin: 20px;
}

.cart-contract .sep {
  display: block;
  margin: 15px 0;
}

[data-theme="light"] .cart-contract .sep {
  border-bottom: 1px #eee solid;
}

[data-theme="dark"] .cart-contract .sep {
  border-bottom: rgba(100, 100, 100, 0.5) 1px solid;
}

.cart-contract .tit-produto {
  color: var(--config-color-primary);
  margin: .5em;
}

.cart-contract .base-acoes {
  justify-content: space-between;
  padding: 0 50px;
}

@media (max-width: 767.98px) {
  .cart-contract .base-acoes {
    display: block;
  }
}

.cart-contract .base-acoes label {
  font-size: 18px;
}

.cart-contract .wrap-check {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #1bbc9b;
}

.cart-contract .wrap-check:hover {
  text-decoration: underline;
}

.cart-contract .wrap-check svg {
  width: 18px;
  margin-right: 8px;
}

.cart-contract .wrap-check .ico {
  display: block;
  position: relative;
  top: 2px;
}

.cart-contract .wrap-check input {
  display: none;
}

.cart-contract .wrap-check input:checked ~ span.ico-off {
  display: none;
}

.cart-contract .wrap-check input:not(:checked) ~ span.ico-on {
  display: none;
}

@media (max-width: 767.98px) {
  .cart-contract .wrap-button {
    text-align: center;
    margin-top: 35px;
  }
}

.contract-company-wrap {
  margin: 50px 30px;
}

.contract-company-wrap h1,
.contract-company-wrap h2,
.contract-company-wrap h3,
.contract-company-wrap h4,
.contract-company-wrap h5 {
  line-height: 200%;
}

.contract-company-wrap p {
  line-height: 150%;
}

.contract-wrap {
  margin: 0px 30px;
}

.contract-wrap h1,
.contract-wrap h2,
.contract-wrap h3,
.contract-wrap h4,
.contract-wrap h5 {
  line-height: 200%;
}

.contract-wrap p {
  line-height: 150%;
}

#formRecoverPasswordCart .cp {
  margin-bottom: 15px;
}

#formRecoverPasswordCart .cp > label:first-child {
  display: block;
  margin: 0 0 7px 7px;
  font-weight: bold;
  font-size: 15px;
}

#formRecoverPasswordCart .cp > label.error {
  display: block;
  margin: 5px 0 0 7px;
  color: #dc3545;
  font-size: 13px;
}

[data-is-brazil="0"] .wrap-installments {
  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;
}

/* INSTITUCIONAL */
.institucional {
  padding-top: 40px;
  margin-bottom: 76px;
}

[data-theme="light"] .institucional {
  border-top: 1px solid #e6e6e6;
}

.box-sobre {
  display: flex;
  margin-bottom: 60px;
  justify-content: space-between;
}

@media (max-width: 767.98px) {
  .box-sobre {
    flex-direction: column-reverse;
  }
}

.box-sobre .info {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: calc(var(--flat) * 5px);
  margin-right: 60px;
}

[data-theme="light"] .box-sobre .info {
  background: var(--config-color-bg);
  box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .box-sobre .info {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

@media (max-width: 767.98px) {
  .box-sobre .info {
    margin-right: 0;
  }
}

.box-sobre .info h2 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 15px;
  color: var(--config-color-primary);
}

@media (max-width: 767.98px) {
  .box-sobre .info h2 {
    text-align: center;
  }
}

.box-sobre .info .desc {
  line-height: 1.71em;
  margin-bottom: 30px;
}

@media (max-width: 767.98px) {
  .box-sobre .info .desc {
    text-align: justify;
  }
}

.box-sobre .info .desc p {
  margin-bottom: 1em;
}

.box-sobre .info .resume {
  padding-bottom: 30px;
}

@media (max-width: 767.98px) {
  .box-sobre .info .resume {
    text-align: justify;
  }
}

@media (max-width: 767.98px) {
  .box-sobre .teacher-contact {
    margin-bottom: 50px;
    justify-content: center;
  }
}

.box-sobre .teacher-contact .avatar {
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  width: 175px;
  height: 175px;
  border: 9px var(--config-color-borda) solid;
  border-radius: 50%;
  background: url("https://cdn.eadplataforma.app/assets/img/user.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 50%;
  box-shadow: 0px 3px 16px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

@media (max-width: 767.98px) {
  .box-sobre .teacher-contact .avatar {
    margin: 0 auto 30px;
  }
}

@media (min-width: 768px) {
  .box-sobre .teacher-contact .avatar {
    margin: 0 auto 50px;
  }
}

.box-sobre .teacher-contact .avatar img {
  width: 100%;
  height: 100%;
}

.box-sobre .teacher-contact .social {
  display: flex;
  justify-content: center;
  column-gap: 20px;
}

@media (max-width: 767.98px) {
  .box-sobre .teacher-contact .social {
    flex-wrap: wrap;
  }
}

.box-sobre .teacher-contact .social a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 50%;
  font-size: 20px;
  text-align: center;
  color: var(--config-color-primary);
  margin: 5px 0px;
}

[data-theme="light"] .box-sobre .teacher-contact .social a {
  background: var(--config-color-bg);
  border: 1px #f6f6f6 solid;
  box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .box-sobre .teacher-contact .social a {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
  border: rgba(100, 100, 100, 0.5) 1px solid;
}

.box-sobre .teacher-contact .social a svg {
  width: 70%;
}

.box-sobre .figure {
  flex-grow: 1;
  flex-shrink: 0;
  width: 400px;
  height: 300px;
  border-radius: calc(var(--flat) * 5px);
  background: url("https://cdn.eadplataforma.app/assets/img/camera.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 25%;
}

.mission {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}

.mission div {
  width: 270px;
}

.mission dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  color: var(--config-color-primary);
}

.mission dd {
  margin: 0;
  line-height: 1.71em;
}

/* CONTATO */
.contact {
  border-top: 1px solid #e6e6e6;
  padding-top: 58px;
}

@media (min-width: 768px) {
  .contact .box {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
  }
}

.contact .contact-info {
  line-height: 1.71em;
}

@media (min-width: 768px) {
  .contact .contact-info {
    width: 460px;
    padding-right: 60px;
    border-right: 1px solid #e6e6e6;
  }
}

.contact .contact-info h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.46;
  margin-bottom: 30px;
  color: var(--config-color-primary);
}

.contact .contact-info .desc {
  margin-bottom: 1.5em;
}

.contact .contact-info dl {
  margin: 0 0 2em 0;
}

.contact .contact-info dt {
  font-weight: bold;
}

.contact .contact-info dd {
  margin-left: 0;
}

.contact .contact-form {
  padding-bottom: 43px;
}

@media (max-width: 767.98px) {
  .contact .contact-form {
    margin: 0 auto;
    max-width: 430px;
  }
}

@media (min-width: 768px) {
  .contact .contact-form {
    width: 410px;
  }
}

.contact .contact-form .actions {
  margin-top: 43px;
  text-align: center;
}

/* TERMOS DE USO */
.conteudo-pagina {
  border-top: 1px solid #e6e6e6;
  padding: 58px 20px;
}

/* DASHBOARD */
.dashboard {
  display: flex;
  padding: 40px 0;
}

.dashboard .cols {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}

@media (max-width: 767.98px) {
  .dashboard .cols {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .dashboard .col-1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 680px;
    margin-right: 16px;
  }
}

.dashboard .col-2 {
  flex-grow: 1;
}

.card {
  background-color: var(--config-color-bg);
  margin-bottom: 20px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
  border-radius: calc(var(--flat) * 6px);
}

.card .card-titulo {
  position: relative;
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
}

.card .card-titulo i {
  position: relative;
  float: right;
  color: var(--config-color-primary);
}

.card .card-titulo i svg {
  width: 18px;
  height: 18px;
}

.card.status--aberto .card-titulo i {
  top: -3px;
  transform: rotate(180deg);
}

.card .corpo {
  padding: 8px 15px 10px;
}

.card .corpo.nopad {
  padding: 0 0 5px;
}

.card .js--sub .corpo {
  border-top: 1px #eee solid;
}

.card .card-empty {
  padding: 5px;
  text-align: center;
  background-color: #eee;
  width: 80%;
  margin: 0 auto;
  border-radius: calc(var(--flat) * 5px);
}

.card .tns-nav {
  position: relative;
  text-align: center;
  z-index: 2;
  bottom: 0;
}

.card .tns-nav button {
  display: inline-block;
  padding: 0;
  font-size: 25px;
  width: 20px;
  height: 25px;
  color: var(--config-color-primary);
}

.card .tns-nav button:before {
  display: block;
  line-height: 10px;
  content: '○';
}

.card .tns-nav button.tns-nav-active:before {
  content: '●';
}

.card .tns-nav button:hover:before {
  content: '●';
  opacity: .7;
}

.progresso .corpo {
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}

.progresso .tit-p {
  font-size: 9px;
  font-weight: bold;
}

.progresso .andamento {
  display: flex;
  align-items: center;
}

.progresso .andamento strong {
  margin-left: 20px;
}

.progresso .donutCounter {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ccc;
}

.progresso .donutCounter span {
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: var(--config-color-bg);
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: var(--config-color-primary);
}

.progresso .donutCounter svg {
  fill: var(--config-color-primary);
}

.progresso .aulas {
  color: var(--config-color-tx-sec);
}

.progresso .aulas strong {
  color: var(--config-color-primary);
}

.progresso .horario {
  font-weight: bold;
  color: var(--config-color-primary);
}

.ultima-aula {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ultima-aula .nome {
  margin-bottom: 4px;
  font-size: 22px;
}

.ultima-aula .time {
  font-size: 12px;
  margin: 0 15px;
  white-space: nowrap;
}

.ultima-aula button {
  float: right;
}

.proximas-aulas .aula {
  border-bottom: 1px #eee solid;
  padding: 15px;
  display: flex;
  align-items: center;
}

.proximas-aulas .aula:last-child {
  border-bottom: none;
}

.proximas-aulas .aula .titulo {
  flex-grow: 1;
  font-size: 13px;
  padding-right: 15px;
}

.proximas-aulas .aula .duracao {
  white-space: nowrap;
  font-size: 10px;
  padding: 0 5px;
}

.proximas-aulas .aula .assistir {
  position: relative;
  display: inline-block;
  margin: 0 5px 0 10px;
  color: var(--config-color-primary);
}

.proximas-aulas .tip-box {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
  top: 100%;
}

.proximas-aulas .tip-box .tip-txt {
  display: block;
  position: relative;
  margin-top: 10px;
  font-size: 11px;
  line-height: 1.4em;
  text-align: center;
  padding: 5px 12px;
  font-weight: bold;
  color: #fff;
  border-radius: calc(var(--flat) * 3px);
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.13);
  white-space: nowrap;
  background-color: var(--config-color-primary);
}

.proximas-aulas .tip-box .tip-txt:before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -14px;
  content: '▲';
  font-size: 18px;
  text-shadow: 0 -3px 2px #ccc;
  color: var(--config-color-primary);
}

.notas .nota {
  padding: 16px;
  border-top: 1px #eee solid;
}

.notas .nota:first-child {
  border-top: none;
}

.notas header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 11px;
}

.notas header .title {
  font-weight: bold;
}

.notas header .datetime {
  color: var(--config-color-tx-sec);
}

.notas .desc {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}

.notas .desc .time {
  width: 60px;
  margin-right: 20px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

.notas .desc p {
  line-height: 1.5em;
  margin-bottom: 1em;
}

.notas .todas {
  display: block;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
  margin: 0 16px 10px 0;
  color: var(--config-color-primary);
}

.boletim {
  width: 100%;
  font-size: 13px;
}

.boletim th {
  padding: 8px 16px;
  font-size: 11px;
  color: var(--config-color-tx-sec);
  font-weight: bold;
  text-align: left;
}

.boletim td {
  padding: 12px 16px;
  border-top: #eee 1px solid;
}

.boletim .c {
  text-align: center;
}

.boletim .media {
  font-weight: bold;
}

.boletim .media td:first-child {
  text-align: right;
}

.extend {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 126px;
}

.extend .btn-border {
  height: 40px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 37px;
  border-radius: calc(var(--flat) * 40px / 2);
  display: block;
  font-size: 13px;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  padding: 0 20px;
  margin: 0 6px;
}

.extend .btn-border:hover {
  background-color: var(--config-color-bg);
}

.contem-videos {
  position: relative;
  overflow: hidden;
  min-height: 200px;
  width: 410px;
}

.contem-videos .tns-nav {
  margin: 20px 0 10px;
}

.videos-slider .video {
  width: 270px;
  margin: 0 auto;
}

.videos-slider .video .tela {
  position: relative;
  color: #fff;
  width: 270px;
  height: 153px;
  background-color: #000;
  margin-bottom: 5px;
}

.videos-slider .video .tela > span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.videos-slider .video .tela > span svg {
  width: 65px;
  height: 65px;
}

.contem-comentarios {
  width: 410px;
  margin: 0 auto;
}

.contem-comentarios .tns-nav {
  margin: 15px 0 5px;
}

.contem-comentarios .comentario {
  width: 250px;
  margin-right: 11px;
  border: 1px #eee solid;
  border-radius: calc(var(--flat) * 3px);
  box-sizing: border-box;
  padding: 12px 16px;
}

.contem-comentarios .comentario header {
  margin-bottom: 10px;
}

.contem-comentarios .comentario header:before, .contem-comentarios .comentario header:after {
  content: " ";
  display: table;
}

.contem-comentarios .comentario header:after {
  clear: both;
}

.contem-comentarios .comentario .avatar {
  background: var(--config-color-bg-img);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  float: left;
  margin-right: 14px;
}

.contem-comentarios .comentario .name {
  font-weight: bold;
  margin: 4px 0;
  color: var(--config-color-primary);
}

.contem-comentarios .comentario .time {
  font-size: 13px;
  color: var(--config-color-tx-sec);
}

.contem-comentarios .comentario .desc {
  font-size: 11px;
  line-height: 1.7em;
  margin-bottom: 25px;
}

.contem-comentarios .comentario footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contem-comentarios .comentario .like svg {
  float: left;
  margin-right: 10px;
  color: var(--config-color-primary);
}

.contem-comentarios .comentario .like .number {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-top: 2px;
  border-radius: 50%;
  background: var(--config-color-bg-alt);
  font-weight: bold;
  font-size: 13px;
  text-align: center;
}

.contem-comentarios .comentario .answer {
  font-weight: bold;
  font-size: 13px;
  color: var(--config-color-primary);
}

.contem-comentarios .comentario .answer svg {
  position: relative;
  top: 3px;
  margin-right: 8px;
}

.contem-colaboradores {
  width: 410px;
  margin-top: 6px;
}

.contem-colaboradores .colaborador {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 112px;
  font-size: 11px;
}

.contem-colaboradores .colaborador .job {
  font-weight: bold;
  margin-bottom: 10px;
}

.contem-colaboradores .colaborador .avatar {
  display: inline-block;
  background-color: var(--config-color-bg-img);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 10px;
  overflow: hidden;
}

.contem-colaboradores .tns-nav {
  margin: 10px 0 5px;
}

/* DETALHE DOS PRODUTOS */
h3.tit-sec {
  font-size: 26px;
  font-weight: bold;
  margin: 30px 0;
}

/* SOBRE */
.product-about .desc {
  line-height: 1.71;
  margin-bottom: 30px;
}

.product-about .desc p {
  margin-bottom: 1em;
}

.product-about .support {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}

.product-about .public {
  margin-bottom: 40px;
}

.product-about .public h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  color: var(--config-color-primary);
}

.product-about .public p {
  line-height: 1.71;
  width: 33.3%;
}

/* PRICING */
.pricing {
  font-weight: bold;
  display: flex;
  justify-content: left;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

@media (max-width: 991.98px) {
  .pricing {
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) and (max-height: 624.98px) {
  .pricing {
    margin-bottom: 10px;
  }
}

.pricing .final,
.pricing .preco-atual {
  white-space: nowrap;
  color: #096;
}

@media (max-width: 991.98px) {
  .pricing .final,
  .pricing .preco-atual {
    font-size: 20px;
    margin-bottom: 0;
  }
}

@media (min-width: 992px) and (max-height: 624.98px) {
  .pricing .final,
  .pricing .preco-atual {
    font-size: 30px;
  }
}

@media (min-width: 992px) and (min-height: 625px) {
  .pricing .final,
  .pricing .preco-atual {
    font-size: 36px;
    margin-bottom: 5px;
  }
}

.pricing .preco-atual small {
  font-size: 18px;
}

.pricing .display-price {
  display: block;
  font-size: 14px;
  color: var(--config-color-tx-sec);
  white-space: nowrap;
}

.pricing .display-price .scratch {
  text-decoration: line-through;
}

.pricing .cycle {
  display: block;
  font-size: 14px;
  color: #096;
}

.pricing .payments {
  font-size: 80%;
  color: #999;
}

/* TEACHERS */
.professores-contem--produto {
  position: relative;
  margin-right: 20px;
}

.professores-contem--produto .tns-nav {
  margin-top: 20px;
}

/* PRODUCT CONTENT */
.question-number {
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 24px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
  margin-right: 15px;
}

[data-theme="light"] .question-number {
  color: var(--config-color-tx-alt);
  background-color: var(--config-color-tx);
}

[data-theme="dark"] .question-number {
  color: var(--config-color-tx);
  background-color: var(--config-color-bg-img);
}

.product-content .desc {
  margin: 25px 0 30px;
  line-height: 1.71em;
}

.product-content .lessons {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.product-content .lesson {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 5px 0;
  column-gap: 12px;
}

[data-theme="light"] .product-content .lesson {
  border-bottom: 1px #eee solid;
}

[data-theme="dark"] .product-content .lesson {
  border-bottom: rgba(100, 100, 100, 0.5) 1px solid;
}

@media (max-width: 767.98px) {
  .product-content .lesson {
    flex-wrap: wrap;
  }
}

.product-content .lesson:last-child {
  border-bottom: none;
}

.product-content .lesson .ico {
  text-align: center;
  flex-shrink: 0;
  flex-grow: 0;
  color: var(--config-color-tx-sec);
  display: flex;
  align-items: center;
  flex-basis: 22px;
}

.product-content .lesson .title {
  flex-grow: 1;
  line-height: 1.3em;
}

@media (max-width: 767.98px) {
  .product-content .lesson .title {
    order: -1;
    width: 100%;
    margin-bottom: 10px;
  }
}

.product-content .lesson .size {
  flex-grow: 0;
  flex-shrink: 0;
  text-align: right;
  line-height: 1.2em;
}

.product-content .lesson .acao {
  flex-grow: 0;
  flex-shrink: 0;
}

@media (max-width: 767.98px) {
  .product-content .lesson .acao {
    flex-grow: 1;
  }
}

.product-content .lesson .btn-watch {
  height: 25px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 25px;
  border-radius: calc(var(--flat) * 25px / 2);
  display: inline-block;
  background: var(--config-color-tx);
  color: var(--config-color-tx-alt);
  font-size: 12px;
  font-weight: bold;
}

[data-theme="light"] .product-content .lesson .btn-watch {
  background: var(--config-color-tx);
}

[data-theme="dark"] .product-content .lesson .btn-watch {
  background: var(--config-color-bg-img);
}

.product-content .lesson .btn-watch:hover {
  filter: brightness(110%);
}

/* MAIS MÓDULOS */
.modulos-mais {
  text-align: center;
  margin-top: 44px;
}

.modulos-mais .btn-mais {
  height: 40px;
  padding: 0 50px;
  cursor: pointer;
  line-height: 40px;
  border-radius: calc(var(--flat) * 40px / 2);
  display: inline-block;
  font-weight: bold;
  color: #fff;
}

[data-theme="light"] .modulos-mais .btn-mais {
  background: var(--config-color-tx);
}

[data-theme="dark"] .modulos-mais .btn-mais {
  background: var(--config-color-bg-img);
}

.modulos-mais .btn-mais:hover {
  filter: brightness(110%);
}

/* MATRÍCULA DEPOIS */
.product-validade {
  display: grid;
  border-radius: calc(var(--flat) * 4px);
  padding: 30px 20px;
  margin-bottom: 60px;
  background-color: var(--config-color-bg);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
}

@media (max-width: 767.98px) {
  .product-validade {
    grid-template: auto auto / auto auto auto;
    grid-template-areas: "period title" "period desc" "period action";
  }
}

@media (min-width: 768px) {
  .product-validade {
    grid-template: auto auto auto / auto auto;
    grid-template-areas: "period title action" "period desc action";
  }
}

.product-validade .period {
  grid-area: period;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: var(--config-color-primary);
  padding: 0 10px;
  border-right: #eee 1px solid;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-validade .period small {
  display: block;
  font-size: 16px;
}

.product-validade .period i {
  font-size: 45px;
}

.product-validade .title {
  grid-area: title;
  font-size: 22px;
  font-weight: bold;
}

@media (max-width: 767.98px) {
  .product-validade .title {
    margin-bottom: 10px;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .product-validade .title {
    margin-bottom: 5px;
  }
}

.product-validade .desc {
  grid-area: desc;
  font-size: 16px;
  color: var(--config-color-tx-sec);
}

@media (max-width: 767.98px) {
  .product-validade .desc {
    margin-bottom: 20px;
  }
}

.product-validade .acoes {
  grid-area: action;
}

@media (max-width: 767.98px) {
  .product-validade .acoes {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .product-validade .acoes {
    align-self: center;
    margin-left: 20px;
  }
}

.product-validade .acoes .btn-matricula {
  height: 40px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 40px;
  border-radius: calc(var(--flat) * 40px / 2);
  color: #fff;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  background-color: #48cfad;
  width: 170px;
  box-sizing: border-box;
}

.product-validade .acoes .btn-matricula:hover {
  background-color: #2fb593;
}

/* VANTAGENS */
[data-theme="light"] .sec-bg-strip {
  background: var(--config-color-primary);
}

[data-theme="dark"] .sec-bg-strip {
  background: var(--config-color-bg-img);
}

.advantages {
  display: flex;
  font-size: 18px;
  color: #fff;
  column-gap: 30px;
}

@media (max-width: 575.98px) {
  .advantages {
    flex-direction: column;
    flex-wrap: wrap;
    padding: 20px 0 10px;
  }
}

@media (min-width: 576px) {
  .advantages {
    justify-content: space-around;
    padding: 55px 0;
  }
}

.advantages p {
  display: flex;
  align-items: center;
  line-height: 1em;
}

.advantages p i {
  font-size: 30px;
  margin-right: 10px;
}

@media (max-width: 575.98px) {
  .advantages p {
    margin-bottom: 1em;
  }
}

.advantages svg {
  height: 33px;
  margin-right: 10px;
}

/* AVALIAÇÃO */
.avaliacao-nota {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

@media (max-width: 767.98px) {
  .avaliacao-nota {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .avaliacao-nota {
    justify-content: space-around;
  }
}

@media (max-width: 767.98px) {
  .avaliacao-nota .nota {
    font-size: 60px;
  }
}

@media (min-width: 768px) {
  .avaliacao-nota .nota {
    font-size: 96px;
  }
}

.avaliacao-nota .quantidade .avaliacao-stars {
  display: flex;
  gap: 4px;
  color: var(--config-color-tx-sec);
}

.avaliacao-nota .quantidade svg {
  width: 30px;
  height: 30px;
}

.avaliacao-nota .quantidade .total {
  text-align: center;
  font-size: 18px;
}

@media (max-width: 767.98px) {
  .avaliacao-nota .quantidade .total {
    margin: 10px 0 20px;
  }
}

@media (min-width: 768px) {
  .avaliacao-nota .quantidade .total {
    margin-top: 20px;
  }
}

@media (max-width: 767.98px) {
  .avaliacao-nota .distribuicao {
    width: 100%;
    max-width: 270px;
  }
}

.avaliacao-nota .distribuicao .nivel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  margin-bottom: 8px;
}

@media (max-width: 767.98px) {
  .avaliacao-nota .distribuicao .nivel {
    gap: 20px;
  }
}

@media (min-width: 768px) {
  .avaliacao-nota .distribuicao .nivel {
    gap: 30px;
  }
}

.avaliacao-nota .distribuicao .estrelas {
  display: flex;
  gap: 6px;
  align-items: center;
}

.avaliacao-nota .distribuicao i {
  font-size: 9px;
}

.avaliacao-nota .distribuicao .nota-1 i:nth-of-type(n+2) {
  color: var(--config-color-tx-sec);
}

.avaliacao-nota .distribuicao .nota-2 i:nth-of-type(n+3) {
  color: var(--config-color-tx-sec);
}

.avaliacao-nota .distribuicao .nota-3 i:nth-of-type(n+4) {
  color: var(--config-color-tx-sec);
}

.avaliacao-nota .distribuicao .nota-4 i:nth-of-type(n+5) {
  color: var(--config-color-tx-sec);
}

.avaliacao-nota .distribuicao .barra {
  flex-grow: 1;
  position: relative;
  display: block;
  max-width: 204px;
  height: 6px;
  border-radius: calc(var(--flat) * 3px);
  background-color: #ccc;
}

.avaliacao-nota .distribuicao .barra span {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  border-radius: calc(var(--flat) * 3px);
  display: inline-block;
  background-color: #666;
}

/* RELACIONADOS */
@media (max-width: 575.98px) {
  .relacionados .lateral-products {
    margin: 0;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .relacionados .lateral-products {
    position: relative;
    margin: 0 20px;
  }
}

/* PLANOS */
.planos {
  padding-top: 50px;
  margin-bottom: 40px;
}

.planos .wrap-planos {
  position: relative;
}

.planos .wrap-planos .slider-seta {
  top: 200px;
}

.planos .tit-sec {
  margin-bottom: 45px;
}

.planos .plano header {
  position: relative;
  left: -20px;
  text-align: center;
  width: 100%;
  padding: 0 20px 20px;
  margin-bottom: 30px;
}

[data-theme="light"] .planos .plano header {
  border-bottom: 1px #ddd solid;
}

[data-theme="dark"] .planos .plano header {
  border-bottom: 1px #444 solid;
}

.planos .plano .name {
  text-align: center;
  font-size: 22px;
  line-height: 1.2em;
  margin-bottom: 15px;
}

.planos .plano .price {
  color: #096;
}

.planos .plano .price > b {
  font-size: 36px;
  font-weight: 900;
}

.planos .plano .price > small {
  font-size: 20px;
  font-weight: bold;
}

.planos .plano .price > span {
  color: var(--config-color-tx);
  font-size: 20px;
}

.planos .plano ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  margin-bottom: 15px;
  height: 100px;
}

.planos .plano ul li {
  display: flex;
  justify-content: stretch;
  align-items: center;
  line-height: 1.1em;
  margin-bottom: 0.6em;
}

.planos .plano ul li i {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 16px;
  margin-right: 8px;
  color: #48cfad;
}

.planos .plano ul li i.book svg {
  width: 18px;
}

.planos .plano ul li i.check svg {
  width: 17px;
}

@media (max-width: 991.98px) {
  .planos .lateral-products {
    position: relative;
    margin: 0 20px;
  }
}

.slider-animado--product {
  display: flex;
  justify-content: center;
}

.slider-animado--product article {
  margin: 0 auto;
}

.slider-animado--product.status--not-full .contem-slider-animado {
  width: 100%;
}

.slider-animado--product .js--slider-not-full {
  display: flex;
  column-gap: 20px;
}

.slider-animado--product .js--slider-not-full > div {
  flex-grow: 1;
}

.slider-animado--product .js--slider-not-full article {
  height: initial;
}

@media (min-width: 1700px) {
  .slider-animado--product.status--full .tns-outer {
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, black 30px, black calc(100% - 30px), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, black 30px, black calc(100% - 30px), rgba(0, 0, 0, 0) 100%);
  }
}

.page-height-top {
  margin-top: 56px;
}

/* DETALHE DOS PRODUTOS -- SUMMARY */
.product-banner {
  position: relative;
  /* IMAGE */
  /* INFO TÍTULO */
  /* DISCOUNT */
  /* PERIOD */
  /* DESTAQUES */
  /* !!!*
    .tags-destaque {

        display: inline-block;
        margin-right: 8px;

        span {
            display: inline-block;
            background: #ffef60;
            color: #000;
            padding: 0 13px;
            font-size: 11px;
            font-weight: bold;
            height: 17px;
            line-height: 18px;
            border-radius: flat(8px);
            margin-bottom: 5px;
        }
    }

    .title {
        order: 2;
    }
    */
  /* BOTÕES DE AÇÕES */
  /* BUTTON BOX BANNER */
  /* TRIAL */
  /* ÚLTIMA ATUALIZAÇÃO */
}

@media (max-width: 991.98px) {
  .product-banner {
    margin-bottom: 30px;
  }
  .product-banner .features {
    margin-bottom: 20px;
  }
  .product-banner .tags-sale #desconto,
  .product-banner .tags-sale #countdown {
    margin-bottom: 5px;
  }
  .product-banner .coupon-warning,
  .product-banner .coupon-success {
    display: block;
  }
  .product-banner .section-coupom[data-status] {
    display: none;
  }
  .product-banner .section-coupom[data-status="on"] {
    display: block;
  }
}

@media (min-width: 992px) {
  .product-banner {
    min-height: 420px;
    color: #fff;
  }
  .product-banner:before, .product-banner:after {
    content: " ";
    display: table;
  }
  .product-banner:after {
    clear: both;
  }
  .product-banner .features,
  .product-banner .pricing,
  .product-banner .period,
  .product-banner .coupom-banner,
  .product-banner .tags-sale,
  .product-banner .actions-banner,
  .product-banner .trial,
  .product-banner .sale-limit {
    display: none;
  }
  .product-banner .lateral-products {
    min-height: 420px;
  }
}

@media (max-width: 991.98px) {
  .product-banner .product-banner-title {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr auto;
    margin: 30px 0;
  }
}

@media (min-width: 992px) {
  .product-banner .product-banner-title {
    display: flex;
    flex-direction: column;
    padding-top: 45px;
    padding-bottom: 45px;
    box-sizing: border-box;
  }
}

@media (max-width: 991.98px) {
  .product-banner .banner-img {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .product-banner .banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
  }
  .product-banner .banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 991.98px) {
  .product-banner .cover {
    display: flex;
    justify-content: center;
    background-color: #000;
  }
  .product-banner .cover img {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .product-banner .cover {
    display: none;
  }
}

.product-banner .title {
  word-wrap: break-word;
}

@media (max-width: 991.98px) {
  .product-banner .title {
    line-height: 1.2em;
    font-size: 28px;
  }
}

@media (min-width: 992px) {
  .product-banner .title {
    flex-grow: 1;
    line-height: 1.5em;
    font-size: 32px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  }
}

.product-banner #desconto {
  margin-right: 5px;
}

.product-banner #desconto p {
  font-weight: 700;
}

.product-banner .period {
  white-space: nowrap;
}

.product-banner .period:before, .product-banner .period:after {
  content: " ";
  display: table;
}

.product-banner .period:after {
  clear: both;
}

.product-banner .period span {
  padding: 5px 0;
  font-size: 17px;
  font-weight: 900;
}

.product-banner .info {
  /* AVALIAÇÃO */
  /* CATEGORIAS */
}

@media (max-width: 991.98px) {
  .product-banner .info {
    display: flex;
    flex-direction: column;
  }
}

.product-banner .info .avaliacao {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 991.98px) {
  .product-banner .info .avaliacao {
    order: 2;
  }
}

@media (min-width: 992px) {
  .product-banner .info .avaliacao {
    margin-bottom: 15px;
  }
}

.product-banner .info .avaliacao .stars-full {
  position: relative;
  top: -1px;
  display: inline-flex;
  margin-right: 8px;
  gap: 2px;
}

.product-banner .info .avaliacao .stars-full i {
  width: 15px;
  height: 15px;
  margin-left: 1px;
}

.product-banner .info .avaliacao .stars-full .off,
.product-banner .info .avaliacao .stars-full .half path:last-child {
  opacity: .5;
}

.product-banner .info .avaliacao .total {
  font-size: 12px;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .product-banner .info .avaliacao .total {
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  }
}

.product-banner .info .desc {
  font-weight: bold;
  line-height: 1.33em;
}

@media (max-width: 991.98px) {
  .product-banner .info .desc {
    order: 1;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .product-banner .info .desc {
    margin: 30px 0;
    font-size: 19px;
    word-wrap: break-word;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  }
}

.product-banner .info .desc p {
  margin-bottom: 1em;
}

.product-banner .info .tags-categorias {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .product-banner .info .tags-categorias {
    max-width: 550px;
  }
}

.product-banner .info .tags-categorias .tag {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 0 13px;
  font-size: 13px;
  font-weight: bold;
  height: 21px;
  line-height: 21px;
  border-radius: calc(var(--flat) * 10px);
  margin-right: 8px;
  margin-bottom: 12px;
}

@media (max-width: 991.98px) {
  .product-banner .info .tags-categorias .tag {
    margin-left: 8px;
  }
}

.product-banner .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media (max-width: 991.98px) {
  .product-banner .actions {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    justify-content: right;
  }
}

.product-banner .actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.product-banner .actions button i {
  display: inline-block;
  width: 20px;
  height: 20px;
}

@media (max-width: 991.98px) {
  .product-banner .actions button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  }
  .product-banner .actions button .txt {
    display: none;
  }
}

@media (min-width: 992px) {
  .product-banner .actions button {
    height: 41px;
    border-radius: calc(var(--flat) * 5px);
    font-size: 16px;
    padding: 0 46px;
    font-weight: bold;
  }
  .product-banner .actions button .txt {
    margin-left: 8px;
  }
}

.product-banner .actions button.bookmark {
  color: #e54f4d;
}

[data-theme="light"] .product-banner .actions button.bookmark {
  background-color: var(--config-color-bg);
}

@media (max-width: 991.98px) {
  [data-theme="dark"] .product-banner .actions button.bookmark {
    background: #333;
  }
  [data-theme="dark"] .product-banner .actions button.bookmark:hover {
    background: #555;
  }
}

@media (min-width: 992px) {
  [data-theme="dark"] .product-banner .actions button.bookmark {
    border: solid 2px #fff;
  }
}

.product-banner .actions button.bookmark .ico {
  display: inline-flex;
  align-items: center;
  position: relative;
}

.product-banner .actions button.bookmark .ico .loader {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.product-banner .actions button.bookmark .label-on {
  display: none;
}

.product-banner .actions button.bookmark.status--active svg {
  fill: #e54f4d;
}

@media (min-width: 992px) {
  .product-banner .actions button.bookmark.status--active .label-off {
    display: none;
  }
  .product-banner .actions button.bookmark.status--active .label-on {
    display: inline;
  }
}

.product-banner .actions button.bookmark.status--wait .heart svg {
  margin-top: 4px;
  height: 12px;
}

.product-banner .actions button.bookmark.status--wait .loader {
  visibility: visible;
}

.product-banner .actions button.bookmark.status--wait .loader svg {
  animation: spin 1s linear infinite;
}

@media (max-width: 991.98px) {
  [data-theme="light"] .product-banner .actions button.share {
    background-color: var(--config-color-bg);
  }
}

@media (min-width: 992px) {
  [data-theme="light"] .product-banner .actions button.share {
    background-color: rgba(var(--config-color-bg), 0.5);
  }
}

[data-theme="dark"] .product-banner .actions button.share {
  background-color: #333;
}

@media (min-width: 992px) {
  .product-banner .actions button.share {
    background-color: rgba(0, 0, 0, 0.1);
    border: solid 2px #fff;
    color: #fff;
  }
}

.product-banner .actions button.share .ico {
  position: relative;
  left: -2px;
}

@media (max-width: 991.98px) {
  [data-theme="dark"] .product-banner .actions button.share:hover {
    background: #555;
  }
  [data-theme="light"] .product-banner .actions button.share:hover {
    color: #999;
  }
}

@media (min-width: 992px) {
  .product-banner .actions button.share:hover {
    border: solid 2px rgba(255, 255, 255, 0.7);
    background-color: rgba(0, 0, 0, 0.3);
  }
}

.product-banner .actions-banner {
  max-width: 450px;
}

@media (max-width: 767.98px) {
  .product-banner .actions-banner {
    max-width: 100%;
  }
}

.product-banner .actions-banner .btn-box-product-detail {
  display: flex;
  column-gap: 20px;
  grid-gap: 10px;
  flex-wrap: wrap;
}

.product-banner .actions-banner .btn-box-product-detail .btn-buy,
.product-banner .actions-banner .btn-box-product-detail .btn-add,
.product-banner .actions-banner .btn-box-product-detail .btn-go-cart {
  height: auto;
  padding: 0.4em 1.5em;
  cursor: pointer;
  line-height: 35px;
  border-radius: calc(var(--flat) * 50px);
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.product-banner .actions-banner .btn-box-product-detail .btn-add {
  border: var(--config-color-tx) 2px solid;
  background: var(--config-color-bg);
  display: flex;
  column-gap: 15px;
  justify-content: center;
}

.product-banner .actions-banner .btn-box-product-detail .btn-add:hover {
  background: #eee;
}

.product-banner .actions-banner .btn-box-product-detail .btn-add .loader {
  display: block;
  width: 30px;
  height: 30px;
  align-self: center;
}

.product-banner .actions-banner .btn-box-product-detail .btn-add .loader svg {
  display: block;
  width: 25px;
  height: 25px;
  animation: spin 1s linear infinite;
}

.product-banner .actions-banner .btn-box-product-detail .btn-buy,
.product-banner .actions-banner .btn-box-product-detail .btn-go-cart {
  border: #48cfad 2px solid;
  background: #48cfad;
  color: #fff;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.product-banner .actions-banner .btn-box-product-detail .btn-buy:hover,
.product-banner .actions-banner .btn-box-product-detail .btn-go-cart:hover {
  border-color: #2fb593;
  background: #2fb593;
}

.product-banner .actions-banner .btn-box-product-detail .btn-buy svg,
.product-banner .actions-banner .btn-box-product-detail .btn-go-cart svg {
  width: 20px;
  height: 20px;
}

.product-banner .actions-banner [data-status] {
  margin-top: 0;
}

.product-banner .actions-banner [data-status] .btn-add span, .product-banner .actions-banner [data-status] .btn-add .loader {
  display: none;
}

.product-banner .actions-banner [data-status] .btn-go-cart {
  display: none;
}

.product-banner .actions-banner [data-status="add"] {
  margin-top: 20px;
}

.product-banner .actions-banner [data-status="add"] .btn-add span:first-of-type {
  display: initial;
}

.product-banner .actions-banner [data-status="add"] .btn-go-cart {
  display: none;
}

.product-banner .actions-banner [data-status="wait"] {
  margin-top: 20px;
}

.product-banner .actions-banner [data-status="wait"] .btn-add {
  cursor: wait;
}

.product-banner .actions-banner [data-status="wait"] .btn-add span:nth-of-type(2), .product-banner .actions-banner [data-status="wait"] .btn-add .loader {
  display: initial;
}

.product-banner .actions-banner [data-status="wait"] .btn-go-cart {
  display: none;
}

.product-banner .actions-banner [data-status="added"] {
  margin-top: 0;
}

.product-banner .actions-banner [data-status="added"] .btn-add {
  display: none;
}

.product-banner .actions-banner [data-status="added"] .btn-buy {
  display: none;
}

.product-banner .actions-banner [data-status="added"] .btn-go-cart {
  display: none;
}

@media (max-width: 991.98px) {
  .product-banner .installment.n1 {
    display: block;
  }
}

@media (min-width: 992px) {
  .product-banner .installment.n1 {
    display: none;
  }
}

.product-banner .trial,
.product-banner .sale-limit {
  margin-bottom: 5px;
}

.product-banner .trial b,
.product-banner .sale-limit b {
  font-weight: 700;
  color: #f72;
}

.product-banner .atualizacao {
  font-size: 15px;
  margin-bottom: 32px;
}

#wrap-video-init {
  display: none;
}

@media (min-width: 992px) {
  .product-banner-color {
    color: var(--product-banner-color);
  }
}

.contem-menu-anchors {
  height: 70px;
}

.menu-anchors {
  position: relative;
  background-color: var(--config-color-bg);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.menu-anchors nav {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  font-size: 13px;
  height: 70px;
}

.menu-anchors nav a {
  flex-basis: 100px;
  display: inline-flex;
  justify-content: center;
  padding: 0 13px;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}

.menu-anchors nav a:hover {
  color: var(--config-color-primary);
}

[data-theme="light"] .menu-anchors nav a:hover {
  background: #f8f8f8;
}

[data-theme="dark"] .menu-anchors nav a:hover {
  background: #222;
}

.menu-anchors nav a.status--active {
  font-weight: bold;
  color: var(--config-color-primary);
}

@media (min-width: 768px) {
  body[data-scroll="desk-meio"] .menu-anchors,
  body[data-scroll="desk-rodape"] .menu-anchors {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  body[data-scroll="desk-meio"] .menu-anchors[data-page-height-top='1'],
  body[data-scroll="desk-rodape"] .menu-anchors[data-page-height-top='1'] {
    top: 56px;
  }
}

@media (max-width: 767.98px) {
  body[data-scroll="mobi-base"] .menu-anchors {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  body[data-scroll="mobi-base"] .menu-anchors[data-page-height-top='1'] {
    top: 46px;
  }
}

body[data-scroll="desk-rodape"] .fix-notifications {
  z-index: 5;
}

.text-open {
  margin-bottom: 35px;
}

.text-open h2 {
  margin: 30px 0 25px;
  font-size: 26px;
}

.text-open .txt {
  line-height: 1.7em;
}

.text-open .txt p {
  margin-bottom: 1em;
}

.text-open .mais {
  display: none;
  cursor: pointer;
  margin-top: 20px;
  font-size: 16px;
  color: var(--config-color-primary);
  font-weight: bold;
}

.text-open .mais :last-child {
  display: none;
}

.text-open .wrap {
  height: 150px;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.text-open.js--abrivel .mais {
  display: initial;
}

.text-open.js--abrivel .wrap {
  max-height: 330px;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, black 80px);
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, black 100px);
}

.text-open.status--aberto {
  height: auto;
}

.text-open.status--aberto .wrap {
  height: auto;
  max-height: initial;
  mask-image: none;
  -webkit-mask-image: none;
}

.text-open.status--aberto .mais :first-child {
  display: none;
}

.text-open.status--aberto .mais :last-child {
  display: inline;
}

/* DETALHE DOS PRODUTOS -- BUY */
.features {
  padding: 0;
  list-style: none;
  font-size: 13px;
  margin-top: 0;
}

.features li {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}

.features li svg {
  width: 18px;
  height: 18px;
  margin-right: 0.5em;
}

.buy-info {
  z-index: 2;
  /* DESTAQUES */
  /* DISCOUNT */
  /* PRÉ VENDA */
}

@media (max-width: 991.98px) {
  .buy-info {
    position: fixed;
    bottom: -4px;
    left: 0;
    width: 100%;
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--config-color-bg);
  }
  .buy-info .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    padding: 15px;
  }
  .buy-info .tags-destaque,
  .buy-info .avaliacao,
  .buy-info .btn-add,
  .buy-info .avaliable-coupons,
  .buy-info .btn-wishlist,
  .buy-info .coupom-product-detail,
  .buy-info .features,
  .buy-info .tags-sale {
    display: none;
  }
  .buy-info .container {
    display: flex;
    align-items: center;
  }
  .buy-info .container .scroll {
    flex-grow: 1;
  }
}

@media (max-width: 991.98px) {
  body[data-scroll="mobi-topo"] .buy-info {
    display: none;
  }
  body[data-scroll="mobi-base"] .buy-info {
    display: initial;
  }
  .buy-info .box br {
    display: none;
  }
  .buy-info .trial,
  .buy-info .sale-limit {
    display: none;
  }
}

@media (min-width: 992px) {
  .buy-info .scroll {
    width: 353px;
    float: right;
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--config-color-bg);
  }
  .buy-info .scroll[data-page-height-top='1'] {
    margin-top: 56px;
  }
  .buy-info .box {
    position: relative;
    box-sizing: border-box;
  }
  body[data-scroll="desk-topo"] .buy-info {
    position: absolute;
    right: 0;
    left: 0;
    height: 0;
  }
  body[data-scroll="desk-topo"][data-theme="light"] .buy-info {
    top: 194px;
  }
  body[data-scroll="desk-topo"][data-theme="dark"] .buy-info {
    top: 100px;
  }
  body[data-scroll="desk-meio"] .buy-info {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
  }
  body[data-scroll="desk-meio"] .buy-info .container {
    height: 0;
  }
  body[data-scroll="desk-meio"] .buy-info .scroll {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: unset;
    height: calc(100vh - 20px);
    /* Webkit > Chrome, Edge, and Safari */
    /* Firefox */
  }
  body[data-scroll="desk-meio"] .buy-info .scroll::-webkit-scrollbar {
    width: 12px;
  }
  body[data-scroll="desk-meio"] .buy-info .scroll::-webkit-scrollbar-track {
    background: #fff;
  }
  body[data-scroll="desk-meio"] .buy-info .scroll::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 20px;
    border: 3px solid #fff;
  }
  body[data-scroll="desk-meio"] .buy-info .scroll::-webkit-scrollbar-thumb:hover {
    background-color: #ccc;
  }
  body[data-scroll="desk-meio"] .buy-info .scroll {
    scrollbar-width: auto;
    scrollbar-color: #ddd #fff;
  }
  body[data-scroll="desk-rodape"] .buy-info {
    position: relative;
    top: 0;
  }
  body[data-scroll="desk-rodape"] .buy-info .scroll {
    position: absolute;
    bottom: 20px;
    right: 15px;
  }
  .buy-info .tags-wrap {
    display: flex;
  }
  .buy-info .tags-sale #desconto,
  .buy-info .tags-sale #countdown {
    margin-bottom: 5px;
  }
  .buy-info .trial,
  .buy-info .sale-limit {
    margin-bottom: 5px;
  }
  .buy-info .trial b,
  .buy-info .sale-limit b {
    font-weight: 700;
    color: #f72;
  }
  .buy-info .section-coupom[data-status] {
    display: none;
  }
  .buy-info .section-coupom[data-status="on"] {
    display: block;
  }
}

.buy-info .cover {
  width: 353px;
  height: 211px;
  overflow: hidden;
  text-align: center;
  background: url("https://cdn.eadplataforma.app/assets/img/camera.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 25% auto;
  margin: 0 0 13px 0;
}

.buy-info .cover img {
  background-color: var(--config-color-bg);
  width: 353px;
  height: 211px;
}

.buy-info .cover iframe {
  overflow: hidden;
}

@media (max-width: 991.98px) {
  .buy-info .cover {
    display: none;
  }
}

.buy-info .tags-wrap {
  position: relative;
  text-align: left;
}

.buy-info .tags-wrap:before, .buy-info .tags-wrap:after {
  content: " ";
  display: table;
}

.buy-info .tags-wrap:after {
  clear: both;
}

@media (min-width: 992px) and (min-height: 625px) {
  .buy-info .tags-wrap {
    margin-bottom: 6px;
  }
}

.buy-info .tags-wrap .avaliacao {
  margin-bottom: 3px;
  display: inline-block;
  text-align: left;
  width: 50%;
  white-space: nowrap;
}

.buy-info .tags-wrap .avaliacao .avaliacao-stars {
  display: inline-flex;
  align-items: center;
  color: var(--config-color-tx-sec);
}

.buy-info .tags-wrap .avaliacao .avaliacao-stars i {
  margin-right: 2px;
}

.buy-info .tags-wrap .avaliacao .avaliacao-stars svg {
  height: 12.5px;
}

.buy-info .tags-wrap .avaliacao .total {
  font-size: 12px;
  color: var(--config-color-tx-sec);
  font-weight: bold;
}

.buy-info .tags-wrap .tags-destaque span {
  display: inline-block;
  margin-bottom: 3px;
  background: #ffef60;
  color: #000;
  padding: 0 13px;
  font-size: 11px;
  font-weight: bold;
  height: 17px;
  line-height: 18px;
  border-radius: calc(var(--flat) * 8px);
  margin-bottom: 5px;
}

.buy-info #desconto {
  margin-right: 5px;
}

.buy-info #desconto p {
  font-weight: 700;
}

.buy-info .period {
  white-space: nowrap;
}

.buy-info .period:before, .buy-info .period:after {
  content: " ";
  display: table;
}

.buy-info .period:after {
  clear: both;
}

.buy-info .period span {
  padding: 5px 0;
  font-size: 18px;
  font-weight: 900;
}

@media (min-width: 992px) and (max-height: 624.98px) {
  .buy-info .col {
    margin: 0 40px 15px;
  }
}

@media (min-width: 992px) and (min-height: 625px) {
  .buy-info .col {
    margin: 0 40px 30px;
  }
}

.buy-info .actions {
  text-align: center;
}

@media (max-width: 991.98px) {
  .buy-info .actions {
    flex-grow: 1;
  }
}

@media (min-width: 992px) and (max-height: 624.98px) {
  .buy-info .actions {
    margin: 0 30px 20px;
  }
}

@media (min-width: 992px) and (min-height: 625px) {
  .buy-info .actions {
    margin: 0 40px 40px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .buy-info .actions .btn-box-product-detail {
    display: flex;
    justify-content: right;
    column-gap: 20px;
  }
}

.buy-info .actions .btn-box-product-detail .btn-buy,
.buy-info .actions .btn-box-product-detail .btn-go-cart {
  width: 300px;
}

@media (max-width: 575.98px) {
  .buy-info .actions .btn-box-product-detail .btn-buy,
  .buy-info .actions .btn-box-product-detail .btn-go-cart {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .buy-info .actions .btn-box-product-detail .btn-buy,
  .buy-info .actions .btn-box-product-detail .btn-go-cart {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .buy-info .actions .btn-box-product-detail {
    display: flex;
    flex-direction: row-reverse;
    justify-content: right;
    column-gap: 20px;
  }
}

@media (max-width: 575.98px) {
  .buy-info .actions .btn-box-product-detail {
    justify-content: center;
  }
}

.buy-info .actions .btn-box-product-detail .btn-add,
.buy-info .actions .btn-box-product-detail .btn-buy,
.buy-info .actions .btn-box-product-detail .btn-go-cart {
  height: 41px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 35px;
  border-radius: calc(var(--flat) * 41px / 2);
  white-space: nowrap;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.buy-info .actions .btn-box-product-detail .btn-add {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 1em;
  border: var(--config-color-tx) 2px solid;
  background: var(--config-color-bg);
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .buy-info .actions .btn-box-product-detail .btn-add {
    display: none;
  }
}

@media (min-width: 992px) {
  .buy-info .actions .btn-box-product-detail .btn-add {
    margin-bottom: 10px;
    width: 100%;
  }
}

[data-theme="light"] .buy-info .actions .btn-box-product-detail .btn-add:hover {
  background-color: #eee;
}

[data-theme="dark"] .buy-info .actions .btn-box-product-detail .btn-add:hover {
  background-color: #333;
}

.buy-info .actions .btn-box-product-detail .btn-add .loader {
  display: block;
  width: 20px;
  height: 20px;
}

.buy-info .actions .btn-box-product-detail .btn-add .loader svg {
  display: block;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

.buy-info .actions .btn-box-product-detail .btn-buy,
.buy-info .actions .btn-box-product-detail .btn-go-cart {
  border: #48cfad 2px solid;
  background: #48cfad;
  color: #fff;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.buy-info .actions .btn-box-product-detail .btn-buy:hover,
.buy-info .actions .btn-box-product-detail .btn-go-cart:hover {
  border-color: #2fb593;
  background: #2fb593;
}

.buy-info .actions .btn-box-product-detail .btn-buy svg,
.buy-info .actions .btn-box-product-detail .btn-go-cart svg {
  width: 20px;
  height: 20px;
}

.buy-info .actions .btn-box-product-detail .color-btn-wait-list {
  background-color: #f72;
  border: #f72 2px solid;
}

.buy-info .actions .btn-box-product-detail .color-btn-wait-list:hover {
  border-color: #ee5c00;
  background: #ee5c00;
}

.buy-info .actions [data-status] .btn-add span,
.buy-info .actions [data-status] .btn-add .loader {
  display: none;
}

.buy-info .actions [data-status="add"] .btn-add span:first-of-type {
  display: initial;
}

.buy-info .actions [data-status="add"] .btn-go-cart {
  display: none;
}

.buy-info .actions [data-status="wait"] .btn-add {
  cursor: wait;
}

.buy-info .actions [data-status="wait"] .btn-add span:nth-of-type(2),
.buy-info .actions [data-status="wait"] .btn-add .loader {
  display: initial;
}

.buy-info .actions [data-status="wait"] .btn-go-cart {
  display: none;
}

.buy-info .actions [data-status="added"] .btn-add {
  display: none;
}

.buy-info .actions [data-status="added"] .btn-buy {
  display: none;
}

@media (max-width: 991.98px) {
  .buy-info .installment.n1 {
    display: none;
  }
}

@media (min-width: 992px) {
  .buy-info .installment.n1 {
    display: block;
    padding-top: 1em;
  }
}

@media (min-width: 992px) {
  .buy-info .btn-wishlist {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: var(--config-color-bg);
    border-radius: 50%;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: #e54f4d;
  }
}

@media (min-width: 992px) and (max-width: 991.98px) {
  .buy-info .btn-wishlist {
    position: relative;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .buy-info .btn-wishlist {
    position: absolute;
    top: 210px;
    right: -15px;
  }
}

@media (min-width: 992px) {
  body[data-scroll="desk-meio"] .buy-info .btn-wishlist {
    top: 210px;
    right: 0px;
  }
  .buy-info .btn-wishlist .heart {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 20px;
    height: 20px;
  }
  .buy-info .btn-wishlist .heart svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    margin-top: 1px;
    height: 20px;
  }
  .buy-info .btn-wishlist .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 30px;
    height: 30px;
    visibility: hidden;
  }
  .buy-info .btn-wishlist .loader svg {
    display: block;
    height: 30px;
  }
  .buy-info .btn-wishlist .tooltip {
    line-height: 1em;
  }
  .buy-info .btn-wishlist .tooltip span {
    top: 0;
    background-color: #e54f4d;
  }
  .buy-info .btn-wishlist .tooltip span:before {
    border-bottom-color: #e54f4d;
  }
  body[data-scroll="desk-meio"] .buy-info .btn-wishlist .tooltip span {
    right: 40px;
  }
  body[data-scroll="desk-meio"] .buy-info .btn-wishlist .tooltip span:before {
    height: 30px;
    left: 78%;
  }
  .buy-info .btn-wishlist .tip-remove,
  .buy-info .btn-wishlist .tip-wait {
    display: none;
  }
  .buy-info .btn-wishlist .tip-adiciona {
    display: block;
  }
  .buy-info .btn-wishlist.status--active svg {
    fill: #e54f4d;
  }
  .buy-info .btn-wishlist.status--active .tip-adiciona,
  .buy-info .btn-wishlist.status--active .tip-wait {
    display: none;
  }
  .buy-info .btn-wishlist.status--active .tip-remove {
    display: block;
  }
  .buy-info .btn-wishlist.status--wait .heart svg {
    height: 16px;
  }
  .buy-info .btn-wishlist.status--wait .loader {
    visibility: visible;
  }
  .buy-info .btn-wishlist.status--wait .loader svg {
    animation: spin 1s linear infinite;
  }
  .buy-info .btn-wishlist.status--wait .tip-adiciona,
  .buy-info .btn-wishlist.status--wait .tip-remove {
    display: none;
  }
  .buy-info .btn-wishlist.status--wait .tip-wait {
    display: block;
  }
}

.buy-info .presell {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}

@media (max-width: 991.98px) {
  .buy-info .presell {
    position: relative;
    margin-left: 10px;
    flex-shrink: 0;
  }
}

@media (max-width: 767.98px) {
  .buy-info .presell {
    margin: 5px;
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .buy-info .presell {
    width: 70px;
    height: 70px;
    top: -20px;
  }
}

@media (min-width: 992px) {
  .buy-info .presell {
    position: absolute;
    width: 80px;
    height: 80px;
  }
  body[data-scroll="desk-topo"] .buy-info .presell {
    top: 120px;
  }
  body[data-scroll="desk-meio"] .buy-info .presell {
    top: 120px;
  }
  body[data-scroll="desk-rodape"] .buy-info .presell {
    bottom: 425px;
    z-index: 1;
  }
}

@media (max-width: 1719.98px) {
  body[data-theme="light"] .buy-info .presell {
    right: 0;
  }
}

@media (min-width: 1720px) {
  body[data-theme="light"] .buy-info .presell {
    right: calc(0vw - 15px);
  }
}

@media (max-width: 1719.98px) {
  body[data-theme="dark"][data-scroll="desk-topo"] .buy-info .presell,
  body[data-theme="dark"][data-scroll="desk-meio"] .buy-info .presell {
    right: 0;
  }
}

@media (min-width: 1720px) {
  body[data-theme="dark"][data-scroll="desk-topo"] .buy-info .presell,
  body[data-theme="dark"][data-scroll="desk-meio"] .buy-info .presell {
    right: calc(0vw - 15px);
  }
}

@media (max-width: 1719.98px) {
  body[data-theme="dark"][data-scroll="desk-rodape"] .buy-info .presell {
    right: 0;
  }
}

@media (min-width: 1720px) {
  body[data-theme="dark"][data-scroll="desk-rodape"] .buy-info .presell {
    right: calc(0vw - 15px);
  }
}

.buy-info .presell svg {
  fill: #e9504e;
}

.buy-info .presell span {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-20deg);
  text-align: center;
  color: #ffff;
  font-weight: 900;
}

@media (max-width: 991.98px) {
  .buy-info .presell span {
    font-size: 21px;
    line-height: 13px;
  }
}

@media (min-width: 992px) {
  .buy-info .presell span {
    font-size: 24px;
    line-height: 15px;
  }
}

.buy-info .presell span small {
  font-size: 13px;
}

.installment-one {
  font-weight: bold;
}

@media (max-width: 991.98px) {
  .installment-one {
    margin: 0;
  }
}

@media (min-width: 992px) {
  .installment-one {
    margin-top: 20px;
    text-align: center;
  }
}

.coupon {
  margin-top: 20px;
  margin-bottom: 30px;
}

.coupon.status--aberto {
  display: block;
}

.coupon.status--aberto .add-coupom {
  width: 100%;
}

.coupon.status--aberto .add-coupom .ico {
  display: none;
}

.coupon.status--aberto .add-coupom span {
  font-weight: 500;
}

[data-theme="light"] .coupon.status--aberto .add-coupom span {
  color: #666;
}

[data-theme="dark"] .coupon.status--aberto .add-coupom span {
  color: var(--config-color-tx);
}

.coupon .add-coupom {
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-flex;
}

.coupon .add-coupom .ico {
  align-items: center;
  height: auto;
  width: 35px;
  color: var(--config-color-tx-sec);
}

.coupon .add-coupom .ico svg {
  height: 17px;
}

.coupon .add-coupom span {
  font-size: 15px;
  color: #48cfad;
  font-weight: bold;
}

.coupon .input-wrap {
  position: relative;
  width: 100%;
  height: 40px;
}

.coupon .input-wrap .input-coupom {
  display: flex;
  border: #ddd 1px solid;
  border-radius: calc(var(--flat) * 4px);
  box-sizing: content-box;
}

@media (max-width: 767.98px) {
  .coupon .input-wrap .input-coupom {
    width: 100%;
  }
}

.coupon .input-wrap .input-coupom .ico {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 50px;
  color: var(--config-color-tx-sec);
}

.coupon .input-wrap .input-coupom .ico svg {
  height: 14px;
}

.coupon .input-wrap .input-coupom input {
  display: block;
  border: none;
  width: 100%;
  height: auto;
  color: var(--config-color-tx);
  padding-right: 10px;
}

[data-theme="light"] .coupon .input-wrap .input-coupom input {
  background: #fff;
}

[data-theme="dark"] .coupon .input-wrap .input-coupom input {
  background: #151515;
}

.coupon .input-wrap button {
  cursor: pointer;
  display: block;
  height: auto;
  border-radius: calc(var(--flat) * 4px);
  padding: 0 10px;
  margin-left: 10px;
  font-weight: 600;
}

[data-theme="light"] .coupon .input-wrap button {
  background-color: #ddd;
}

[data-theme="dark"] .coupon .input-wrap button {
  background-color: #222;
}

[data-theme="light"] .coupon .input-wrap button:hover {
  background-color: #eee;
}

[data-theme="dark"] .coupon .input-wrap button:hover {
  background-color: #333;
}

.coupon.status--aberto .js--sub {
  display: flex;
}

.coupon-warning,
.coupon-success {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  line-height: 1.4em;
  margin-top: 10px;
}

@media (max-width: 991.98px) {
  .coupon-warning,
  .coupon-success {
    padding: 8px 20px 8px 40px;
  }
}

@media (min-width: 992px) {
  .coupon-warning,
  .coupon-success {
    padding: 8px 25px 8px 10px;
  }
}

.coupon-warning {
  background-color: #fee;
  border-left: #dc3545 5px solid;
}

.coupon-warning p {
  color: #bd2130;
}

.coupon-success {
  background-color: #e0f7f2;
  border-left: #1bbc9b 5px solid;
}

.coupon-success p {
  color: #158f76;
}

.avaliable-coupons {
  display: flex;
  align-items: center;
  height: 25px;
  color: #48cfad;
  border-radius: calc(var(--flat) * 4px);
  font-size: 12px;
  font-weight: bold;
  margin-top: 20px;
  cursor: pointer;
}

[data-theme="light"] .avaliable-coupons {
  background-color: #edfbf7;
}

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

.avaliable-coupons .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  width: 25px;
}

.avaliable-coupons .ico svg {
  height: 10px;
  transform: rotate(-45deg);
}

.avaliable-coupons .txt {
  flex-grow: 1;
  margin-right: 25px;
}

@media (max-width: 991.98px) {
  .coupom-banner {
    max-width: 450px;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  .coupom-banner {
    max-width: 100%;
  }
}

@media (max-width: 991.98px) {
  .coupon-warning,
  .coupon-success {
    display: none;
  }
}

@media (min-width: 992px) {
  .lateral-products {
    position: relative;
    margin-right: 370px;
  }
}

.lateral-products .related-contain {
  position: relative;
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .lateral-products .related-contain .related-slider {
    position: relative;
    align-self: center;
    width: 985px;
  }
}

.lateral-products .related-contain .related-boxes {
  align-self: center;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media (max-width: 679.98px) {
  .lateral-products .related-contain .related-boxes {
    max-width: 315px;
  }
}

.lateral-products .related-contain .related-boxes + .btn-ver {
  margin-top: 20px;
}

@media (min-width: 992px) and (min-width: 1700px) {
  .lateral-products .related-contain .products-list-default {
    align-self: center;
    width: 1000px;
  }
}

.lateral-products .tns-nav {
  margin-top: 25px;
}

.lateral-products .btn-box-product-detail {
  text-align: center;
}

@media (min-width: 1700px) {
  .lateral-products .btn-box-product-detail {
    width: 1000px;
    margin: 0 0 0 -280px;
  }
}

.lateral-products .btn-box {
  text-align: center;
}

@media (min-width: 1700px) {
  .lateral-products .btn-box {
    align-self: flex-end;
    width: 1000px;
  }
}

.lateral-products .tit-sec {
  margin-top: 30px;
}

.related-boxes[data-status="hide"] .item-curso:nth-child(n + 4) {
  display: none;
}

/* UPSELL */
.upsell {
  position: relative;
  margin-top: 90px;
  padding: 40px 0 50px;
  background: var(--config-color-bg);
  border-radius: calc(var(--flat) * 10px);
}

.upsell .tit-sec {
  margin-bottom: 40px;
}

.upsell .upsell-item {
  display: flex;
}

@media (max-width: 767.98px) {
  .upsell .upsell-item {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .upsell .upsell-item {
    justify-content: center;
    margin-bottom: 20px;
  }
}

@media (max-width: 767.98px) {
  .upsell .upsell-item .item-curso {
    margin-bottom: 0;
  }
}

.upsell .base {
  margin: 0 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767.98px) {
  .upsell .base {
    flex-direction: column;
  }
}

.upsell .base .discount {
  font-size: 20px;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .upsell .base .discount {
    margin-bottom: 20px;
  }
}

.upsell .base .discount small {
  position: relative;
  top: -5px;
  color: var(--config-color-tx-sec);
  font-size: 14px;
  text-decoration: line-through;
  font-weight: bold;
}

.upsell .base .btn-adicionar {
  height: 40px;
  padding: 0;
  cursor: pointer;
  line-height: 40px;
  border-radius: calc(var(--flat) * 40px / 2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  background-color: #48cfad;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 16px;
  width: 250px;
}

.upsell .base .btn-adicionar:hover {
  background-color: #2aa083;
}

.upsell .base .btn-adicionar svg {
  width: 20px;
  height: 20px;
}

.upsell .base .btn-adicionar .txt-done {
  display: inline;
}

.upsell .base .btn-adicionar .txt-wait {
  display: none;
}

.upsell .base .btn-adicionar .loader {
  display: none;
  justify-content: center;
  align-items: center;
  height: 40px;
}

.upsell .base .btn-adicionar .loader svg {
  animation: spin 1s linear infinite;
  width: 20px;
  height: 20px;
}

.upsell .base .btn-adicionar.status--wait .txt-done {
  display: none;
}

.upsell .base .btn-adicionar.status--wait .txt-wait {
  display: inline;
}

.upsell .base .btn-adicionar.status--wait .loader {
  display: inline-flex;
}

.upsell .base .btn-adicionar[disabled] {
  cursor: not-allowed;
}

.upsell .tns-nav {
  margin-top: 30px;
}

.upsell .mais {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  line-height: 50px;
  border-radius: 50%;
  background: var(--config-color-bg);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
}

.upsell .mais svg {
  width: 24px;
  stroke: #096;
}

@media (max-width: 767.98px) {
  .upsell .mais {
    margin: -10px 0;
  }
}

@media (min-width: 768px) {
  .upsell .mais {
    margin: 80px -10px 0;
  }
}

/* RESULTADOS DA BUSCA */
.results {
  margin-top: 50px;
}

.results section {
  position: relative;
  margin-bottom: 70px;
}

.results header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.results header h2 {
  font-size: 24px;
}

.results header h2 svg {
  width: 24px;
  height: 24px;
}

.results header .ordenacao {
  position: relative;
  float: right;
  width: 250px;
}

.results header .ordenacao .loader {
  display: none;
  position: absolute;
  top: 12px;
  left: -30px;
  animation: spin 1s linear infinite;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.results header .ordenacao[data-status="wait"] .loader {
  display: inline-block;
}

.results .products-list {
  margin: 40px 0 0;
}

.results .content-loader {
  justify-content: center;
  align-items: center;
  padding: 0 0 40px;
}

.results .content-loader .loader {
  text-align: center;
}

.results .content-loader .loader svg {
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}

.results section[data-status="initial"] .content-loader {
  display: none;
}

.results section[data-status="initial"] button span:first-child {
  display: none;
}

.results section[data-status="wait"] .content-loader {
  display: flex;
}

.results section[data-status="wait"] button {
  cursor: wait;
}

.results section[data-status="wait"] button span:last-child {
  display: none;
}

.results section[data-status="final"] .content-loader {
  display: none;
}

.results section[data-status="final"] button {
  display: none;
}

.results .todos {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  margin-top: 20px;
}

.results .todos button,
.results .todos a {
  height: 34px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 34px;
  border-radius: calc(var(--flat) * 34px / 2);
  display: block;
  font-size: 16px;
  font-weight: bold;
  background-color: var(--config-color-primary);
  color: #fff;
}

.results .todos button:hover,
.results .todos a:hover {
  background-color: var(--config-color-secondary);
}

.results .box-aviso {
  padding: 0 0 120px;
}

.results .box-aviso .img-ico {
  color: var(--config-color-primary);
}

/* DETALHE DOS PLANOS */
/* SLIDER ANIMADO */
.contem-slider-animado {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
}

@media (max-width: 1699.98px) {
  .contem-slider-animado {
    width: 100%;
  }
}

@media (min-width: 1700px) {
  .contem-slider-animado {
    width: 1000px;
  }
}

@media (min-width: 768px) {
  .contem-slider-animado article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 525px;
    width: 100%;
  }
}

.contem-slider-animado .box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  left: 0;
  top: 0;
  box-sizing: border-box;
  min-height: 306px;
  border-radius: calc(var(--flat) * 33px);
  text-align: center;
  margin: 0 auto;
  padding: 0 20px 30px;
  transition: left 0.3s, top 0.3s, width 0.3s, min-height 0.3s, box-shadow 0.3s;
}

[data-theme="light"] .contem-slider-animado .box {
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
  background: var(--config-color-bg);
}

[data-theme="dark"] .contem-slider-animado .box {
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.4);
  background: var(--config-color-bg-img);
}

@media (max-width: 767.98px) {
  .contem-slider-animado .box {
    margin: 0 30px;
  }
}

@media (min-width: 768px) {
  .contem-slider-animado .box {
    width: 100%;
    max-width: 440px;
  }
}

.contem-slider-animado header {
  align-self: stretch;
}

.contem-slider-animado header .tag {
  display: inline-block;
  border-radius: calc(var(--flat) * 10px);
  padding: 4px 13px;
  font-size: 10px;
  font-weight: 900;
  background: var(--config-color-primary);
  color: #fff;
  margin-top: 15px;
  transition: margin 0.3s;
}

.contem-slider-animado header h3 {
  margin-top: 50px;
  font-size: 26px;
  transition: font-size 0.3s;
  margin-bottom: 20px;
  transition: font-size 0.3s, margin 0.3s;
}

.contem-slider-animado header .tag + h3 {
  margin-top: 20px;
}

.contem-slider-animado header .price {
  white-space: nowrap;
  border-bottom: #eee 1px solid;
  font-size: 20px;
  padding-bottom: 15px;
  transition: font-size 0.3s;
}

.contem-slider-animado header .price .price-display {
  text-indent: -2em;
  color: #999;
}

.contem-slider-animado header .price span {
  color: #096;
  font-weight: bold;
}

.contem-slider-animado header .price i {
  font-size: 36px;
  transition: font-size 0.3s;
  font-style: normal;
  padding-right: 5px;
}

.contem-slider-animado ul {
  text-align: left;
  list-style: none;
  padding-left: 0;
}

.contem-slider-animado ul li {
  margin-bottom: 10px;
  font-size: 13px;
  display: flex;
  transition: font-size 0.3s, margin 0.3s;
}

.contem-slider-animado ul li svg {
  position: relative;
  top: 2px;
  width: 20px;
  height: 20px;
  stroke: #48cfad;
  margin-right: 5px;
}

.contem-slider-animado .btn-escolher {
  font-size: 14px;
  transition: font-size 0.3s;
  background: #48cfad;
}

@media (min-width: 1200px) {
  .contem-slider-animado .btn-escolher {
    font-size: 12px;
    padding: 0 26px;
  }
}

@media (min-width: 1700px) {
  .contem-slider-animado .btn-escolher {
    font-size: 14px;
  }
}

.contem-slider-animado .btn-escolher:hover {
  background: #2fb593;
}

.contem-slider-animado .btn-escolher svg {
  position: relative;
  top: 2px;
  width: 16px;
  height: 16px;
}

@media (max-width: 767.98px) {
  .contem-slider-animado .btn-escolher {
    font-size: 11px;
  }
}

.contem-slider-animado .color-btn-wait-list {
  background-color: #f72;
  border: #f72 2px solid;
}

.contem-slider-animado .color-btn-wait-list:hover {
  border-color: #ee5c00;
  background: #ee5c00;
}

@media (min-width: 1700px) {
  .contem-slider-animado .tns-slide-active.destaque {
    position: relative;
    z-index: 1;
  }
  .contem-slider-animado .tns-slide-active.destaque article {
    display: flex;
    justify-content: center;
  }
  .contem-slider-animado .tns-slide-active.destaque .box {
    width: 465px;
    min-height: 465px;
    left: -79.5px;
  }
  [data-theme="light"] .contem-slider-animado .tns-slide-active.destaque .box {
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
  }
  [data-theme="dark"] .contem-slider-animado .tns-slide-active.destaque .box {
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.4);
  }
  .contem-slider-animado .tns-slide-active.destaque .box header .tag {
    margin-top: 30px;
  }
  .contem-slider-animado .tns-slide-active.destaque .box header h3 {
    font-size: 32px;
  }
  .contem-slider-animado .tns-slide-active.destaque .box header .price {
    font-size: 24px;
  }
  .contem-slider-animado .tns-slide-active.destaque .box header .price b {
    font-size: 48px;
    transition: font-size 0.3s;
  }
  .contem-slider-animado .tns-slide-active.destaque .box ul li {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .contem-slider-animado .tns-slide-active.destaque .box .btn-escolher {
    font-size: 16px;
  }
}

.contem-slider-animado .tns-nav {
  text-align: center;
}

@media (max-width: 767.98px) {
  .contem-slider-animado .tns-nav {
    margin-top: 20px;
  }
}

.contem-slider-animado .tns-nav button {
  width: 20px;
  height: 20px;
  margin: 0 5px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}

.contem-slider-animado .tns-nav button:hover, .contem-slider-animado .tns-nav button.tns-nav-active {
  background-color: var(--config-color-bg);
}

.contem-slider-animado .seta-prev,
.contem-slider-animado .seta-next {
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--config-color-bg);
  cursor: pointer;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  transition: left 0.2s, right 0.2s;
}

@media (max-width: 767.98px) {
  .contem-slider-animado .seta-prev,
  .contem-slider-animado .seta-next {
    top: 128px;
  }
}

@media (min-width: 768px) {
  .contem-slider-animado .seta-prev,
  .contem-slider-animado .seta-next {
    top: 237.5px;
  }
}

.contem-slider-animado .seta-prev svg,
.contem-slider-animado .seta-next svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

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

@media (min-width: 768px) {
  .contem-slider-animado .seta-prev {
    left: -30px;
  }
  .contem-slider-animado .seta-prev:hover {
    left: -40px;
  }
  .contem-slider-animado .seta-next {
    right: -30px;
  }
  .contem-slider-animado .seta-next:hover {
    right: -40px;
  }
}

.contem-slider-animado .check-flex {
  margin: auto 0;
}

/* AULA DEMO */
.demo-player {
  display: flex;
  justify-content: space-between;
  min-height: 480px;
  position: relative;
  background-color: #000;
  color: #fff;
}

.demo-player .container {
  flex-grow: 1;
  align-self: stretch;
}

.demo-player .container iframe {
  display: block;
  min-height: 480px;
  width: 100%;
  border: none;
  background-color: #111;
}

.demo-player .html-txt {
  color: var(--config-color-tx);
  background-color: var(--config-color-bg);
  padding: 1.5em;
  min-height: 480px;
}

.aula-demo .aula-info {
  display: flex;
  min-height: 190px;
  padding: 40px 0;
}

@media (max-width: 869.98px) {
  .aula-demo .aula-info {
    flex-direction: column;
  }
}

.aula-demo .aula-info .professor {
  flex-basis: 40%;
  display: flex;
  box-sizing: border-box;
  padding: 16px 20px;
  border-radius: calc(var(--flat) * 8px);
  background: var(--config-color-bg);
}

@media (max-width: 869.98px) {
  .aula-demo .aula-info .professor {
    order: 2;
  }
}

@media (min-width: 870px) {
  .aula-demo .aula-info .professor {
    margin-right: 24px;
  }
}

.aula-demo .aula-info .professor .foto {
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  float: left;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 20px;
  background: url("https://cdn.eadplataforma.app/assets/img/user.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 55% auto;
}

.aula-demo .aula-info .professor .foto img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.aula-demo .aula-info .professor h4 {
  margin: 12px 0;
}

.aula-demo .aula-info .professor .desc {
  font-size: 13px;
  color: var(--config-color-tx-sec);
  margin-bottom: 20px;
}

.aula-demo .aula-info .professor .sociais {
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}

.aula-demo .aula-info .professor .sociais a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  background: var(--config-color-primary);
  margin: 0 4px;
}

.aula-demo .aula-info .professor .sociais a:hover {
  background: var(--config-color-secondary);
}

.aula-demo .aula-info .professor .sociais a svg {
  height: 60%;
}

.aula-demo .aula-info .matricula {
  flex-basis: 60%;
  box-sizing: border-box;
  text-align: center;
  border-radius: calc(var(--flat) * 8px);
  color: #fff;
  background: var(--config-color-primary);
}

@media (max-width: 869.98px) {
  .aula-demo .aula-info .matricula {
    order: 1;
    margin-bottom: 24px;
  }
}

@media (max-width: 1199.98px) {
  .aula-demo .aula-info .matricula {
    padding: 30px;
  }
}

@media (min-width: 1200px) {
  .aula-demo .aula-info .matricula {
    flex-shrink: 0;
    padding: 30px 40px;
  }
}

.aula-demo .aula-info .matricula .tit {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  font-size: 23px;
}

.aula-demo .aula-info .matricula .desc {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

@media (max-width: 575.98px) {
  .aula-demo .aula-info .matricula .desc {
    flex-wrap: wrap;
  }
}

.aula-demo .aula-info .matricula .desc .price,
.aula-demo .aula-info .matricula .desc .actions {
  width: 100%;
}

@media (max-width: 575.98px) {
  .aula-demo .aula-info .matricula .desc .price,
  .aula-demo .aula-info .matricula .desc .actions {
    margin: 10px 0;
  }
}

.aula-demo .aula-info .matricula .desc .price .free {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 90px;
  font-size: 30px;
}

.aula-demo .aula-info .matricula .desc .price .prazo,
.aula-demo .aula-info .matricula .desc .price .vista {
  display: block;
  font-size: 30px;
}

.aula-demo .aula-info .matricula .desc .price .prazo b,
.aula-demo .aula-info .matricula .desc .price .vista b {
  font-size: 55px;
}

.aula-demo .aula-info .matricula .desc .price .prazo span,
.aula-demo .aula-info .matricula .desc .price .vista span {
  font-size: 20px;
}

.aula-demo .aula-info .matricula .desc .price .prazo-vista {
  display: block;
  font-weight: bold;
  font-size: 18px;
}

.aula-demo .aula-info .matricula .desc .actions .enroll {
  min-width: 180px;
  display: inline-flex;
  justify-content: center;
  height: 38px;
  padding: 0 1.5em;
  cursor: pointer;
  line-height: 38px;
  border-radius: calc(var(--flat) * 38px / 2);
  background-color: var(--config-color-bg);
  margin: 10px 0;
  padding: 0;
  font-size: 16px;
  color: var(--config-color-primary);
  text-transform: uppercase;
  font-weight: bold;
}

.aula-demo .aula-info .matricula .desc .actions .back {
  display: block;
  margin: 10px auto;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.aula-demo .tit-sec h2 {
  color: var(--config-color-primary);
}

.aula-demo .upsell {
  margin-bottom: 70px;
}

/* CATEGORY PAGE */
.category-banner {
  position: relative;
  /* IMAGE */
  /* INFO TÍTULO */
}

@media (max-width: 767.98px) {
  .category-banner .container {
    background-color: var(--config-color-primary);
  }
}

@media (min-width: 768px) {
  .category-banner {
    min-height: 300px;
    color: #fff;
  }
  .category-banner:before, .category-banner:after {
    content: " ";
    display: table;
  }
  .category-banner:after {
    clear: both;
  }
}

@media (max-width: 767.98px) {
  .category-banner .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    color: #fff;
  }
}

@media (max-width: 575.98px) {
  .category-banner .wrap {
    justify-content: center;
  }
  .category-banner .wrap .title {
    display: none;
  }
}

@media (min-width: 768px) {
  .category-banner .wrap {
    min-height: 300px;
    display: grid;
    grid-template: 2fr auto / 2fr auto;
  }
}

.category-banner .banner-img img {
  display: block;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 767.98px) {
  .category-banner .banner-img {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .category-banner .banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
  }
  .category-banner .banner-img img {
    height: 100%;
  }
}

@media (max-width: 767.98px) {
  .category-banner .title {
    line-height: 1.2em;
    font-size: 18px;
    font-weight: bold;
  }
}

@media (min-width: 768px) {
  .category-banner .title {
    margin-top: 20px;
    line-height: 1.5em;
    word-wrap: break-word;
    font-size: 32px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  }
}

@media (max-width: 767.98px) {
  .category-banner .migalhas {
    font-size: 12px;
    font-weight: bold;
  }
  .category-banner .migalhas a {
    color: #fff;
  }
}

@media (min-width: 768px) {
  .category-banner .migalhas {
    margin-top: 35px;
  }
}

.category-banner .desc {
  font-weight: bold;
}

@media (max-width: 767.98px) {
  .category-banner .desc {
    display: none;
  }
}

@media (min-width: 768px) {
  .category-banner .desc {
    margin-bottom: 30px;
    grid-column: 1 /  span 2;
    font-size: 19px;
    line-height: 1.33em;
    word-wrap: break-word;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  }
}

.category-banner .desc p {
  margin-bottom: 1em;
}

.coupon-category {
  display: block;
  max-width: 400px;
  margin-bottom: 30px;
  /**
    margin-left: auto;
    margin-right: auto;
    /**/
}

@media (min-width: 768px) {
  .category-banner-color {
    color: var(--category-banner-color);
  }
  .category-banner-color .migalhas {
    white-space: nowrap;
  }
  .category-banner-color .migalhas a {
    color: var(--category-banner-color);
  }
  .category-banner-color .migalhas span {
    font-weight: bold;
  }
}

/* PROFILE PAYMENT */
.profile-payment {
  margin-bottom: 30px;
}

.profile-payment h2 {
  font-size: 18px;
}

[data-theme="dark"] .profile-payment h2 {
  margin-bottom: .5em;
}

.profile-payment .lista-contem {
  padding-top: 0;
}

.profile-payment .sep {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: -40px;
  margin-top: 50px;
  margin-bottom: 40px;
  border: none;
  border-top: var(--config-color-bg-alt) 2px solid;
}

.profile-payment .lista-paginacao {
  margin-bottom: 20px;
}

.profile-payment .lista-itens .actions {
  text-align: left;
}

.form-add-card {
  max-width: 480px;
}

.form-add-card .actions {
  margin-top: 60px;
  text-align: center;
}

.form-add-card label small {
  font-size: 14px;
  color: var(--config-color-tx-sec);
  margin-left: 0.5em;
}

/* PROFILE NOTIFICATIONS */
.profile-notifications .instruction {
  margin-bottom: 10px;
}

.profile-notifications .btn-activate {
  float: right;
  margin-bottom: 20px;
}

.profile-notifications .notification {
  display: flex;
  align-items: center;
  border-bottom: var(--config-color-borda) 1px solid;
  padding: 10px 40px;
  width: 100%;
  box-sizing: content-box;
  margin-left: -40px;
}

.profile-notifications .notification:nth-of-type(1) {
  border-top: var(--config-color-borda) 1px solid;
}

.profile-notifications .notification .switch {
  margin-left: 30px;
}

.profile-notifications .notification > label {
  margin-left: 40px;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 0;
  cursor: pointer;
}

.profile-notifications .actions {
  margin-top: 40px;
}

.profile-authentication .authentication-enable .info,
.profile-authentication .authentication-disable .info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

@media (max-width: 575.98px) {
  .profile-authentication .authentication-enable .info,
  .profile-authentication .authentication-disable .info {
    flex-direction: column-reverse;
  }
}

.profile-authentication .authentication-enable .info .title,
.profile-authentication .authentication-disable .info .title {
  max-width: 720px;
  text-align: end;
  margin-right: 40px;
}

@media (max-width: 575.98px) {
  .profile-authentication .authentication-enable .info .title,
  .profile-authentication .authentication-disable .info .title {
    margin: 0;
    text-align: center;
    margin-top: 10px;
  }
}

.profile-authentication .authentication-enable .info .title span,
.profile-authentication .authentication-disable .info .title span {
  font-weight: bold;
}

.profile-authentication .authentication-enable .info .title p,
.profile-authentication .authentication-disable .info .title p {
  font-size: 18px;
  margin-top: 5px;
}

.profile-authentication .authentication-enable .info .icon {
  width: 70px;
  height: 70px;
}

.profile-authentication .authentication-enable .info .icon svg {
  width: 70px;
  height: 70px;
}

.profile-authentication .authentication-enable .info .title span {
  font-size: 28px;
}

.profile-authentication .authentication-disable .info .icon {
  width: 60px;
  height: 60px;
  color: var(--config-color-tx);
}

.profile-authentication .authentication-disable .info .icon svg {
  width: 60px;
  height: 60px;
}

.profile-authentication .authentication-disable .info .icon svg .st1 {
  color: var(--config-color-primary);
}

.profile-authentication .authentication-disable .info .title span {
  font-size: 24px;
}

.profile-authentication .authentication-disable .authenticator-switch {
  display: flex;
  align-items: center;
  border-top: var(--config-color-borda) 1px solid;
  border-bottom: var(--config-color-borda) 1px solid;
  padding: 10px 40px;
  width: 100%;
  box-sizing: content-box;
  margin-left: -40px;
}

.profile-authentication .authentication-disable .authenticator-switch .switch {
  margin-left: 30px;
}

.profile-authentication .authentication-disable .authenticator-switch > label {
  margin-left: 40px;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 0;
  cursor: pointer;
}

.profile-authentication .modal-config-authenticator-content {
  display: flex;
  margin: 20px 0;
}

.profile-authentication .modal-config-authenticator-content div {
  width: 50%;
}

@media (max-width: 767.98px) {
  .profile-authentication .modal-config-authenticator-content {
    display: block;
  }
  .profile-authentication .modal-config-authenticator-content div {
    width: 100%;
  }
}

.profile-authentication .modal-config-authenticator-content .wrap {
  display: inline-flex;
  align-items: stretch;
  justify-content: stretch;
  border-radius: 5px;
  border: var(--config-color-borda) 1px solid;
  height: 45px;
  min-width: 260px;
  margin: auto;
}

@media (max-width: 767.98px) {
  .profile-authentication .modal-config-authenticator-content .wrap {
    max-width: 260px;
    min-width: 0;
  }
}

.profile-authentication .modal-config-authenticator-content .wrap .cmp {
  flex-grow: 1;
  display: block;
}

.profile-authentication .modal-config-authenticator-content .wrap input[type="text"],
.profile-authentication .modal-config-authenticator-content .wrap input[type="password"],
.profile-authentication .modal-config-authenticator-content .wrap input[type="code"] {
  display: block;
  box-sizing: border-box;
  padding: 0 5px;
  width: 100%;
  height: 45px;
  line-height: 45px;
  border: none;
  background: var(--config-color-bg);
  font-size: 16px;
  color: var(--config-color-tx);
  font-family: var(--config-font-family);
  filter: none;
  border-radius: calc(var(--flat) * 5px);
  text-align: center;
}

.profile-authentication .modal-config-authenticator-content .wrap input[type="code"] {
  text-align: left;
}

.profile-authentication .modal-config-authenticator-content .wrap .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  cursor: pointer;
  color: var(--config-color-primary);
}

.profile-authentication .modal-config-authenticator-content .wrap .ico svg {
  width: 22px;
}

.profile-authentication .modal-config-authenticator-content .info {
  text-align: center;
}

.profile-authentication .modal-config-authenticator-content .info p {
  font-size: 17px;
  margin: 10px 0;
}

.profile-authentication .modal-config-authenticator-content .info label:first-child {
  display: block;
  margin: 20px 0 10px 0;
  font-weight: bold;
}

.profile-authentication .modal-config-authenticator-content .info label.error {
  display: block;
  margin: 5px 0 0 7px;
  color: #dc3545;
  font-size: 13px;
}

.profile-authentication .modal-config-authenticator-content .info .btn-continuar-peq {
  padding: 0 10px;
  height: auto;
  background-color: transparent;
}

.profile-authentication .modal-config-authenticator-content .info .ico-send {
  width: 25px;
}

.profile-authentication .modal-config-authenticator-content .digitaliztion {
  text-align: center;
}

@media (max-width: 767.98px) {
  .profile-authentication .modal-config-authenticator-content .digitaliztion {
    margin-bottom: 30px;
  }
}

.profile-authentication .modal-config-authenticator-content .digitaliztion p {
  font-size: 20px;
  font-weight: 800;
}

.profile-authentication .modal-config-authenticator-content .digitaliztion img {
  margin: 20px 0;
}

.profile-authentication .modal-config-authenticator-content .digitaliztion .contem-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 50px;
  border: var(--config-color-primary) 2px solid;
  border-radius: calc(var(--flat) * 4px);
  margin-bottom: 20px;
  min-width: 305px;
  margin: auto;
  padding: 0 5px;
}

@media (max-width: 767.98px) {
  .profile-authentication .modal-config-authenticator-content .digitaliztion .contem-copy {
    max-width: 305px;
    min-width: 0;
  }
}

.profile-authentication .modal-config-authenticator-content .digitaliztion .contem-copy #authentication-secret-key-copy {
  display: none;
}

.profile-authentication .modal-config-authenticator-content .digitaliztion .contem-copy[data-status="hide"] .ico-pass {
  display: inline-flex;
}

.profile-authentication .modal-config-authenticator-content .digitaliztion .contem-copy[data-status="hide"] .ico-txt {
  display: none;
}

.profile-authentication .modal-config-authenticator-content .digitaliztion .contem-copy[data-status="show"] .ico-pass {
  display: none;
}

.profile-authentication .modal-config-authenticator-content .digitaliztion .contem-copy[data-status="show"] .ico-txt {
  display: inline-flex;
}

/* PROFILE RECEIVERS */
[data-theme="light"] .receiver-balance,
[data-theme="light"] .receiver-verification,
[data-theme="light"] .receiver-data {
  background-color: #fff;
}

[data-theme="light"] .receiver-balance .document h2,
[data-theme="light"] .receiver-verification .document h2,
[data-theme="light"] .receiver-data .document h2 {
  color: #000000d9;
}

/* RECEIVER DETAIL - CAIXA */
.receiver-balance {
  display: flex;
  margin: 20px 0 45px;
  padding: 10px;
}

@media (max-width: 767.98px) {
  .receiver-balance {
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .receiver-balance {
    flex-direction: row;
    gap: 25px;
    flex-wrap: wrap;
  }
}

.receiver-balance div {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  border-radius: calc(var(--flat) * 6px);
  border-width: 2px;
  border-style: solid;
  text-align: center;
  flex-direction: column;
}

@media (max-width: 767.98px) {
  .receiver-balance div {
    width: 80%;
    margin-bottom: 20px;
    padding: 20px 20px 30px;
  }
}

@media (min-width: 768px) {
  .receiver-balance div {
    height: 210px;
    padding: 0 20px;
  }
}

.receiver-balance div .valor {
  font-size: 55px;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .receiver-balance div .valor {
    margin-bottom: 20px;
  }
}

.receiver-balance div .valor small {
  position: relative;
  top: -0.4em;
  font-weight: bold;
  font-size: 24px;
  color: var(--config-color-tx);
}

.receiver-balance div .label {
  font-weight: bold;
  font-size: 22px;
}

.receiver-balance div.disponivel {
  color: #1bbc9b;
  border-color: #83edd7;
}

.receiver-balance div.receber {
  color: #f6bb42;
  border-color: #fbdea3;
}

.receiver-balance div.bloqueado {
  color: #3e7ccf;
  border-color: #b9cfed;
}

/* RECEIVER DETAIL - DADOS */
.receiver-verification {
  display: flex;
  flex-flow: column;
  justify-content: center;
  border: 1px #ddd solid;
  padding: 25px 20px 35px;
  margin-bottom: 40px;
}

.receiver-verification .verification-content section {
  margin-top: 30px;
  justify-content: space-between;
  display: flex;
}

@media (max-width: 767.98px) {
  .receiver-verification .verification-content section {
    display: block;
    margin-top: 0;
  }
}

.receiver-verification .verification-content section .info {
  width: 75%;
  padding-right: 20px;
}

@media (max-width: 767.98px) {
  .receiver-verification .verification-content section .info {
    width: 100%;
    padding-right: 0;
  }
}

.receiver-verification .verification-content section .info h2 {
  padding-bottom: 15px;
  font-size: 20px;
  color: var(--config-color-tx);
}

.receiver-verification .verification-content section .info p {
  font-size: 17px;
  margin-bottom: 10px;
}

.receiver-verification .verification-content section .info li {
  font-size: 17px;
  margin-bottom: 5px;
}

.receiver-verification .verification-content section .digitaliztion {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: auto;
}

.receiver-verification .verification-content section .digitaliztion #content-qrcode {
  display: contents;
}

.receiver-verification .verification-content section .digitaliztion #content-qrcode img {
  width: 250px;
}

@media (max-width: 767.98px) {
  .receiver-verification .verification-content section .digitaliztion #content-qrcode img {
    display: none;
  }
}

.receiver-verification .verification-content section .digitaliztion #content-qrcode a {
  font-weight: 700;
  text-align: center;
  border: 1px solid transparent;
  box-shadow: 0 2px #00000004;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 14px;
  border-radius: 4px;
  border-color: #ddd;
  justify-content: center;
  text-transform: uppercase;
  text-shadow: none;
  min-height: 40px;
  padding: 0px;
  gap: 0.2rem;
  width: 100%;
  display: flex;
  align-items: center;
}

.receiver-verification .verification-content section .digitaliztion #content-qrcode a:hover {
  color: var(--config-color-primary);
}

@media (max-width: 767.98px) {
  .receiver-verification .verification-content section .digitaliztion #content-qrcode a {
    margin-top: 20px;
  }
}

.receiver-verification .verification-content section .digitaliztion #content-qrcode .send-link svg {
  width: 22px;
  height: 17px;
}

.receiver-verification .verification-content section .digitaliztion #content-qrcode .load-spinner {
  display: contents;
}

@media (max-width: 767.98px) {
  .receiver-verification .verification-content section .digitaliztion #content-qrcode .load-spinner {
    display: none;
  }
}

.receiver-verification .verification-content section .digitaliztion #content-qrcode .load-spinner span {
  text-align: center;
}

.receiver-verification .verification-content section .digitaliztion .ilu-receb svg {
  margin-top: 25px;
}

@media (max-width: 767.98px) {
  .receiver-verification .verification-content section .digitaliztion .ilu-receb {
    display: none;
  }
}

.receiver-verification .verification-etapas {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 15px 0 30px 0;
}

@media (max-width: 767.98px) {
  .receiver-verification .verification-etapas {
    margin: 15px 0 0 0;
    display: contents;
  }
}

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

@media (max-width: 767.98px) {
  .receiver-verification .verification-etapas .etapa {
    margin-bottom: 40px;
  }
}

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

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

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

.receiver-verification .verification-etapas .etapa .send-link {
  position: absolute;
}

.receiver-verification .verification-etapas .etapa .send-link svg {
  width: 22px;
  height: 17px;
}

.receiver-verification .verification-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;
}

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

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

.receiver-verification .verification-etapas .step {
  z-index: 1;
  background-color: var(--config-color-bg);
  padding: 0 10px;
  font-size: larger;
}

.receiver-verification .verification-etapas .prove-identity,
.receiver-verification .verification-etapas #btn-modal-receiver-document,
.receiver-verification .verification-etapas #btn-modal-receiver-document-review,
.receiver-verification .verification-etapas .warning,
.receiver-verification .verification-etapas .concluded {
  position: absolute;
  top: 42px;
  left: 50px;
}

.receiver-verification .verification-etapas #btn-modal-receiver-document,
.receiver-verification .verification-etapas #btn-modal-receiver-document-review {
  text-decoration: underline;
  cursor: pointer;
}

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

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

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

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

.receiver-verification [data-status="done"] .prove-identity,
.receiver-verification [data-status="done"] #btn-modal-receiver-document,
.receiver-verification [data-status="done"] #btn-modal-receiver-document-review,
.receiver-verification [data-status="done"] .document-incorrect {
  display: none;
}

.receiver-verification [data-status="done"] .concluded {
  display: initial;
}

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

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

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

.receiver-verification [data-status="active"].step-finish .indice {
  background-color: transparent;
  border-color: #DC4250;
}

.receiver-verification [data-status="active"].step-finish .indice .num {
  display: none !important;
}

.receiver-verification [data-status="active"].step-finish .indice .check {
  display: block !important;
  color: #DC4250;
}

.receiver-verification [data-status="active"].step-finish .document-approved {
  display: none !important;
}

.receiver-verification [data-status="active"].step-finish .document-incorrect {
  display: block !important;
  color: #DC4250;
}

.receiver-verification [data-status="active"] #btn-modal-receiver-document,
.receiver-verification [data-status="active"] #btn-modal-receiver-document-review {
  color: var(--config-color-primary);
}

.receiver-verification [data-status="active"] .concluded {
  display: none;
}

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

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

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

.receiver-verification [data-status="next"] .prove-identity,
.receiver-verification [data-status="next"] #btn-modal-receiver-document,
.receiver-verification [data-status="next"] #btn-modal-receiver-document-review,
.receiver-verification [data-status="next"] .warning,
.receiver-verification [data-status="next"] .concluded,
.receiver-verification [data-status="next"] .document-incorrect {
  display: none;
}

/* RECEIVER DETAIL - DADOS */
.receiver-data {
  display: grid;
  grid-template-rows: repeat(3, minmax(80px, auto));
  grid-template-columns: repeat(4, 25%);
  grid-template-areas: "_1a _1a _1a _1b"  "_2a _2a _2b _2b"  "_3a _3b _3b _3c"  "_4a _4a _4b _4c"  "_5a _5a _5a _5a";
  margin-bottom: 40px;
  border-top: 1px #ddd solid;
  border-left: 1px #ddd solid;
}

@media (max-width: 575.98px) {
  .receiver-data {
    display: block;
  }
}

.receiver-data > div {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 15px 30px;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

.receiver-data > div:nth-child(1) {
  grid-area: _1a;
}

.receiver-data > div:nth-child(2) {
  grid-area: _1b;
}

.receiver-data > div:nth-child(3) {
  grid-area: _2a;
}

.receiver-data > div:nth-child(4) {
  grid-area: _2b;
}

.receiver-data > div:nth-child(5) {
  grid-area: _3a;
}

.receiver-data > div:nth-child(6) {
  grid-area: _3b;
}

.receiver-data > div:nth-child(7) {
  grid-area: _3c;
}

.receiver-data > div:nth-child(8) {
  grid-area: _4a;
}

.receiver-data > div:nth-child(9) {
  grid-area: _4b;
}

.receiver-data > div:nth-child(10) {
  grid-area: _4c;
}

.receiver-data > div:nth-child(11) {
  grid-area: _5a;
}

.receiver-data > div .field {
  color: var(--config-color-tx-sec);
  margin-bottom: 0.3em;
  font-weight: bold;
}

.receiver-data > div .value {
  font-size: 18px;
  word-break: break-all;
}

/* RECEIVER DETAIL - ACTIONS */
.receiver-actions {
  position: relative;
  padding-top: 20px;
}

.receiver-actions:before, .receiver-actions:after {
  content: " ";
  display: table;
}

.receiver-actions:after {
  clear: both;
}

.receiver-actions .btn-continuar-peq {
  float: right;
}

@media (min-width: 768px) {
  .receiver-actions .context-menu {
    min-width: 120px;
    position: absolute;
    right: 10px;
    top: calc(100% + 10px);
  }
  .receiver-actions .context-menu nav {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  }
  .receiver-actions .context-menu .seta {
    top: -17px;
    right: 30px;
    text-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1);
  }
  .receiver-actions .context-menu.status--on button svg {
    transform: rotate(180deg);
  }
}

/* RECEIVER EDIT */
[data-status-tipo-pessoa="1"] #birthdate-type-person,
[data-status-tipo-pessoa="1"] #occupation-type-person,
[data-status-tipo-pessoa="1"] #monthly-income-type-person {
  display: initial !important;
}

[data-status-tipo-pessoa="1"] #trading-name-type-person,
[data-status-tipo-pessoa="1"] #annual-revenue-type-person,
[data-status-tipo-pessoa="1"] #website-type-person,
[data-status-tipo-pessoa="1"] .receiver-head .company {
  display: none !important;
}

@media (min-width: 576px) {
  [data-status-tipo-pessoa="2"] #document-type-person,
  [data-status-tipo-pessoa="2"] #email-type-person {
    width: 66.666% !important;
  }
}

[data-status-tipo-pessoa="2"] #birthdate-type-person,
[data-status-tipo-pessoa="2"] #occupation-type-person,
[data-status-tipo-pessoa="2"] #monthly-income-type-person,
[data-status-tipo-pessoa="2"] .receiver-head .person {
  display: none !important;
}

[data-status-tipo-pessoa="2"] #trading-name-type-person,
[data-status-tipo-pessoa="2"] #annual-revenue-type-person,
[data-status-tipo-pessoa="2"] #website-type-person {
  display: block !important;
}

@media (min-width: 576px) {
  [data-status-partner="1"] #document-type-person {
    width: 66.666% !important;
  }
}

@media (min-width: 576px) {
  [data-status-partner="1"] #email-type-person {
    width: 50% !important;
  }
}

[data-status-partner="1"] #name-type-person label,
[data-status-partner="1"] #document-type-person label {
  display: flex;
}

[data-status-partner="1"] #name-type-person label span:first-child,
[data-status-partner="1"] #document-type-person label span:first-child {
  display: block !important;
}

[data-status-partner="1"] #name-type-person label span:last-child,
[data-status-partner="1"] #document-type-person label span:last-child {
  display: none !important;
}

[data-status-partner="1"] #partner-occupation-type-person,
[data-status-partner="1"] #partner-monthly-income-type-person,
[data-status-partner="1"] #birthdate-type-person {
  display: block !important;
}

.receiver-edit-tab-disabled {
  color: #ccc;
  opacity: 0.5;
  pointer-events: none;
}

#formReceiver .switch input[disabled] + label {
  cursor: not-allowed;
}

#formReceiver .cp-cols-bank {
  width: 100%;
}

@media (min-width: 768px) {
  #formReceiver .cp-cols-bank {
    width: 580px;
  }
}

#formReceiver .receiver-head {
  display: flex;
  justify-content: space-between;
  margin: 0px 15px 30px;
  flex-wrap: wrap;
}

#formReceiver .receiver-head span {
  font-weight: bold;
  font-size: medium;
  color: var(--config-color-primary);
}

#formReceiver .receiver-head p {
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

#formReceiver .receiver-head p em {
  font-style: normal;
  color: #dc3545;
}

#formReceiver .form-step[data-status="active"] {
  display: contents;
}

#formReceiver .form-step[data-status="next"], #formReceiver .form-step[data-status="done"] {
  display: none;
}

#formReceiver #wrap-analisis[data-status="hidden"] .box-loading,
#formReceiver #wrap-analisis[data-status="hidden"] .box-response {
  display: none;
}

#formReceiver #wrap-analisis[data-status="loading"] .box-loading {
  display: initial;
}

#formReceiver #wrap-analisis[data-status="loading"] .box-response {
  display: none;
}

#formReceiver #wrap-analisis[data-status="done"] .box-loading,
#formReceiver #wrap-analisis[data-status="done"] .box-response {
  display: none;
}

#formReceiver #wrap-analisis[data-status="fail"] .box-loading {
  display: none;
}

#formReceiver #wrap-analisis[data-status="fail"] .box-response {
  display: initial;
}

#formReceiver #wrap-analisis .phone-ddd {
  width: 30%;
}

#formReceiver #wrap-analisis .phone-number {
  width: 63%;
}

#formReceiver #wrap-analisis #receiver-ddd-error,
#formReceiver #wrap-analisis #partner-receiver-ddd-error {
  display: none !important;
}

#formReceiver .receiver-country {
  display: none;
}

@media (min-width: 576px) {
  #formReceiver .receiver-address {
    width: 40.999% !important;
  }
}

#formReceiver .choices__list--dropdown {
  margin-bottom: -390px !important;
}

/* RECEIVER DETAIL - MODAL INVOICE */
#modal-invoice .caixa {
  display: flex;
  font-size: 18px;
  margin-bottom: 40px;
}

#modal-invoice .caixa .label {
  display: block;
  margin-bottom: 0.3em;
}

#modal-invoice .caixa .value {
  display: block;
  white-space: nowrap;
  font-weight: bold;
}

#modal-invoice .caixa .saldo .value {
  color: #1bbc9b;
}

#modal-invoice .caixa .taxa .value {
  color: #e9504e;
}

#modal-invoice .caixa .saldo {
  margin-right: 2em;
}

#modal-invoice .prazo {
  font-size: 15px;
  margin-bottom: 40px;
}

#modal-invoice .label-receiver-valor {
  font-size: 13px;
  font-weight: bold;
}

/* --- DOCUMENT UPLOAD --- */
.documents {
  position: relative;
}

.documents .label-inline {
  display: flex;
  align-items: center;
  gap: 20px;
}

.documents .label-inline label {
  width: 155px;
  text-align: right;
}

.documents .label-inline select {
  box-sizing: border-box;
  width: 300px;
}

.documents .box-form-warning {
  width: auto;
  margin: 0 0 30px 0;
}

.documents .box-form-warning a {
  text-decoration: underline;
  font-size: 12px;
  color: var(--config-color-primary);
}

.documents .tit-add-more {
  display: flex;
  margin-top: 60px;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}

.documents .tit-add-more h3 {
  margin: 0;
}

.document-upload {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 30px;
}

.document-upload label {
  font-size: 13px;
  font-weight: bold;
  color: var(--config-color-tx-sec);
  text-align: right;
  width: 155px;
}

.document-upload .drop-label {
  text-align: center;
  padding: 10px 20px;
  border-radius: calc(var(--flat) * 5px);
  border: #ccc 1px solid;
  box-sizing: border-box;
  width: 300px;
  color: #aaa;
}

.document-upload .drop-label svg {
  width: 30px;
  height: 30px;
}

.document-upload.status--dragover .drop-label {
  border: #999 1px solid;
  color: #666;
}

.document-upload .filename {
  display: block;
  flex-grow: 3;
  text-align: left;
  padding: 10px;
  margin-bottom: 0;
  word-wrap: break-word;
  background-color: #f3f3f3;
  border-radius: calc(var(--flat) * 3px);
}

.document-upload .filename a:hover {
  color: #333;
  text-decoration: underline;
}

.document-upload input {
  display: none;
}

.pf-document-type[data-status="CNH"] .doc-rg-cpf {
  display: none;
}

.pf-document-type[data-status="RG-CPF"] .doc-cnh {
  display: none;
}

#tab-receiver-history .lista-contem {
  padding-top: 20px;
}

#tab-receiver-history .lista-contem .lista-itens {
  margin-bottom: 30px;
}

#tab-receiver-history .lista-contem .lista-itens .header {
  text-align: left;
}

#tab-receiver-history .btn-continuar-peq {
  margin-left: 30px;
}

@media (max-width: 767.98px) {
  #tab-receiver-history .cp-cols {
    justify-content: center;
  }
}

#tab-receiver-history .cp-cols .filter-date {
  width: 242px;
}

#tab-receiver-history .cp-cols .filter-status {
  width: 195px;
}

@media (max-width: 767.98px) {
  #tab-receiver-history .cp-cols .filter-date,
  #tab-receiver-history .cp-cols .filter-status {
    width: 50%;
  }
}

#tab-receiver-history .lista-paginacao-history {
  font-size: 13px;
}

#tab-receiver-history .lista-paginacao-history:before, #tab-receiver-history .lista-paginacao-history:after {
  content: " ";
  display: table;
}

#tab-receiver-history .lista-paginacao-history:after {
  clear: both;
}

#tab-receiver-history .lista-paginacao-history .numero {
  margin: 3px 15px;
  float: right;
  font-weight: bold;
  color: var(--config-color-tx-sec);
}

#tab-receiver-history .lista-paginacao-history .numero select {
  border: none;
  background: none;
  background-color: var(--config-color-bg);
  border-radius: calc(var(--flat) * 3px);
  font-weight: bold;
  color: var(--config-color-tx-sec);
  font-family: var(--config-font-family);
  padding: 3px;
}

#tab-receiver-history .lista-paginacao-history .pagina {
  float: right;
  display: flex;
}

#tab-receiver-history .lista-paginacao-history .pagina .seta {
  width: 30px;
  height: 32px;
  line-height: 25px;
  text-align: center;
  font-size: 30px;
  border-radius: calc(var(--flat) * 3px);
  margin-left: 5px;
  cursor: pointer;
  color: #fff;
  background-color: var(--config-color-primary);
}

#tab-receiver-history .lista-paginacao-history .pagina .seta span {
  position: absolute;
  margin-top: -16px;
  margin-left: -5px;
}

#tab-receiver-history .lista-paginacao-history .pagina .seta:hover {
  background-color: var(--config-color-secondary);
}

#tab-receiver-history .lista-paginacao-history .pagina .seta.bg {
  color: var(--config-color-tx);
}

[data-theme="light"] #tab-receiver-history .lista-paginacao-history .pagina .seta.bg {
  background-color: #eee;
}

[data-theme="light"] #tab-receiver-history .lista-paginacao-history .pagina .seta.bg:hover {
  background-color: #ddd;
}

[data-theme="dark"] #tab-receiver-history .lista-paginacao-history .pagina .seta {
  background-color: #000;
}

[data-theme="dark"] #tab-receiver-history .lista-paginacao-history .pagina .seta:hover {
  background-color: #333;
}

#tab-receiver-history .lista-paginacao-history .pagina .pag-atual {
  width: 50px;
  height: 30px;
  line-height: 30px;
  font-family: var(--config-font-family);
  color: var(--config-color-tx);
  text-align: center;
  margin-left: 5px;
  font-weight: bold;
  border-radius: calc(var(--flat) * 3px);
  border: 1px var(--config-color-borda) solid;
}

[data-theme="light"] #tab-receiver-history .lista-paginacao-history .pagina .pag-atual {
  background-color: var(--config-color-bg);
}

[data-theme="dark"] #tab-receiver-history .lista-paginacao-history .pagina .pag-atual {
  background-color: var(--config-color-bg);
}

#tab-receiver-history .empty {
  margin: 30px 0;
}

#table-receiver-liquidation .setas {
  display: none;
}

#user-receivers-data .box-btn-add-receiver {
  text-align: right;
}

#user-receivers-data .box-btn-add-receiver .btn-aba-add {
  float: none;
  top: 0;
  right: 0;
}

/* SEÇÕES */
/* SEÇÕES > TESTIMONIALS */
.testimonials {
  position: relative;
}

.testimonials.layout--produto {
  margin-left: 30px;
  margin-right: 30px;
}

.testimonials .testimonial {
  height: calc(100%);
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-content: stretch;
  padding: 30px;
  border-radius: calc(var(--flat) * 10px);
}

[data-theme="light"] .testimonials .testimonial {
  background: var(--config-color-bg);
}

[data-theme="dark"] .testimonials .testimonial {
  border: rgba(100, 100, 100, 0.5) 1px solid;
  border-radius: calc(var(--flat) * 6px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.06) 100%);
}

.testimonials .testimonial .desc {
  flex-grow: 2;
  line-height: 1.7em;
  margin-bottom: 15px;
  vertical-align: middle;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  -webkit-box-orient: vertical;
  cursor: pointer;
}

.testimonials .testimonial .desc-full {
  display: block;
  -webkit-line-clamp: 4;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.testimonials .testimonial .desc-full:hover {
  display: block;
}

.testimonials .testimonial .autor .foto {
  position: relative;
  overflow: hidden;
  float: left;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
  background: url("https://cdn.eadplataforma.app/assets/img/user.svg") var(--config-color-bg-img) center center no-repeat;
  background-size: 55% auto;
}

.testimonials .testimonial .autor .foto img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.testimonials .testimonial .autor .nome {
  font-weight: bold;
  margin: 4px 0;
}

.testimonials .testimonial .avaliacao-stars {
  display: flex;
  color: var(--config-color-tx-sec);
  gap: 2px;
}

.testimonials .testimonial .avaliacao-stars i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
}

.testimonials .tns-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

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

@media (max-width: 767.98px) {
  .testimonials.layout--lesson, .testimonials.layout--home {
    margin: 0 10px 10px;
  }
}

@media (min-width: 768px) {
  .testimonials.layout--lesson, .testimonials.layout--home {
    max-width: 1655px;
    margin: 0 auto;
  }
}

.testimonials.layout--lesson .testimonial, .testimonials.layout--home .testimonial {
  min-height: 195px;
}

@media (max-width: 767.98px) {
  .testimonials.layout--lesson .testimonial, .testimonials.layout--home .testimonial {
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15);
    margin: 15px 15px 45px;
  }
}

@media (min-width: 768px) {
  .testimonials.layout--lesson .testimonial, .testimonials.layout--home .testimonial {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.15);
    margin: 25px 30px 50px;
  }
}

.testimonials.layout--produto .testimonial {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  margin: 15px 15px 30px;
}

/* PLUGINS */
/*
----------------
	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:not(.choices__list--single) {
  box-sizing: border-box;
}

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

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

.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 {
  background-color: #fee;
  color: #dc3545;
  border-color: #dc3545;
}

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

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

.choices.valid .choices__inner .choices__list--single {
  background-color: #ebfefc;
}

.choices__inner {
  border-color: var(--config-color-borda);
  border-radius: calc(var(--flat) * 5px);
}

.is-open .choices__inner {
  border-color: var(--config-color-borda);
  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%;
}

/*
----------------------------
    FROALA TEXT EDITOR
----------------------------
*/
.editor-content {
  line-height: 1.6;
}

.editor-content h1, .editor-content h2, .editor-content h3, .editor-content h4, .editor-content h5, .editor-content h6 {
  margin-bottom: .5em;
  font-weight: 500;
}

.editor-content p {
  margin-bottom: 1em;
}

.editor-content > *,
.editor-content img {
  max-width: 100%;
}

body[data-theme="dark"] .editor-content span[style="color: rgb(0, 0, 0);"] {
  color: var(--config-color-tx) !important;
}

.flatpickr-day.selected {
  background-color: var(--config-color-primary);
  border-color: var(--config-color-primary);
}

/* TESTES */