@charset "UTF-8";

@font-face {
  font-family: "sofia_pro";
  src: url("../../fonts/sofiapro-light-webfont.woff2") format("woff2"), url("../../fonts/sofiapro-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* VARIÁVEIS */
/* MIXINS */
/* ELEMENTOS PADRÃO */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  font-size: 10px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-family: "sofia-pro", sans-serif;
  vertical-align: baseline;
  font-weight: 400;
}

body {
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit;
}

strong {
  font-weight: bold;
}

body {
  line-height: 1;
}

body.locked {
  max-height: 100vh;
  overflow: hidden;
}

html,
body {
  scroll-behavior: smooth;
}

.wrapper__home {
  overflow-x: hidden;
}

.container {
  width: 90%;
  max-width: 1150px;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .container {
    width: 95%;
  }
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.d-none {
  display: none;
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
}


/**/
p {
  font-size: 1.2rem;
  line-height: 120%;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  p {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  p {
    font-size: 1.6rem;
    line-height: 135%;
  }
}

/**/

.section__title {
  font-size: clamp(20px, 3.5vw, 50px);
  font-weight: 500;
  position: relative;
  top: -5px;
}

@media (min-width: 992px) {
  .section__title {
    top: -7px;
  }
}

@media (min-width: 1200px) {
  .section__title {
    top: -9px;
  }
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 50px;
  width: max-content;
}

.btn-gray-hollow {
  color: #909296;
  border: 2px solid #909296;
  font-size: 1.2rem;
}

@media (min-width: 768px) {
  .btn-gray-hollow {
    font-size: 1.4rem;
  }
}

.btn-gray-hollow:hover {
  color: #27348b;
  border-color: #27348b;
}

.btn-orange {
  background-color: #ff6600;
  color: #ffffff;
  border-color: #ff6600;
}

.btn-orange:hover {
  background-color: #f36100;
  border-color: #f36100;
}

.btn-black-hollow {
  color: #000;
  border-color: #000;
}

.btn-orange,
.btn-black-hollow {
  border-width: 2px;
  border-style: solid;
  font-size: 1.2rem;
}


@media (min-width: 768px) {

  .btn-orange,
  .btn-black-hollow {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {

  .btn-orange,
  .btn-black-hollow {
    font-size: 1.8rem;
    padding: 13px 30px;
  }
}

.btn-black-hollow:hover {
  color: #27348b;
  border-color: #27348b;
}

.btn-black {
  color: #FFF;
  border: 2px solid #000;
  background-color: #000;
  font-size: 1.2rem;
  cursor: pointer;
}

@media (min-width: 768px) {
  .btn-black {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .btn-black {
    font-size: 1.8rem;
    padding: 13px 30px;
  }
}

.btn-black:hover {
  background-color: #27348b;
  border-color: #27348b;
}

.round__header {
  padding: 25px 0;
  border-radius: 0 0 50px 50px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  margin-bottom: 25px;
}

@media (min-width: 992px) {
  .round__header {
    padding: 60px 0 75px;
    margin-bottom: 50px;
  }
}

.round__header .welcome__text {
  font-size: 1.4rem;
  color: #909296;
}

@media (min-width: 992px) {
  .round__header .welcome__text {
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .round__header .welcome__text {
    font-size: 2rem;
  }
}

.tab__panel {
  display: none;
}

.tab__panel.active {
  display: block;
}

.faixa__logos {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  height: 43px;
}

@media (min-width: 768px) {
  .faixa__logos {
    padding: 0 70px;
  }
}

.faixa__logos img {
  max-height: 24px;
  max-width: 103px;
}

.header__home {
  position: relative;
  border-bottom: 2px solid #f2f0fa;
  border-top: 2px solid #f2f0fa;
}

.header__home .container {
  display: flex;
  align-items: center;
  height: 50px;
}

@media (min-width: 992px) {
  .header__home .container {
    height: 54px;
  }
}

.header__home .container .mobile-button {
  cursor: pointer;
  z-index: 15;
  position: relative;
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.header__home .container .mobile-line {
  width: 20px;
  height: 2px;
  border-radius: 2px;
  transition: background-color 200ms ease;
}

.header__home .container .mobile-x-1 {
  display: none;
  position: absolute;
  top: 7px;
  left: 10px;
  width: 25px;
  height: 3px;
  transform-origin: top left;
  transform: rotate(44deg);
}

.header__home .container .mobile-x-2 {
  display: none;
  position: absolute;
  top: 7px;
  right: 10px;
  width: 25px;
  height: 3px;
  transform-origin: top right;
  transform: rotate(-45deg);
}

.header__home .container .header__logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 992px) {
  .header__home .container .header__logo {
    position: static;
    transform: none;
    margin-right: 50px;
  }
}

@media (min-width: 1200px) {
  .header__home .container .header__logo {
    margin-right: 60px;
  }
}

.header__home .container .header__logo svg,
.header__home .container .header__logo img {
  width: 125px;
  max-height: 50px;
  object-fit: contain;
}

.header__home .container .main__menu {
  position: fixed;
  width: 100%;
  left: 0;
  top: 97px;
  z-index: 10;
  overflow: hidden;
  max-height: 0;
  transition: max-height 300ms ease;
}

@media (max-width: 991px) {
  .header__home .container .main__menu {
    -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
    box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  }
}

@media (min-width: 992px) {
  .header__home .container .main__menu {
    position: static;
    max-height: none;
    background: none;
    width: 100%;
    overflow: visible;
  }
}

.header__home .container .main__menu.active {
  max-height: 400px;
}

@media (min-width: 992px) {
  .header__home .container .main__menu.active {
    max-height: none;
  }
}

.header__home .container .main__menu ul {
  list-style: none;
}

@media (min-width: 992px) {
  .header__home .container .main__menu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.header__home .container .main__menu .menu__link {
  font-size: 1.6rem;
  padding: 10px 25px;
  font-weight: 500;
  display: block;
  border-bottom: 1px solid rgba(123, 123, 123, 0.3);
}

@media (min-width: 992px) {
  .header__home .container .main__menu .menu__link {
    border: none;
    font-size: 1.4rem;
  }

  .header__home .container .main__menu .menu__link:hover {
    background: none;
    color: #27348b;
  }
}

.header__home .container .main__menu .menu__link .user {
  text-decoration: underline;
}

.header__home .container .main__menu .menu__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #FFF;
  font-size: 2rem;
  font-weight: 500;
  padding: 8px 20px;
  border-radius: 50px;
  width: max-content;
  margin: 8px auto;
}

.header__home .container .main__menu .menu__btn:hover {
  background-color: #27348b;
}

@media (min-width: 992px) {
  .header__home .container .main__menu .menu__btn {
    font-size: 1.4rem;
  }
}

#chamada__hero {
  padding: 25px 0;
}

#chamada__hero .container {
  position: relative;
}

@media (min-width: 1200px) {
  #chamada__hero {
    padding: 30px 0;
  }
}

#chamada__hero h1 {
  text-align: center;
  font-size: 3.5vw;
  font-weight: 500;
  font-size: clamp(1.2rem, 3.5vw, 4.3rem);
  color: #000;
}

#chamada__hero .chamada__actions {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-35%);
  display: flex;
  gap: 10px;
}

@media (min-width: 992px) {
  #chamada__hero .chamada__actions {
    gap: 17px;
  }
}

#chamada__hero .chamada__actions svg {
  width: 17px;
}

@media (min-width: 992px) {
  #chamada__hero .chamada__actions svg {
    width: 26px;
  }
}

.wrapper__dropdown {
  position: relative;
  overflow: visible;
}

.dropdown:hover~.submenu {
  min-height: 230px;
  border-bottom: 1px solid rgba(123, 123, 123, 0.3);
}

@media (min-width: 992px) {
  .dropdown:hover~.submenu {
    border: 1px solid rgba(123, 123, 123, 0.3);
  }
}

.dropdown .dropdown__arrow {
  width: 9px;
}

.submenu {
  overflow: hidden;
  max-height: 0;
  transition: max-height 300ms ease;
  z-index: 11;
}

.submenu:hover {
  max-height: 250px;
  border-bottom: 1px solid rgba(123, 123, 123, 0.3);
}

@media (min-width: 992px) {
  .submenu {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    padding: 5px 0;
    left: 0;
    border-radius: 10px;
    background-color: #fff;
    min-width: max-content;
  }

  .submenu:hover {
    border: 1px solid rgba(123, 123, 123, 0.3);
  }
}

.submenu a {
  display: flex;
  font-size: 1.4rem;
  padding: 8px 25px;
  gap: 1rem;
}

.submenu a img {
  max-width: 15px;
}

.splide__hero {
  position: relative;
}

.splide__hero .hero__item img {
  width: 100%;
  max-height: 650px;
  object-fit: cover;
  aspect-ratio: 25/9;
}

.splide__hero .splide__arrow {
  background: #cccccc;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.splide__hero .splide__arrow svg {
  width: 40%;
  height: auto;
}

.splide__hero .splide__arrow svg path {
  fill: #FFF;
}

@media (min-width: 992px) {
  .splide__hero .splide__arrow {
    width: 50px;
    height: 50px;
  }
}

.splide-speakall .splide__pagination,
.splide__hero .splide__pagination {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 5px;
}

.splide-speakall .splide__pagination .splide__pagination__page,
.splide__hero .splide__pagination .splide__pagination__page {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid white;
  background: none;
  cursor: pointer;
  margin: 0;
  transform: none;
}

.splide-speakall .splide__pagination .splide__pagination__page,
.splide__hero .splide__pagination .splide__pagination__page {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  border: 2px solid #000000;
  transition: all .2s ease-in-out;
}

.splide-speakall .splide__pagination .splide__pagination__page.is-active,
.splide__hero .splide__pagination .splide__pagination__page.is-active {
  background-color: #000000;
  width: 20px;
}

.splide-speakall {
  max-width: 1024px;
  width: 100%;
}

.splide-speakall .splide__slide {
  display: grid;
  place-items: center;
}

.section__freemium {
  padding: 50px 0 0px;
  background-color: #FFF;
}

@media (min-width: 1200px) {
  .section__freemium {
    padding: 65px 0 0px;
  }
}

.section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  gap: 10px;
}

@media (min-width: 576px) {
  .section__header {
    padding: 0 45px;
    gap: 15px;
  }
}

.section__header .line {
  height: 2px;
  background-color: #f2f0fa;
  flex: 1;
}

.splide__cards .splide__slide {
  display: flex;
  justify-content: center;
  padding: 16px 0 20px;
}

.splide__cards .splide__arrow {
  background: none;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.splide__cards .splide__arrow.splide__arrow--prev {
  left: -5px;
}

@media (min-width: 992px) {
  .splide__cards .splide__arrow.splide__arrow--prev {
    left: -25px;
  }
}

@media (min-width: 1200px) {
  .splide__cards .splide__arrow.splide__arrow--prev {
    left: -45px;
  }
}

.splide__cards .splide__arrow.splide__arrow--next {
  right: -5px;
}

@media (min-width: 992px) {
  .splide__cards .splide__arrow.splide__arrow--next {
    right: -25px;
  }
}

@media (min-width: 1200px) {
  .splide__cards .splide__arrow.splide__arrow--next {
    right: -45px;
  }
}

.splide__cards .splide__arrow svg {
  width: 80%;
  max-width: 30px;
  height: auto;
}

.splide__cards .splide__arrow svg path {
  fill: #909296;
}

@media (min-width: 992px) {
  .splide__cards .splide__arrow {
    width: 50px;
    height: 50px;
  }
}

@media (min-width: 1200px) {
  .splide__cards .splide__arrow {
    width: 58px;
    height: 58px;
  }
}

.splide__cards .splide__pagination {
  position: absolute;
  bottom: -10px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 16px;
}

@media (min-width: 992px) {
  .splide__cards .splide__pagination {
    gap: 22px;
    bottom: -20px;
  }
}

.splide__cards .splide__pagination .splide__pagination__page {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #909296;
  background: none;
  cursor: pointer;
  margin: 0;
  transform: none;
}

@media (min-width: 992px) {
  .splide__cards .splide__pagination .splide__pagination__page {
    width: 15px;
    height: 15px;
    border: 2px solid #909296;
  }
}

@media (min-width: 1200px) {
  .splide__cards .splide__pagination .splide__pagination__page {
    width: 18px;
    height: 18px;
    border: 2px solid #909296;
  }
}

.splide__cards .splide__pagination .splide__pagination__page.is-active {
  background-color: #909296;
}

.card__small {
  display: flex;
  align-items: flex-start;
  border-radius: 25px;
  width: 80%;
  padding: 20px 15px;
  gap: 10px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
}

.card__small:hover {
  opacity: 0.8;
}

@media (min-width: 992px) {
  .card__small {
    width: 90%;
    gap: 15px;
  }
}

@media (min-width: 1200px) {
  .card__small {
    padding: 30px 20px;
    gap: 20px;
  }
}

.card__small svg {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
}

@media (min-width: 992px) {
  .card__small svg {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    height: 25px;
  }
}

@media (min-width: 1200px) {
  .card__small svg {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
  }
}

.card__small .icon {
  font-size: 2.6rem;
}

@media (min-width: 992px) {
  .card__small .icon {
    font-size: 3.3rem;
  }
}

@media (min-width: 1200px) {
  .card__small .icon {
    font-size: 4rem;
  }
}

.card__small .right {
  display: flex;
  flex-direction: column;
}

.card__small .right .card__small__title {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: clamp(16px, 1.8vw, 18px);
}

@media (min-width: 1200px) {
  .card__small .right .card__small__title {
    line-height: 2.2rem;
  }
}

.card__small .right .card__small__type {
  font-size: clamp(12px, 1.4vw, 14px);
  color: #909296;
}

.card__course {
  margin: 0 auto;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  width: 80%;
  overflow: hidden;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
}

@media (min-width: 992px) {
  .card__course {
    width: 90%;
    border-radius: 45px;
    min-height: 378px;
    max-height: 378px;
  }

  .card__course .bottom .card__course__subtitle {
    min-height: 66px;
    max-height: 87px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    /* --max-lines: 3;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden; */
  }

  /* .card__course .bottom .card__course__subtitle::before{
    position: absolute;
    content: "...";
    bottom: 0;
    right: 0;
  }

  .card__course .bottom .card__course__subtitle::after{
    content: "";
    position: absolute;
    right: 0;
    width: 1rem;
    height: 1rem;
    background: white;
  } */
}

.card__course:hover {
  opacity: 0.8;
}

.card__course .course__img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 30/13;
}

.card__course .bottom {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: space-between;
  flex: 1;
}

@media (min-width: 1200px) {
  .card__course .bottom {
    padding: 15px;
  }
}

.card__course .bottom .card__course__title {
  font-weight: 700;
  padding-bottom: 0.3rem;
  margin-bottom: 5px;
  font-size: clamp(16px, 2vw, 20px);
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

@media (min-width: 1200px) {
  .card__course .bottom .card__course__title {
    line-height: 2rem;
  }
}

.card__course .bottom .card__course__subtitle {
  font-size: clamp(12px, 1.4vw, 14px);
  padding-bottom: 0.2rem;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

.card__course .bottom .card__course__actions {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.card__course .bottom .card__course__actions .duration {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #909296;
  padding-inline: 16px;
  font-size: 16px;
  font-size: clamp(13px, 3vw, 16px);
}

.card__course .bottom .card__course__actions .duration svg {
  width: 20px;
}

.card__course .bottom .card__course__actions .duration svg path {
  fill: #909296;
}

@media (min-width: 1200px) {
  .card__course .bottom .card__course__actions .duration svg {
    width: 25px;
  }
}

.card__course .bottom .card__course__actions .duration .clock {
  font-size: 2rem;
}

@media (min-width: 1200px) {
  .card__course .bottom .card__course__actions .duration .clock {
    font-size: 2.7rem;
  }
}

@media (min-width: 1200px) {
  .card__course .bottom .card__course__actions .duration {
    font-size: 2rem;
  }
}

.card__course .bottom .card__course__actions .duration.percent {
  font-size: 1.2rem;
}

.card__course .bottom .card__course__actions .duration.percent .number {
  font-weight: 700;
}

@media (min-width: 1200px) {
  .card__course .bottom .card__course__actions .duration.percent {
    font-size: 1.6rem;
  }
}

.cards__middle {
  padding: 50px 0;
  margin: 25px 0;
  border-radius: 50px;
  color: #FFF;
}

@media (min-width: 992px) {
  .cards__middle {
    padding: 75px 0;
    margin: 50px 0;
  }
}

@media (min-width: 1200px) {
  .cards__middle {
    padding: 100px 0;
  }
}

.cards__middle .container {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: center;
  align-items: center;
}

@media (min-width: 992px) {
  .cards__middle .container {
    flex-wrap: nowrap;
    gap: 8%;
  }
}

@media (min-width: 1500px) {
  .cards__middle .container {
    gap: 5%;
  }
}

.cards__middle .container .card__middle {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 250px;
}

@media (min-width: 992px) {
  .cards__middle .container .card__middle {
    max-width: none;
  }
}

.cards__middle .container .card__middle svg {
  width: 55px;
  margin-bottom: 1.6rem;
}

@media (min-width: 992px) {
  .cards__middle .container .card__middle svg {
    width: 75px;
    margin-bottom: 2rem;
  }
}

.cards__middle .container .card__middle .card__middle__title {
  font-weight: 900;
  font-size: 1.6vw;
  font-size: clamp(1.6rem, 1.6vw, 2.5rem);
  margin-bottom: 1.6rem;
}

@media (min-width: 992px) {
  .cards__middle .container .card__middle .card__middle__title {
    margin-bottom: 2rem;
  }
}

.cards__middle .container .card__middle .card__middle__text {
  font-size: clamp(1.2rem, 1.2vw, 1.6rem);
  line-height: clamp(1.6rem, 1.5vw, 2.2rem);
}

.mercado {
  padding: 25px 0;
}

@media (min-width: 992px) {
  .mercado {
    padding: 50px 0;
  }
}

.mercado .section__mercado__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  gap: 10px;
}

@media (min-width: 576px) {
  .mercado .section__mercado__header {
    gap: 15px;
  }
}

.mercado .section__mercado__header .line {
  height: 2px;
  background-color: #f2f0fa;
  flex: 1;
}

.mercado .mercado__subtitle {
  font-size: clamp(1.2rem, 1.3vw, 1.8rem);
}

.mercado .wrapper__noticias {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 25px;
}

@media (min-width: 992px) {
  .mercado .wrapper__noticias {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 50px;
  }
}

@media (min-width: 1200px) {
  .mercado .wrapper__noticias {
    gap: 50px;
  }
}

.mercado .wrapper__noticias .noticia {
  color: #000;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border-radius: 10px;
  padding: 10px;
}

@media (min-width: 992px) {
  .mercado .wrapper__noticias .noticia {
    padding: 20px;
  }
}

.mercado .wrapper__noticias .noticia:hover {
  opacity: 0.8;
}

.mercado .wrapper__noticias .noticia a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

@media (min-width: 992px) {
  .mercado .wrapper__noticias .noticia a {
    gap: 20px;
  }
}

@media (min-width: 1200px) {
  .mercado .wrapper__noticias .noticia a {
    gap: 30px;
  }
}

@media (min-width: 1500px) {
  .mercado .wrapper__noticias .noticia a {
    align-items: stretch;
  }
}

.mercado .wrapper__noticias .noticia a .noticia__thumb {
  width: 120px;
  aspect-ratio: 8/9;
  border-radius: 10px;
  object-fit: cover;
}

@media (min-width: 992px) {
  .mercado .wrapper__noticias .noticia a .noticia__thumb {
    width: 150px;
  }
}

@media (min-width: 1200px) {
  .mercado .wrapper__noticias .noticia a .noticia__thumb {
    width: 205px;
  }
}

@media (min-width: 1500px) {
  .mercado .wrapper__noticias .noticia a .noticia__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.mercado .wrapper__noticias .noticia a .noticia__right .noticia__title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.6rem;
  line-height: 2rem;
}

@media (min-width: 1200px) {
  .mercado .wrapper__noticias .noticia a .noticia__right .noticia__title {
    font-size: 2.4rem;
    line-height: 3rem;
  }
}

.mercado .wrapper__noticias .noticia a .noticia__right .noticia__text {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media (min-width: 1200px) {
  .mercado .wrapper__noticias .noticia a .noticia__right .noticia__text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}

.mercado__cards {
  padding: 25px 0;
}

.mercado__cards .box__mercado__item {
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid rgba(153, 153, 153, 0.1);
  padding: 1.5rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.mercado__cards .box__mercado__item:hover {
  opacity: 0.8;
}

@media (min-width: 768px) {
  .mercado__cards .box__mercado__item {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .mercado__cards .box__mercado__item {
    padding: 2.5rem;
    gap: 2.5rem;
    margin-bottom: 3rem;
  }

  .mercado__cards .box__mercado__item:last-of-type {
    margin-bottom: 5rem;
  }
}

.mercado__cards .box__mercado__item .left {
  width: 100%;
  max-width: 350px;
  aspect-ratio: 300/194;
  object-fit: cover;
  border-radius: 15px;
}

@media (min-width: 768px) {
  .mercado__cards .box__mercado__item .left {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .mercado__cards .box__mercado__item .left {
    max-width: 350px;
  }
}

.mercado__cards .box__mercado__item .right .categoria {
  color: #909296;
  font-size: 1.2rem;
}

@media (min-width: 992px) {
  .mercado__cards .box__mercado__item .right .categoria {
    font-size: 1.4rem;
  }
}

.mercado__cards .box__mercado__item .right .curso__p {
  margin-bottom: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media (min-width: 768px) {
  .mercado__cards .box__mercado__item .right .curso__p {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
}

@media (min-width: 992px) {
  .mercado__cards .box__mercado__item .right .curso__p {
    margin-bottom: 3rem;
  }
}

.mercado__cards .box__mercado__item .right .btn {
  padding: 8px 35px;
}

@media (min-width: 992px) {
  .mercado__cards .box__mercado__item .right .btn {
    padding: 13px 50px;
  }
}

.mercado__categoria {
  color: #909296;
  font-size: 1.2rem;
  display: block;
}

@media (min-width: 992px) {
  .mercado__categoria {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .mercado__categoria {
    font-size: 1.6rem;
  }
}

.title__mercado {
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .title__mercado {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .title__mercado {
    font-size: 4.5rem;
  }
}

@media (min-width: 1200px) {
  .title__mercado {
    font-size: 6rem;
  }
}

.post {
  padding-bottom: 25px;
}

@media (min-width: 992px) {
  .post {
    padding-bottom: 50px;
  }
}

.post .wrapper__saiba__mais {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.post .wrapper__saiba__mais .saiba__mais {
  font-size: 1.2rem;
  font-weight: 700;
  display: block;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  .post .wrapper__saiba__mais .saiba__mais {
    font-size: 1.4rem;
  }
}

.post .wrapper__saiba__mais div {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.post .wrapper__saiba__mais div svg {
  max-width: 20px;
  max-height: 20px;
}

@media (min-width: 992px) {
  .post .wrapper__saiba__mais div svg {
    max-width: 28px;
    max-height: 28px;
  }
}

.post .post__img {
  margin: 2rem 0;
}

@media (min-width: 992px) {
  .post .post__img {
    margin: 2.5rem 0;
  }
}

.post .post__img img {
  width: 100%;
  aspect-ratio: 337/218;
  object-fit: cover;
  border-radius: 15px;
  margin-bottom: 0.5rem;
}

.post .post__img figcaption {
  font-size: 1rem;
}

@media (min-width: 768px) {
  .post .post__img figcaption {
    font-size: 1.2rem;
  }
}

.post .curso__h2 {
  position: relative;
  padding-left: 1.5rem;
}

@media (min-width: 1200px) {
  .post .curso__h2 {
    padding-left: 2rem;
  }
}

.post .curso__h2:before {
  content: "> ";
  position: absolute;
  left: -3px;
}

.post .post__end {
  opacity: 0.3;
  margin: 50px 0;
}

.post .post__autor {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.post .post__autor .autor__thumb {
  width: 80px;
  aspect-ratio: 80/83;
  object-fit: cover;
  border-radius: 5px;
}

.post .post__autor .right span {
  display: block;
}

.post .post__autor .right .nome {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .post .post__autor .right .nome {
    font-size: 2.4rem;
  }
}

.post .post__autor .right .cargo {
  font-size: 1.2rem;
  margin-bottom: 0.7rem;
}

@media (min-width: 768px) {
  .post .post__autor .right .cargo {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }
}

.post .post__autor .right .links {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 768px) {
  .post .post__autor .right .links {
    gap: 2rem;
  }
}

.post .post__autor .right .links a {
  font-size: 1.2rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .post .post__autor .right .links a {
    font-size: 1.4rem;
  }
}

.post .post__autor .right .links a img {
  max-width: 15px;
  max-height: 15px;
}

@media (min-width: 768px) {
  .post .post__autor .right .links a img {
    max-width: 17px;
    max-height: 17px;
  }
}

.artigos__recentes {
  padding: 25px 0;
}

@media (min-width: 992px) {
  .artigos__recentes {
    padding: 50px 0;
  }
}

.artigos__recentes .section__title {
  margin-bottom: 25px;
}

@media (min-width: 992px) {
  .artigos__recentes .wrapper__artigos__recentes {
    display: flex;
    gap: 25px;
  }
}

.artigos__recentes .box__artigo__recente {
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid rgba(153, 153, 153, 0.1);
  padding: 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .artigos__recentes .box__artigo__recente {
    align-items: stretch;
  }
}

@media (min-width: 992px) {
  .artigos__recentes .box__artigo__recente {
    padding: 2rem;
    margin-bottom: 0rem;
  }
}

.artigos__recentes .box__artigo__recente .left {
  aspect-ratio: 318/358;
  object-fit: cover;
  width: 100px;
  border-radius: 15px;
}

@media (min-width: 768px) {
  .artigos__recentes .box__artigo__recente .left {
    width: 150px;
  }
}

@media (min-width: 1200px) {
  .artigos__recentes .box__artigo__recente .left {
    width: 200px;
  }
}

.artigos__recentes .box__artigo__recente .right {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .artigos__recentes .box__artigo__recente .right .curso__h2 {
    font-size: 2.4rem;
  }
}

.artigos__recentes .box__artigo__recente .right .curso__p {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media (min-width: 1200px) {
  .artigos__recentes .box__artigo__recente .right .curso__p {
    font-size: 1.4rem;
  }
}

.artigos__recentes .box__artigo__recente .right .btn {
  justify-self: end;
}

.title__artigos__recentes {
  font-size: clamp(18px, 3.5vw, 35px);
}

#quote {
  border-radius: 50px;
  margin-bottom: 2.5rem;
  overflow: hidden;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
}

#quote img {
  width: 100%;
  max-height: 560px;
  object-fit: contain;
}

@media (min-width: 992px) {
  #quote {
    margin-bottom: 5rem;
  }
}

#footer__ies {
  padding: 50px 0;
}

@media (min-width: 1200px) {
  #footer__ies {
    padding: 60px 0;
  }
}

#footer__ies .container .wrapper__social__footer {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 25px;
}

@media (min-width: 992px) {
  #footer__ies .container .wrapper__social__footer {
    gap: 30px;
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  #footer__ies .container .wrapper__social__footer {
    margin-bottom: 65px;
  }
}

#footer__ies .container .wrapper__social__footer svg,
#footer__ies .container .wrapper__social__footer img {
  height: 20px;
  width: 20px;
}

@media (min-width: 992px) {

  #footer__ies .container .wrapper__social__footer svg,
  #footer__ies .container .wrapper__social__footer img {
    height: 24px;
    width: 24px;
  }
}

#footer__ies .container .wrapper__menu__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}

@media (min-width: 992px) {
  #footer__ies .container .wrapper__menu__footer {
    flex-direction: row;
    align-items: flex-start;
  }
}

#footer__ies .container .wrapper__menu__footer .col {
  display: flex;
  flex-direction: column;
  text-align: center;
}

@media (min-width: 992px) {
  #footer__ies .container .wrapper__menu__footer .col {
    flex: 3;
    text-align: left;
  }

  #footer__ies .container .wrapper__menu__footer .col:last-child {
    flex: 2;
  }
}

#footer__ies .container .wrapper__menu__footer .col .col__title {
  font-size: 1.6rem;
  font-weight: 900;
  margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
  #footer__ies .container .wrapper__menu__footer .col .col__title {
    margin-bottom: 2.6rem;
  }
}

@media (min-width: 1200px) {
  #footer__ies .container .wrapper__menu__footer .col .col__title {
    font-size: 2.2rem;
    margin-bottom: 4.6rem;
  }
}

#footer__ies .container .wrapper__menu__footer .col .footer__link {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  font-weight: 400;
}

#footer__ies .container .wrapper__menu__footer .col .footer__link:hover {
  text-decoration: underline;
}

@media (min-width: 992px) {
  #footer__ies .container .wrapper__menu__footer .col .footer__link {
    margin-bottom: 1.6rem;
  }
}

@media (min-width: 1200px) {
  #footer__ies .container .wrapper__menu__footer .col .footer__link {
    font-size: 1.6rem;
    margin-bottom: 2.8rem;
  }
}

#footer__ies .container .footer__logos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  margin-top: 25px;
}

@media (min-width: 768px) {
  #footer__ies .container .footer__logos {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 992px) {
  #footer__ies .container .footer__logos {
    margin-top: 35px;
  }
}

#footer__ies .container .footer__logos svg {
  max-width: 100px;
  max-height: 26px;
}

@media (min-width: 1200px) {
  #footer__ies .container .footer__logos svg {
    max-width: 150px;
    max-height: none;
  }

  #footer__ies .container .footer__logos svg.logo__quero__bolsa {
    max-width: 130px;
  }

  #footer__ies .container .footer__logos svg.logo__ovo__educa {
    max-width: 70px;
  }
}

.freemium__header {
  padding: 25px 0;
  border-radius: 0 0 50px 50px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  margin-bottom: 25px;
}

@media (min-width: 992px) {
  .freemium__header {
    padding: 60px 0 75px;
  }
}

.title__interna {
  font-size: clamp(2rem, 3.5vw, 5rem);
  font-weight: 500;
  margin-bottom: 1.6rem;
}

@media (min-width: 992px) {
  .title__interna {
    margin-bottom: 2rem;
  }
}

.subtitle__interna {
  font-size: clamp(1.2rem, 1.8vw, 1.8rem);
  line-height: 140%;
}

.cards__interna {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 992px) {
  .cards__interna {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

.cards__interna .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 1200px) {
  .cards__interna .container {
    gap: 4rem;
  }
}

.cards__interna .container .card__interna {
  display: flex;
  border-radius: 2.5rem;
  padding: 1.5rem;
  gap: 1rem;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
}

@media (min-width: 992px) {
  .cards__interna .container .card__interna {
    padding: 2rem;
    gap: 2rem;
  }
}

@media (min-width: 1200px) {
  .cards__interna .container .card__interna {
    padding: 3rem 3.8rem;
    gap: 3rem;
  }
}

.cards__interna .container .card__interna .left {
  display: flex;
  flex-direction: column;
}

.cards__interna .container .card__interna .left .type {
  font-size: 1rem;
  display: block;
  margin-bottom: 5px;
}

@media (min-width: 992px) {
  .cards__interna .container .card__interna .left .type {
    font-size: 1.2rem;
  }
}

@media (min-width: 1200px) {
  .cards__interna .container .card__interna .left .type {
    font-size: 1.6rem;
  }
}

.cards__interna .container .card__interna .left .title {
  font-size: 1.8rem;
  font-weight: 900;
  margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
  .cards__interna .container .card__interna .left .title {
    font-size: 2.6rem;
  }
}

@media (min-width: 1200px) {
  .cards__interna .container .card__interna .left .title {
    font-size: 3.2rem;
    margin-bottom: 2.5rem;
  }
}

.cards__interna .container .card__interna .left .text {
  font-size: 1.2rem;
  line-height: 130%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-bottom: 2.5rem;
}

@media (min-width: 992px) {
  .cards__interna .container .card__interna .left .text {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .cards__interna .container .card__interna .left .text {
    font-size: 1.6rem;
    margin-bottom: 4.5rem;
  }
}

.cards__interna .container .card__interna .left .curso__interna__actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  flex: 1;
}

@media (min-width: 992px) {
  .cards__interna .container .card__interna .left .curso__interna__actions {
    flex-direction: row;
    align-items: flex-end;
  }
}

.cards__interna .container .card__interna .left .curso__interna__actions .wrapper__preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}

@media (min-width: 1200px) {
  .cards__interna .container .card__interna .left .curso__interna__actions .wrapper__preview {
    gap: 1.2rem;
  }
}

.cards__interna .container .card__interna .left .curso__interna__actions .wrapper__preview .preview__text {
  font-size: 1.2rem;
  font-weight: 700;
}

@media (min-width: 1200px) {
  .cards__interna .container .card__interna .left .curso__interna__actions .wrapper__preview .preview__text {
    font-size: 1.4rem;
  }
}

.cards__interna .container .card__interna .left .curso__interna__actions .wrapper__preview div {
  display: flex;
  gap: 1rem;
}

@media (min-width: 1200px) {
  .cards__interna .container .card__interna .left .curso__interna__actions .wrapper__preview div {
    gap: 1.5rem;
  }
}

.cards__interna .container .card__interna .left .curso__interna__actions .wrapper__preview .preview__link svg {
  max-width: 25px;
  max-height: 23px;
}

@media (min-width: 1200px) {
  .cards__interna .container .card__interna .left .curso__interna__actions .wrapper__preview .preview__link svg {
    max-width: 30px;
    max-height: 28px;
  }
}

.cards__interna .container .card__interna .right {
  width: 50%;
  max-width: 300px;
  object-fit: cover;
  border-radius: 15px;
}

@media (min-width: 992px) {
  .cards__interna .container .card__interna .right {
    max-width: 380px;
    width: 100%;
  }
}

#cadastro,
#login {
  padding-top: 2.5em;
}

@media (min-width: 992px) {

  #cadastro,
  #login {
    padding-top: 5rem;
  }
}

#cadastro .container,
#login .container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.form__cadastro,
.form__login {
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  padding: 25px 35px;
  margin-bottom: 5rem;
  width: 100%;
  max-width: 450px;
}

@media (min-width: 992px) {

  .form__cadastro,
  .form__login {
    padding: 25px 60px;
  }
}

@media (min-width: 1200px) {

  .form__cadastro,
  .form__login {
    max-width: 550px;
    padding: 40px 90px;
  }
}

.form__cadastro h2,
.form__login h2 {
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 120%;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {

  .form__cadastro h2,
  .form__login h2 {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1200px) {

  .form__cadastro h2,
  .form__login h2 {
    font-size: 2.6rem;
    margin-bottom: 3.5rem;
  }
}

.input {
  width: 100%;
  height: 3.5rem;
  border-radius: 5px;
  border: 1px solid #000;
  outline: none;
  font-family: "sofia_pro";
  padding: 0.5rem 1rem;
}

.input.error {
  border-color: red;
}

@media (min-width: 992px) {
  .input {
    height: 4rem;
  }
}

@media (min-width: 1200px) {
  .input {
    height: 4.5rem;
    font-size: 1.6rem;
  }
}

textarea {
  width: 100%;
  height: 9rem;
  border-radius: 5px;
  border: 1px solid #000;
  outline: none;
  font-family: "sofia_pro";
  padding: 1rem 1rem;
  resize: none;
}

textarea.error {
  border-color: red;
}

@media (min-width: 992px) {
  textarea {
    height: 12rem;
  }
}

@media (min-width: 1200px) {
  textarea {
    height: 15rem;
    font-size: 1.6rem;
  }
}

.form__control {
  margin-bottom: 1.6rem;
  position: relative;
}

@media (min-width: 1200px) {
  .form__control {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .form__flex__desk {
    display: flex;
    gap: 2rem;
  }
}

.form__flex {
  display: flex;
  gap: 1rem;
}

.flex-1 {
  flex: 1;
}

.flex-3 {
  flex: 3;
}

.wrapper__lgpd {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  position: relative;
}

@media (min-width: 1200px) {
  .wrapper__lgpd {
    margin-bottom: 1.4rem;
  }
}

.wrapper__lgpd label {
  font-size: 1rem;
}

@media (min-width: 992px) {
  .wrapper__lgpd label {
    font-size: 1.2rem;
  }
}

.wrapper__lgpd label a {
  font-weight: 700;
  text-decoration: underline;
}

form label.error {
  position: absolute;
  left: 0;
  top: 100%;
  color: red;
}

@media (min-width: 1200px) {
  form label.error {
    font-size: 10px;
    white-space: nowrap;
  }
}

form .alert {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0.5rem;
  border-radius: 1rem;
  display: none;
}

form .alert.msg-whait {
  background-color: #f9f4ba;
}

form .alert.msg-success {
  background-color: #ccf3be;
}

form .alert.msg-error {
  background-color: #fed1ee;
}

form .login__actions {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 2rem;
}

form .login__actions .btn {
  width: 100%;
}

@media (min-width: 1200px) {
  form .login__actions .btn {
    font-size: 1.8rem;
    padding: 13px 45px;
  }
}

form .login__actions .forgot__password {
  font-size: 13px;
  font-weight: 700;
  display: flex;
  margin-left: auto;
  max-width: fit-content;
}

form .login__actions .not__yet {
  font-weight: 700;
  font-size: 1.2rem;
}

form .login__actions .not__yet:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  form .login__actions .not__yet {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  form .login__actions .not__yet {
    font-size: 1.8rem;
  }
}

form .wrapper__actions {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 992px) {
  form .wrapper__actions {
    margin-top: 4rem;
  }
}

@media (min-width: 1200px) {
  form .wrapper__actions {
    margin-top: 6rem;
  }
}

@media (min-width: 1200px) {
  form .wrapper__actions .btn {
    font-size: 1.8rem;
    padding: 13px 45px;
  }
}

form .wrapper__actions .already {
  font-weight: 700;
  font-size: 1.2rem;
}

form .wrapper__actions .already:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  form .wrapper__actions .already {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  form .wrapper__actions .already {
    font-size: 1.8rem;
  }
}

.cep__error {
  color: red;
  font-size: 1rem;
  margin-top: 0.3rem;
  display: none;
}

.cep__error.active {
  display: block;
}

.curso__header {
  padding: 25px 0;
  border-radius: 0 0 50px 50px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 992px) {
  .curso__header {
    padding: 60px 0 75px;
  }
}

.curso__header .left {
  width: 50%;
}

.curso__header__img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 45%;
  object-fit: cover;
}

.category__curso {
  display: block;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .category__curso {
    font-size: 1.4rem;
    margin-bottom: 0.7rem;
  }
}

@media (min-width: 1200px) {
  .category__curso {
    font-size: 2rem;
  }
}

.title__curso {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .title__curso {
    font-size: 4rem;
    margin-bottom: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .title__curso {
    font-size: 6rem;
    margin-bottom: 4.5rem;
  }
}

.subtitle__curso {
  font-size: 1rem;
}

@media (min-width: 768px) {
  .subtitle__curso {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .subtitle__curso {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

.curso__tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  gap: 5px;
  margin-bottom: 25px;
}

@media (min-width: 992px) {
  .curso__tabs {
    justify-content: space-between;
    margin-bottom: 50px;
  }
}

.curso__tab__button {
  border-style: solid;
  border-width: 1px;
  font-size: 1.2rem;
  padding: 8px 15px;
  border-radius: 7px;
  cursor: pointer;
}

@media (min-width: 992px) {
  .curso__tab__button {
    font-size: 1.4rem;
    padding: 10px 20px;
  }
}

@media (min-width: 1200px) {
  .curso__tab__button {
    font-size: 1.6rem;
    padding: 12px 30px;
  }
}

.curso__tab__button:hover,
.curso__tab__button.active {
  font-weight: 700;
}

.tab {
  display: none;
}

.tab.active {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 50px;
}

@media (min-width: 768px) {
  .tab.active {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
}

@media (min-width: 1200px) {
  .tab.active {
    justify-content: center;
    gap: 35px;
  }
}

.card__curso {
  width: 100%;
  max-width: 350px;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  position: relative;
}

@media (min-width: 1200px) {
  .card__curso {
    max-width: 355px;
  }
}

.card__curso:hover {
  opacity: 0.8;
}

.card__curso .play {
  color: #FFF;
  position: absolute;
  font-size: 8rem;
  left: 50%;
  transform: translateX(-50%);
  top: 5rem;
  opacity: 0.8;
  z-index: 5;
}

.card__curso .wrapper__img__soundbar {
  position: relative;
}

.card__curso .soundbars {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.card__curso .btn-download {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  margin-top: 2rem;
}

.card__curso .btn-download img {
  width: 15px;
}

@media (min-width: 992px) {
  .card__curso .btn-download img {
    width: 20px;
  }
}

.card__curso .top {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.card__curso .bottom {
  padding: 10px 16px;
  height: 100%;
}

.card__curso .card__curso__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.card__curso .card__curso__text {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.card__curso .duration {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: flex-end;
  font-size: 1.4rem;
  font-weight: 700;
  color: #909296;
}

.card__curso .duration svg {
  width: 20px;
}

.card__curso .duration svg path {
  fill: #909296;
}

.escolha__formacao {
  padding: 25px 0;
}

@media (min-width: 992px) {
  .escolha__formacao {
    padding: 50px 0;
  }
}

.escolha__formacao .categorias__tabs {
  margin-top: 25px;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

@media (min-width: 576px) {
  .escolha__formacao .categorias__tabs {
    flex-wrap: nowrap;
  }
}

@media (min-width: 992px) {
  .escolha__formacao .categorias__tabs {
    gap: 2rem;
  }
}

.escolha__formacao .categorias__tabs li {
  width: 48%;
  text-align: center;
}

@media (min-width: 576px) {
  .escolha__formacao .categorias__tabs li {
    width: auto;
    flex: 1;
  }
}

.escolha__formacao .categorias__tabs li strong {
  pointer-events: none;
}

.escolha__formacao .categorias__tabs .categoria__tab__button {
  border-style: solid;
  border-width: 1px;
  font-size: 1.2rem;
  padding: 8px 15px;
  border-radius: 7px;
  cursor: pointer;
}

@media (min-width: 992px) {
  .escolha__formacao .categorias__tabs .categoria__tab__button {
    font-size: 2rem;
    padding: 15px 30px;
  }
}

@media (min-width: 1200px) {
  .escolha__formacao .categorias__tabs .categoria__tab__button {
    font-size: 2.4rem;
  }
}

.tab-categoria {
  display: none;
}

.tab-categoria.active {
  display: block;
  /* display: inline-block; */
}

.cursos__header {
  padding: 25px;
  border-radius: 0 0 50px 50px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .cursos__header {
    padding: 50px 0px;
  }
}

.title__cursos {
  font-size: 4rem;
}

@media (min-width: 992px) {
  .title__cursos {
    font-size: 6rem;
  }
}

@media (min-width: 1200px) {
  .title__cursos {
    font-size: 9rem;
  }
}

.cursos__tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  gap: 5px;
  margin-bottom: 25px;
  margin-top: 25px;
}

@media (min-width: 992px) {
  .cursos__tabs {
    justify-content: space-between;
    margin-bottom: 50px;
  }
}

.cursos__tab__button {
  border-style: solid;
  border-width: 1px;
  font-size: 1.2rem;
  padding: 8px 15px;
  border-radius: 7px;
  cursor: pointer;
}

@media (min-width: 992px) {
  .cursos__tab__button {
    font-size: 1.4rem;
    padding: 10px 20px;
  }
}

@media (min-width: 1200px) {
  .cursos__tab__button {
    font-size: 1.6rem;
    padding: 12px 30px;
  }
}

.cursos__tab__button:hover,
.cursos__tab__button.active {
  font-weight: 700;
}

.wrapper__cards__cursos .card__course {
  max-width: 350px;
}

@media (min-width: 1200px) {
  .wrapper__cards__cursos .card__course .bottom {
    min-height: 155px;
  }
}

.pagination {
  display: none;
}

.pagination.active {
  display: flex;
  list-style: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 25px;
}

@media (min-width: 992px) {
  .pagination.active {
    gap: 35px;
    margin-bottom: 45px;
  }
}

.wrapper__cards__cursos .pagination {
  width: 100%;
}

.pagination li {
  font-size: 2rem;
  color: #909296;
  cursor: pointer;
}

@media (min-width: 992px) {
  .pagination li {
    font-size: 2.6rem;
  }
}

.pagination li img {
  height: 12px;
}

.pagination li.active,
.pagination li:hover {
  color: #000;
  font-size: 2.2rem;
}

@media (min-width: 992px) {

  .pagination li.active,
  .pagination li:hover {
    font-size: 3rem;
  }
}

.curso__banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 170px;
}

@media (min-width: 576px) {
  .curso__banner {
    height: 175px;
  }
}

@media (min-width: 768px) {
  .curso__banner {
    height: 250px;
  }
}

@media (min-width: 992px) {
  .curso__banner {
    height: 300px;
  }
}

@media (min-width: 1200px) {
  .curso__banner {
    height: 370px;
  }
}

@media (min-width: 1500px) {
  .curso__banner {
    height: 420px;
  }
}

.curso__banner .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 0;
}

.curso__banner .left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 60%;
  color: #000;
}

@media (min-width: 768px) {
  .curso__banner .left {
    max-width: 50%;
  }
}

.curso__banner .curso__type {
  font-size: 1.4rem;
  display: block;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .curso__banner .curso__type {
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .curso__banner .curso__type {
    font-size: 2rem;
  }
}

.curso__banner .curso__name {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .curso__banner .curso__name {
    font-size: 2.6rem;
  }
}

@media (min-width: 992px) {
  .curso__banner .curso__name {
    font-size: 3rem;
  }
}

@media (min-width: 1200px) {
  .curso__banner .curso__name {
    font-size: 4.5rem;
    margin-bottom: 2.5rem;
  }
}

.curso__banner .curso__description {
  font-size: 1.2rem;
  line-height: 1.4rem;
}

@media (min-width: 768px) {
  .curso__banner .curso__description {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 992px) {
  .curso__banner .curso__description {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.curso__index-wrapper {
  position: sticky;
  top: 0;
  z-index: 50;
  background-color: #ffffff;
}

.curso__index {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding: 2.5rem 0;
  border-top: 1px solid #c1c6d0;
  border-bottom: 1px solid #c1c6d0;
}

.curso__index-item-wrapper {
  display: grid;
  place-items: center;
  width: max-content;
}

@media only screen and (min-width: 768px) {
  .curso__index {
    flex-wrap: nowrap;
    justify-content: space-around;
  }

  .curso__index-item-wrapper {
    width: max-content;
  }
}

@media only screen and (min-width: 992px) {
  .curso__index {
    position: static;
  }

  .curso__index-item-wrapper {
    width: 100%;
  }
}

.curso__index .curso__index__item {
  font-size: 1.2rem;
  color: #1b1c1e;
}

@media (min-width: 576px) {
  .curso__index .curso__index__item {
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .curso__index {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }

  .curso__index__item {
    display: grid;
    place-items: center;
    width: 100%;
  }

  .curso__index .curso__index__item {
    font-size: 1.8rem;
  }
}

.curso__index .curso__index__item.active:not(.tab__panel__button-precos),
.curso__index .curso__index__item:hover:not(.tab__panel__button-precos) {
  font-size: 1.4rem;
  font-weight: 700;
  color: #000;
}

@media (min-width: 576px) {

  .curso__index .curso__index__item.active:not(.tab__panel__button-precos),
  .curso__index .curso__index__item:hover:not(.tab__panel__button-precos) {
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {

  .curso__index .curso__index__item.active:not(.tab__panel__button-precos),
  .curso__index .curso__index__item:hover:not(.tab__panel__button-precos) {
    font-size: 2rem;
  }
}

.curso__h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.6rem;
}

@media (min-width: 768px) {
  .curso__h2 {
    font-size: 2.4rem;
  }
}

@media (min-width: 1200px) {
  .curso__h2 {
    font-size: 3.1rem;
    margin-bottom: 2.2rem;
  }
}

.curso__p {
  font-size: 1.2rem;
  line-height: 120%;
  margin-bottom: 1rem;
  text-align: justify;
}

@media (min-width: 768px) {
  .curso__p {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .curso__p {
    font-size: 1.6rem;
    line-height: 135%;
  }
}

.o__curso {
  padding: 2.5rem 0;
}

@media (min-width: 992px) {
  .o__curso {
    padding: 5rem 0;
  }
}

@media (min-width: 1200px) {
  .o__curso {
    padding: 7rem 0;
  }
}

.o__curso .container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .o__curso .container {
    flex-direction: row;
    gap: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .o__curso .container {
    gap: 6rem;
  }
}

@media (min-width: 992px) {
  .o__curso .container .left {
    flex: 6;
  }
}

.o__curso .container .left .bloco {
  margin-bottom: 3rem;
}

@media (min-width: 1200px) {
  .o__curso .container .left .bloco {
    margin-bottom: 5rem;
  }
}

.o__curso .container .right {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}

@media (min-width: 992px) {
  .o__curso .container .right {
    flex-direction: column;
    flex: 2;
    justify-content: flex-start;
  }
}

@media (min-width: 1200px) {
  .o__curso .container .right {
    gap: 3rem;
  }
}

.o__curso .container .right li {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #909296;
  width: 40%;
}

@media (min-width: 576px) {
  .o__curso .container .right li {
    width: auto;
  }
}

.o__curso .container .right li .curso__info__icon {
  max-width: 2.5rem;
  max-height: 2.5rem;
}

@media (min-width: 1200px) {
  .o__curso .container .right li .curso__info__icon {
    max-width: 3rem;
    max-height: 3rem;
  }
}

.o__curso .container .right li .curso__info {
  font-size: 1.6rem;
  line-height: 90%;
}

@media (min-width: 1200px) {
  .o__curso .container .right li .curso__info {
    font-size: 2.2rem;
    line-height: 70%;
  }
}

.o__curso .container .right li .curso__info small {
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .o__curso .container .right li .curso__info small {
    font-size: 1.4rem;
  }
}

.curso__diferenciais {
  padding: 50px 0;
  margin: 25px 0 0;
}

@media (min-width: 992px) {
  .curso__diferenciais {
    padding: 75px 0;
  }
}

.curso__diferenciais .curso__h2 {
  text-align: center;
}

@media (min-width: 992px) {
  .curso__diferenciais .curso__h2 {
    margin-bottom: 4rem;
  }
}

.curso__diferenciais .wrapper__diferenciais {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: center;
  align-items: center;
  margin-bottom: 5rem;
}

@media (min-width: 992px) {
  .curso__diferenciais .wrapper__diferenciais {
    flex-wrap: nowrap;
    gap: 8%;
  }
}

@media (min-width: 1500px) {
  .curso__diferenciais .wrapper__diferenciais {
    justify-content: space-between;
  }
}

.curso__diferenciais .wrapper__diferenciais .diferencial {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 250px;
}

@media (min-width: 992px) {
  .curso__diferenciais .wrapper__diferenciais .diferencial {
    max-width: 450px;
    width: 100%;
  }
}

.curso__diferenciais .wrapper__diferenciais .diferencial .diferencial__image {
  height: 70px;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
}

.curso__diferenciais .wrapper__diferenciais .diferencial svg {
  width: 55px;
}

@media (min-width: 992px) {
  .curso__diferenciais .wrapper__diferenciais .diferencial .diferencial__image {
    height: 90px;
  }

  .curso__diferenciais .wrapper__diferenciais .diferencial svg {
    width: 75px;
    margin-bottom: 2rem;
  }
}

.curso__diferenciais .wrapper__diferenciais .diferencial .diferencial__title {
  font-weight: 900;
  font-size: 1.6vw;
  font-size: clamp(1.6rem, 1.6vw, 2.5rem);
  margin-bottom: 1.6rem;
}

@media (min-width: 992px) {
  .curso__diferenciais .wrapper__diferenciais .diferencial .diferencial__title {
    margin-bottom: 2rem;
  }
}

.curso__diferenciais .wrapper__diferenciais .diferencial .diferencial__p {
  font-size: clamp(1.2rem, 1.2vw, 1.6rem);
  line-height: 160%;
}

.curso__diferenciais .btn {
  margin: 0 auto;
  width: 50vw;
  max-width: 300px;
  font-size: min(4.5vw, 20px);
  padding-block: 10px;
}

.coordenadores {
  padding: 25px 0;
}

@media (min-width: 1200px) {
  .coordenadores {
    padding: 40px 0;
  }
}

.coordenadores .box__coordenador {
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid rgba(153, 153, 153, 0.1);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .coordenadores .box__coordenador {
    flex-direction: row;
    padding: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .coordenadores .box__coordenador .card__professor {
    flex: 10;
  }

  .coordenadores .box__coordenador .professor__video__right {
    flex: 4;
  }
}

@media (min-width: 1200px) {
  .coordenadores .box__coordenador {
    padding: 50px 35px 25px;
    gap: 2.5rem;
  }
}

.coordenadores .box__coordenador .professor__video__right a {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  position: relative;
}

.coordenadores .box__coordenador .professor__video__right a .prof__thumb__video {
  width: 100%;
  max-width: 350px;
  aspect-ratio: 10/6;
  object-fit: cover;
  border-radius: 15px;
}

.coordenadores .box__coordenador .professor__video__right a .play {
  position: absolute;
  width: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.coordenadores .box__coordenador .professor__video__right .video__subtitle {
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  display: block;
}

@media (min-width: 1200px) {
  .coordenadores .box__coordenador .professor__video__right .video__subtitle {
    font-size: 1.5rem;
    line-height: 120%;
  }
}

.coordenadores .btn {
  margin: 0 auto;
}

.card__professor {
  display: flex;
  align-items: start;
  gap: 1rem;
}

@media (min-width: 768px) {
  .card__professor {
    gap: 1.5rem;
  }
}

.card__professor .thumb__professor {
  width: 75px;
  aspect-ratio: 9/10;
  border-radius: 5px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .card__professor .thumb__professor {
    width: 150px;
  }
}

@media (min-width: 1200px) {
  .card__professor .thumb__professor {
    width: 195px;
  }
}

.card__professor .right .cargo__professor {
  color: #909296;
  font-size: 1.2rem;
  display: block;
  margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .card__professor .right .cargo__professor {
    font-size: 1.4rem;
  }
}

.card__professor .right .nome__professor {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .card__professor .right .nome__professor {
    font-size: 2.6rem;
  }
}

@media (min-width: 1200px) {
  .card__professor .right .nome__professor {
    font-size: 3.2rem;
    margin-bottom: 1.7rem;
  }
}

.card__professor .right .descricao__professor {
  font-size: 1rem;
  line-height: 120%;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}

@media (min-width: 768px) {
  .card__professor .right .descricao__professor {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .card__professor .right .descricao__professor {
    font-size: 1.6rem;
  }
}

.card__professor .right .professor__leia__mais {
  display: block;
  text-align: end;
  margin-top: 0.5rem;
  color: #909296;
  font-size: 1.2rem;
}

@media (min-width: 992px) {
  .card__professor .right .professor__leia__mais {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .card__professor .right .professor__leia__mais {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
}

.card__professor .right .actions__professor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .card__professor .right .actions__professor {
    flex-direction: row;
    justify-content: space-between;
  }
}

.card__professor .right .actions__professor .actions__title {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .card__professor .right .actions__professor .actions__title {
    margin-bottom: 1rem;
  }
}

.card__professor .right .actions__professor .redes .wrapper__redes {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 992px) {
  .card__professor .right .actions__professor .redes .wrapper__redes {
    gap: 2rem;
  }
}

@media (min-width: 1200px) {
  .card__professor .right .actions__professor .redes .wrapper__redes {
    gap: 3rem;
  }
}

.card__professor .right .actions__professor .redes .wrapper__redes a {
  font-size: 1.2rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .card__professor .right .actions__professor .redes .wrapper__redes a {
    font-size: 1.6rem;
  }
}

.card__professor .right .actions__professor .redes .wrapper__redes a img {
  max-width: 18px;
  max-height: 18px;
}

@media (min-width: 768px) {
  .card__professor .right .actions__professor .redes .wrapper__redes a img {
    max-width: 20px;
    max-height: 20px;
  }
}

.card__professor .right .actions__professor .saiba .wrapper__saiba {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 768px) {
  .card__professor .right .actions__professor .saiba .wrapper__saiba {
    justify-content: flex-end;
  }
}

@media (min-width: 992px) {
  .card__professor .right .actions__professor .saiba .wrapper__saiba {
    gap: 2rem;
  }
}

.card__professor .right .actions__professor .saiba .wrapper__saiba a img {
  max-width: 20px;
  max-height: 20px;
}

@media (min-width: 768px) {
  .card__professor .right .actions__professor .saiba .wrapper__saiba a img {
    max-width: 25px;
    max-height: 25px;
  }
}

.professores {
  padding: 25px 0;
}

@media (min-width: 1200px) {
  .professores {
    padding: 50px 0;
  }
}

.professores .btn {
  margin: 0 auto;
}

.professores .box__professor {
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid rgba(153, 153, 153, 0.1);
  padding: 1.5rem;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .professores .box__professor {
    padding: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .professores .box__professor {
    padding: 35px 35px 25px;
    gap: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .professores .card__professor .thumb__professor {
    width: 150px;
  }
}

.modal__curriculo {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: none;
}

.modal__curriculo .close__modal {
  position: absolute;
  top: 35px;
  right: 35px;
  z-index: 99;
  cursor: pointer;
}

.modal__curriculo .close__modal img {
  width: 20px;
}

.modal__curriculo .overlay__modal {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  inset: 0;
}

.modal__curriculo .wrapper__curriculo__professor {
  max-width: 1000px;
  width: 95%;
  padding: 1rem;
  border-radius: 15px;
  margin: 0 auto;
  height: 500px;
  background-color: #FFF;
  position: absolute;
  overflow: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 992px) {
  .modal__curriculo .wrapper__curriculo__professor {
    height: min-content;
    max-height: 90%;
    padding: 3.5rem;
  }
}

.modal__curriculo .wrapper__curriculo__professor .descricao__professor__full {
  font-size: 1rem;
  line-height: 120%;
  text-align: justify;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .modal__curriculo .wrapper__curriculo__professor .descricao__professor__full {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .modal__curriculo .wrapper__curriculo__professor .descricao__professor__full {
    font-size: 1.6rem;
  }
}

.preview {
  padding: 25px 0;
}

@media (min-width: 992px) {
  .preview {
    padding: 50px 0;
  }
}

.preview .btn {
  margin: 25px auto 0;
}

.box__preview {
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid rgba(153, 153, 153, 0.1);
  padding: 1.5rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .box__preview {
    flex-direction: row;
    gap: 2rem;
  }

  .box__preview .left {
    flex: 4;
  }

  .box__preview .right {
    flex: 1;
  }
}

@media (min-width: 992px) {
  .box__preview {
    padding: 2.5rem;
  }
}

.box__preview .left .preview__disciplina {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  display: block;
}

@media (min-width: 992px) {
  .box__preview .left .preview__disciplina {
    font-size: 1.4rem;
  }
}

.box__preview .left .preview__nome {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1.4rem;
}

@media (min-width: 992px) {
  .box__preview .left .preview__nome {
    font-size: 2rem;
  }
}

@media (min-width: 1200px) {
  .box__preview .left .preview__nome {
    font-size: 2.6rem;
  }
}

.box__preview .left .preview__nome span {
  font-weight: 500;
  color: #909296;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .box__preview .left .preview__nome span {
    font-size: 1.8rem;
  }
}

.box__preview .left .preview__descricao {
  font-size: 1.2rem;
  line-height: 120%;
}

@media (min-width: 992px) {
  .box__preview .left .preview__descricao {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .box__preview .left .preview__descricao {
    font-size: 1.6rem;
  }
}

.box__preview .left .preview__flex {
  margin-top: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box__preview .left .preview__flex .preview__professor {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.box__preview .left .preview__flex .preview__professor img {
  width: 40px;
  height: 41px;
  object-fit: cover;
  border-radius: 5px;
}

.box__preview .left .preview__flex .preview__professor .preview__professor__nome {
  font-size: 1.4rem;
  font-weight: 700;
}

.box__preview .left .preview__flex .wrapper__preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}

@media (min-width: 1200px) {
  .box__preview .left .preview__flex .wrapper__preview {
    gap: 1.2rem;
  }
}

.box__preview .left .preview__flex .wrapper__preview .preview__text {
  font-size: 1.2rem;
  font-weight: 700;
}

@media (min-width: 1200px) {
  .box__preview .left .preview__flex .wrapper__preview .preview__text {
    font-size: 1.4rem;
  }
}

.box__preview .left .preview__flex .wrapper__preview div {
  display: flex;
  gap: 1rem;
}

@media (min-width: 1200px) {
  .box__preview .left .preview__flex .wrapper__preview div {
    gap: 1.5rem;
  }
}

.box__preview .left .preview__flex .wrapper__preview .preview__link svg {
  max-width: 25px;
  max-height: 23px;
}

@media (min-width: 1200px) {
  .box__preview .left .preview__flex .wrapper__preview .preview__link svg {
    max-width: 30px;
    max-height: 28px;
  }
}

.box__preview .right {
  max-width: 350px;
  width: 100%;
  border-radius: 15px;
}

@media (min-width: 768px) {
  .box__preview .right {
    width: 200px;
  }
}

@media (min-width: 992px) {
  .box__preview img.right {
    width: 225px;
    height: 180px;
    object-fit: cover;
    object-position: center;
  }
}

.legado {
  padding: 25px 0;
}

@media (min-width: 992px) {
  .legado {
    padding: 50px 0;
  }
}

.legado .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}

@media (min-width: 992px) {
  .legado .container {
    flex-direction: row;
  }
}

.legado .left .wrapper__saiba__mais {
  margin-top: 2rem;
}

.legado .left .wrapper__saiba__mais .saiba__mais {
  font-size: 1.2rem;
  font-weight: 700;
  display: block;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  .legado .left .wrapper__saiba__mais .saiba__mais {
    font-size: 1.4rem;
  }
}

.legado .left .wrapper__saiba__mais div {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.legado .left .wrapper__saiba__mais div svg {
  max-width: 20px;
  max-height: 20px;
}

@media (min-width: 992px) {
  .legado .left .wrapper__saiba__mais div svg {
    max-width: 28px;
    max-height: 28px;
  }
}

.legado .right {
  width: 100%;
  max-width: 350px;
}

@media (min-width: 1200px) {
  .legado .right {
    max-width: 530px;
  }
}

.depoimentos {
  padding: 25px 0 50px;
}

.depoimentos .btn {
  margin: 50px auto 0;
}

.splide__depoimentos .splide__slide {
  padding: 10px;
}

.splide__depoimentos .splide__arrow {
  background: none;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.splide__depoimentos .splide__arrow.splide__arrow--prev {
  left: -5px;
}

@media (min-width: 992px) {
  .splide__depoimentos .splide__arrow.splide__arrow--prev {
    left: -25px;
  }
}

@media (min-width: 1200px) {
  .splide__depoimentos .splide__arrow.splide__arrow--prev {
    left: -45px;
  }
}

.splide__depoimentos .splide__arrow.splide__arrow--next {
  right: -5px;
}

@media (min-width: 992px) {
  .splide__depoimentos .splide__arrow.splide__arrow--next {
    right: -25px;
  }
}

@media (min-width: 1200px) {
  .splide__depoimentos .splide__arrow.splide__arrow--next {
    right: -45px;
  }
}

.splide__depoimentos .splide__arrow svg {
  width: 80%;
  max-width: 30px;
  height: auto;
}

.splide__depoimentos .splide__arrow svg path {
  fill: #909296;
}

@media (min-width: 992px) {
  .splide__depoimentos .splide__arrow {
    width: 50px;
    height: 50px;
  }
}

@media (min-width: 1200px) {
  .splide__depoimentos .splide__arrow {
    width: 58px;
    height: 58px;
  }
}

.splide__depoimentos .splide__pagination {
  position: absolute;
  bottom: -10px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 16px;
}

@media (min-width: 992px) {
  .splide__depoimentos .splide__pagination {
    gap: 22px;
    bottom: -20px;
  }
}

.splide__depoimentos .splide__pagination .splide__pagination__page {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #909296;
  background: none;
  cursor: pointer;
  margin: 0;
  transform: none;
}

@media (min-width: 992px) {
  .splide__depoimentos .splide__pagination .splide__pagination__page {
    width: 15px;
    height: 15px;
    border: 2px solid #909296;
  }
}

@media (min-width: 1200px) {
  .splide__depoimentos .splide__pagination .splide__pagination__page {
    width: 18px;
    height: 18px;
    border: 2px solid #909296;
  }
}

.splide__depoimentos .splide__pagination .splide__pagination__page.is-active {
  background-color: #909296;
}

.card__depoimento {
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid rgba(153, 153, 153, 0.1);
  padding: 1.5rem;
}

@media (min-width: 992px) {
  .card__depoimento {
    padding: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .card__depoimento {
    padding: 3rem 2.5rem;
  }
}

.card__depoimento header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .card__depoimento header {
    margin-bottom: 3rem;
  }
}

.card__depoimento header img {
  width: 70px;
  height: 74px;
  object-fit: cover;
  border-radius: 5px;
}

.card__depoimento header .depoimento__nome {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}

@media (min-width: 992px) {
  .card__depoimento header .depoimento__nome {
    font-size: 2.2rem;
  }
}

.card__depoimento header .depoimento__cargo {
  font-size: 1.2rem;
  color: #909296;
}

@media (min-width: 992px) {
  .card__depoimento header .depoimento__cargo {
    font-size: 1.4rem;
  }
}

.card__depoimento .depoimento__texto {
  font-size: 1.2rem;
  line-height: 120%;
}

@media (min-width: 992px) {
  .card__depoimento .depoimento__texto {
    font-size: 1.4rem;
  }
}

.curso__ava {
  padding: 25px 0;
}

@media (min-width: 992px) {
  .curso__ava {
    padding: 50px 0;
  }
}

.curso__ava .btn {
  margin: 25px auto 0;
  padding: 8px 50px;
}

@media (min-width: 1200px) {
  .curso__ava .btn {
    padding: 13px 50px;
  }
}

.curso__ava .container {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 25px;
}

@media (min-width: 768px) {
  .curso__ava .container {
    flex-direction: row;
  }
}

.curso__ava .right .wrapper__saiba__mais {
  margin-top: 2rem;
}

.curso__ava .right .wrapper__saiba__mais .saiba__mais {
  font-size: 1.2rem;
  font-weight: 700;
  display: block;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  .curso__ava .right .wrapper__saiba__mais .saiba__mais {
    font-size: 1.4rem;
  }
}

.curso__ava .right .wrapper__saiba__mais div {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.curso__ava .right .wrapper__saiba__mais div svg {
  max-width: 20px;
  max-height: 20px;
}

@media (min-width: 992px) {
  .curso__ava .right .wrapper__saiba__mais div svg {
    max-width: 28px;
    max-height: 28px;
  }
}

.curso__ava .left {
  max-width: 350px;
  width: 100%;
  border-radius: 15px;
}

@media (min-width: 992px) {
  .curso__ava .left {
    max-width: 450px;
  }
}

@media (min-width: 1200px) {
  .curso__ava .left {
    max-width: 570px;
  }
}

.tab-precos {
  padding: 25px 0;
}

@media (min-width: 992px) {
  .tab-precos {
    padding: 50px 0;
  }
}

.tab-precos button {
  background: none;
}

.tab-precos .btn,
.tab-precos button {
  cursor: pointer;
}

.precos__step {
  display: none;
}

.precos__step.active {
  display: block;
}

.precos__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .precos__header {
    margin-bottom: 3rem;
  }
}

.precos__header h2 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .precos__header h2 {
    font-size: 3rem;
    margin-bottom: 3rem;
  }
}

.precos__header .precos__steps__index {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}

.precos__header .precos__steps__index li {
  width: 30px;
  height: 30px;
  background-color: #FFF;
  color: #000;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  border-radius: 50%;
}

.precos__header .precos__steps__index li span {
  margin-top: -2px;
}

.precos__header .precos__steps__index li.done {
  background-color: #000;
  color: #FFF;
}

.precos__header .precos__steps__index li.active {
  background-color: #000;
  color: #FFF;
  width: 40px;
  height: 40px;
  font-size: 2.5rem;
}

.precos__header .precos__steps__index li.active span {
  font-weight: bold;
  margin-top: -3px;
}

.box__precos__step-1 {
  margin: 0 auto;
  max-width: 450px;
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid rgba(153, 153, 153, 0.1);
  overflow: hidden;
}

.box__precos__step-1 .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35px 10px 25px;
}

@media (min-width: 992px) {
  .box__precos__step-1 .top {
    padding: 50px 10px 30px;
  }
}

.box__precos__step-1 .top span {
  display: block;
}

.box__precos__step-1 .top .por__ate {
  font-size: 1.4rem;
}

@media (min-width: 992px) {
  .box__precos__step-1 .top .por__ate {
    font-size: 1.6rem;
  }
}

.box__precos__step-1 .top .valor {
  font-size: 6rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

@media (min-width: 992px) {
  .box__precos__step-1 .top .valor {
    font-size: 8rem;
  }
}

.box__precos__step-1 .top .desconto {
  font-size: 1rem;
  color: #857f97;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .box__precos__step-1 .top .desconto {
    font-size: 1.2rem;
  }
}

.box__precos__step-1 .bottom {
  padding: 15px 50px;
}

@media (min-width: 992px) {
  .box__precos__step-1 .bottom {
    padding: 25px 65px;
  }
}

.box__precos__step-1 .bottom .line {
  font-size: 1.2rem;
  margin-bottom: 0.8rem;
  line-height: 120%;
}

@media (min-width: 992px) {
  .box__precos__step-1 .bottom .line {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
}

.box__precos__step-1 .bottom .form__escolha__turma {
  margin-top: 2rem;
}

@media (min-width: 992px) {
  .box__precos__step-1 .bottom .form__escolha__turma {
    margin-top: 3rem;
  }
}

.box__precos__step-1 .bottom .form__escolha__turma .escolha {
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
  display: block;
}

@media (min-width: 992px) {
  .box__precos__step-1 .bottom .form__escolha__turma .escolha {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}

.box__precos__step-1 .bottom .form__escolha__turma .btn {
  margin-left: auto;
}

@media (min-width: 992px) {
  .box__precos__step-1 .bottom .form__escolha__turma .btn {
    margin-top: 3rem;
  }
}

.box__precos__step-1 .opcoes__pagamento,
.box__precos__step-1 .quero__ser__convencido {
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
}

@media (min-width: 992px) {

  .box__precos__step-1 .opcoes__pagamento,
  .box__precos__step-1 .quero__ser__convencido {
    font-size: 1.6rem;
  }
}

.box__precos__step-1 .opcoes__pagamento:before,
.box__precos__step-1 .quero__ser__convencido:before {
  content: "> ";
  position: absolute;
  left: -13px;
}

.box__precos__standard {
  margin: 0 auto;
  max-width: 450px;
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid rgba(153, 153, 153, 0.1);
  overflow: hidden;
  padding: 35px 25px;
}

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

.box__precos__standard .form__opcoes__pagamento h3 {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .box__precos__standard .form__opcoes__pagamento h3 {
    margin-bottom: 4rem;
  }
}

.box__precos__standard .form__opcoes__pagamento .ou {
  display: block;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .box__precos__standard .form__opcoes__pagamento .ou {
    font-size: 1.4rem;
    margin-bottom: 3rem;
  }
}

.box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento {
    margin-bottom: 3rem;
  }
}

.box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento input {
  position: relative;
  cursor: pointer;
}

.box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento input:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background-color: white;
  border: 1px solid black;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento input:checked:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  background-color: black;
  border: 1px solid black;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento label {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

.box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento label span {
  font-size: 1.2rem;
}

@media (min-width: 768px) {
  .box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento label span {
    font-size: 1.4rem;
  }
}

.box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento label .vezes {
  width: 27px;
  border-right: 1px solid #909296;
}

@media (min-width: 768px) {
  .box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento label .vezes {
    width: 32px;
  }
}

.box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento label .desconto {
  flex: 1;
  text-align: center;
}

.box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento label .valor__total {
  width: 80px;
  border-left: 1px solid #909296;
  text-align: right;
}

@media (min-width: 768px) {
  .box__precos__standard .form__opcoes__pagamento .wrapper__opcao__pagamento label .valor__total {
    width: 100px;
  }
}

.box__precos__standard .form__opcoes__pagamento .btn {
  margin-left: auto;
  margin-top: 3rem;
}

@media (min-width: 1200px) {
  .box__precos__standard .form__opcoes__pagamento .btn {
    margin-top: 5rem;
  }
}

.box__precos__standard .form__matricule-se__dados .btn {
  margin-left: auto;
  margin-top: 3rem;
}

.wrapper__step__5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
}

@media (min-width: 992px) {
  .wrapper__step__5 {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 75px;
  }
}

.wrapper__step__5 .left {
  width: 100%;
  max-width: 350px;
}

@media (min-width: 992px) {
  .wrapper__step__5 .left {
    max-width: 450px;
  }
}

.wrapper__step__5 .left .resumo {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 3rem;
}

@media (min-width: 992px) {
  .wrapper__step__5 .left .resumo {
    font-size: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .wrapper__step__5 .left .resumo {
    font-size: 3rem;
    margin-bottom: 5rem;
  }
}

.wrapper__step__5 .left .subtotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2rem;
  border-bottom: 1px solid #909296;
  margin-bottom: 2rem;
}

.wrapper__step__5 .left .subtotal span {
  display: flex;
  font-size: 1.4rem;
  gap: 0.3rem;
}

@media (min-width: 992px) {
  .wrapper__step__5 .left .subtotal span {
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .wrapper__step__5 .left .subtotal span {
    font-size: 2rem;
  }
}

.wrapper__step__5 .left .total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wrapper__step__5 .left .total span {
  display: flex;
  font-size: 2rem;
  font-weight: bold;
  gap: 0.3rem;
}

@media (min-width: 992px) {
  .wrapper__step__5 .left .total span {
    font-size: 2.6rem;
  }
}

@media (min-width: 1200px) {
  .wrapper__step__5 .left .total span {
    font-size: 3.2rem;
  }
}

.wrapper__step__5 .left .total span div {
  font-weight: bold;
}

.wrapper__step__5 .right {
  width: 100%;
  max-width: 350px;
}

@media (min-width: 992px) {
  .wrapper__step__5 .right {
    max-width: 475px;
  }
}

.wrapper__step__5 .right .box__payment {
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid rgba(153, 153, 153, 0.1);
  overflow: hidden;
  padding: 25px 35px;
  margin-bottom: 2.5rem;
}

.wrapper__step__5 .right .wrapper__payment__option {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.wrapper__step__5 .right .wrapper__payment__option input {
  position: relative;
  cursor: pointer;
}

.wrapper__step__5 .right .wrapper__payment__option input:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background-color: white;
  border: 1px solid black;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wrapper__step__5 .right .wrapper__payment__option input:checked:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  background-color: black;
  border: 1px solid black;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.wrapper__step__5 .right .wrapper__payment__option label {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.wrapper__step__5 .right .wrapper__payment__option label .payment__icon {
  width: 35px;
}

.wrapper__step__5 .right .wrapper__payment__option label span {
  font-weight: bold;
  font-size: 1.4rem;
}

@media (min-width: 992px) {
  .wrapper__step__5 .right .wrapper__payment__option label span {
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {
  .wrapper__step__5 .right .wrapper__payment__option label span {
    font-size: 2rem;
  }
}

.form__cartao__credito,
.form__boleto {
  margin-top: 2.5rem;
}

.form__cartao__credito .label__card,
.form__boleto .label__card {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  position: relative;
}

@media (min-width: 1200px) {

  .form__cartao__credito .label__card,
  .form__boleto .label__card {
    font-size: 1.4rem;
  }
}

.form__cartao__credito .label__card .info,
.form__boleto .label__card .info {
  display: flex;
  position: absolute;
  background-color: #909296;
  color: #FFF;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  left: 25px;
  font-size: 1rem;
}

.form__cartao__credito .bandeiras,
.form__boleto .bandeiras,
.form__pix .bandeiras,
.form__user_card .bandeiras {
  width: 180px;
  margin-top: 0.5rem;
}

.form__cartao__credito .btn-send-card,
.form__boleto .btn-send-card,
.form__pix .btn-send-card,
.form__user_card .btn-send-card {
  background-color: #000;
  color: #FFF;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  font-size: 1.6rem;
  font-weight: bold;
  gap: 1rem;
  padding: 0.8rem 0;
  cursor: pointer;
  outline: none;
  margin-top: 2.5rem;
}

@media (min-width: 1200px) {

  .form__cartao__credito .btn-send-card,
  .form__boleto .btn-send-card,
  .form__pix .btn-send-card,
  .form__user_card .btn-send-card {
    padding: 1rem 0;
  }
}

.form__cartao__credito .btn-send-card:hover,
.form__boleto .btn-send-card:hover,
.form__pix .btn-send-card:hover,
.form__user_card .btn-send-card:hover {
  background-color: #27348b;
  border-color: #27348b;
}

.form__cartao__credito .btn-send-card img,
.form__boleto .btn-send-card img,
.form__pix .btn-send-card img,
.form__user_card .btn-send-card img {
  width: 15px;
}

.form__boleto,
.form__pix,
.form__user_card {
  display: none;
}

.hub__ava__index {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  padding: 2.5rem 0;
  border-top: 1px solid #c1c6d0;
  border-bottom: 1px solid #c1c6d0;
}

@media (min-width: 768px) {
  .hub__ava__index {
    gap: 10rem;
  }
}

.hub__ava__index .curso__index__item {
  font-size: 1.2rem;
  color: #1b1c1e;
}

@media (min-width: 576px) {
  .hub__ava__index .curso__index__item {
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .hub__ava__index {
    flex-wrap: nowrap;
  }

  .hub__ava__index>* {
    width: 100%;
  }

  .hub__ava__index .curso__index__item {
    font-size: 1.8rem;
  }
}

.hub__ava__index .curso__index__item.active,
.hub__ava__index .curso__index__item:hover {
  font-size: 1.4rem;
  font-weight: 700;
  color: #000;
}

@media (min-width: 576px) {

  .hub__ava__index .curso__index__item.active,
  .hub__ava__index .curso__index__item:hover {
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {

  .hub__ava__index .curso__index__item.active,
  .hub__ava__index .curso__index__item:hover {
    font-size: 2rem;
  }
}

.hub__ava {
  padding: 25px 0;
}

@media (min-width: 992px) {
  .hub__ava {
    padding: 50px 0;
  }
}

.hub__ava .hub__ava__line {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .hub__ava .hub__ava__line {
    flex-direction: row;
    gap: 50px;
    margin-bottom: 50px;
    align-items: flex-start;
  }
}

@media (min-width: 992px) {
  .hub__ava .hub__ava__line.line-2 {
    flex-direction: row-reverse;
  }
}

.hub__ava .hub__ava__line.line-2 .curso__h2 {
  position: relative;
  padding-left: 1.5rem;
}

@media (min-width: 1200px) {
  .hub__ava .hub__ava__line.line-2 .curso__h2 {
    padding-left: 2rem;
  }
}

.hub__ava .hub__ava__line.line-2 .curso__h2:before {
  content: "> ";
  position: absolute;
  left: -3px;
}

.hub__ava .hub__ava__img {
  width: 100%;
  max-width: 350px;
  height: 210px;
  border-radius: 15px;
  object-fit: cover;
}

@media (min-width: 1200px) {
  .hub__ava .hub__ava__img {
    max-width: 450px;
    height: 270px;
  }
}

.hub__ava .p__space {
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .hub__ava .p__space {
    margin-bottom: 3rem;
  }
}

.hub__ava__icons {
  padding: 0 0 25px;
}

@media (min-width: 992px) {
  .hub__ava__icons {
    padding: 0 0 50px;
  }
}

.hub__ava__icons h2 {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .hub__ava__icons h2 {
    flex: 2.2rem;
    margin-bottom: 4rem;
  }
}

@media (min-width: 1200px) {
  .hub__ava__icons h2 {
    flex: 2.6rem;
  }
}

.hub__ava__icons .wrapper__hub__ava__icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

@media (min-width: 768px) {
  .hub__ava__icons .wrapper__hub__ava__icons {
    justify-content: space-around;
  }
}

.hub__ava__icons .wrapper__hub__ava__icons .hub__ava__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}

.hub__ava__icons .wrapper__hub__ava__icons .hub__ava__item svg {
  max-width: 50px;
  max-height: 50px;
}

@media (min-width: 1200px) {
  .hub__ava__icons .wrapper__hub__ava__icons .hub__ava__item svg {
    max-width: 60px;
    max-height: 60px;
  }
}

.hub__ava__icons .wrapper__hub__ava__icons .hub__ava__item span {
  font-weight: 700;
  font-size: 1.2rem;
}

@media (min-width: 992px) {
  .hub__ava__icons .wrapper__hub__ava__icons .hub__ava__item span {
    font-size: 1.4rem;
  }
}

.hub__futuro {
  padding: 25px 0;
}

@media (min-width: 992px) {
  .hub__futuro {
    padding: 50px 0;
  }
}

.hub__futuro .container {
  border-radius: 35px;
  padding: 25px;
  position: relative;
}

@media (min-width: 992px) {
  .hub__futuro .container {
    padding: 35px;
  }
}

.hub__futuro .container .futuro__line {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  .hub__futuro .container .futuro__line {
    flex-direction: row;
    gap: 25px;
  }
}

.hub__futuro .container .futuro__line h2 {
  font-size: 3rem;
  line-height: 120%;
}

@media (min-width: 768px) {
  .hub__futuro .container .futuro__line h2 {
    width: 50%;
    font-size: 3.5rem;
  }
}

@media (min-width: 992px) {
  .hub__futuro .container .futuro__line h2 {
    font-size: 4rem;
  }
}

@media (min-width: 1200px) {
  .hub__futuro .container .futuro__line h2 {
    font-size: 5.2rem;
  }
}

.hub__futuro .container .futuro__line h2 span {
  font-weight: 700;
}

.hub__futuro .container .futuro__line .laptop {
  width: 100%;
  max-width: 350px;
}

@media (min-width: 768px) {
  .hub__futuro .container .futuro__line .laptop {
    position: absolute;
    right: -15px;
    top: -15px;
  }
}

@media (min-width: 992px) {
  .hub__futuro .container .futuro__line .laptop {
    max-width: 425px;
    top: -30px;
    right: 20px;
  }
}

@media (min-width: 1200px) {
  .hub__futuro .container .futuro__line .laptop {
    max-width: 564px;
    top: -45px;
    right: -35px;
  }
}

.hub__futuro .container .futuro__line p {
  font-size: 1.2rem;
  line-height: 120%;
}

@media (min-width: 992px) {
  .hub__futuro .container .futuro__line p {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .hub__futuro .container .futuro__line p {
    font-size: 1.6rem;
  }
}

.contato {
  padding: 25px 0;
}

@media (min-width: 992px) {
  .contato {
    padding: 50px 0;
  }
}

.contato .container {
  max-width: 1050px;
}

.contato .wrapper__contatos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.contato .wrapper__contatos .box__contato {
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid rgba(153, 153, 153, 0.1);
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
}

@media (min-width: 992px) {
  .contato .wrapper__contatos .box__contato {
    max-width: none;
    flex: 1;
    padding: 3.5rem 5rem;
  }
}

@media (min-width: 1200px) {
  .contato .wrapper__contatos .box__contato {
    padding: 4.5rem 6rem;
  }
}

.contato .wrapper__contatos .box__contato h2 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}

@media (min-width: 992px) {
  .contato .wrapper__contatos .box__contato h2 {
    font-size: 3rem;
    margin-bottom: 3.5rem;
  }
}

@media (min-width: 1200px) {
  .contato .wrapper__contatos .box__contato h2 {
    margin-bottom: 4.5rem;
  }
}

.contato .wrapper__contatos .box__contato .contato__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .contato .wrapper__contatos .box__contato .contato__item {
    margin-bottom: 3rem;
  }
}

@media (min-width: 1200px) {
  .contato .wrapper__contatos .box__contato .contato__item {
    margin-bottom: 4rem;
  }
}

.contato .wrapper__contatos .box__contato .contato__item:last-of-type {
  margin-bottom: 0;
}

.contato .wrapper__contatos .box__contato .contato__item svg {
  max-width: 15px;
  max-height: 15px;
}

@media (min-width: 992px) {
  .contato .wrapper__contatos .box__contato .contato__item svg {
    max-width: 25px;
    max-height: 25px;
  }
}

.contato .wrapper__contatos .box__contato .contato__item span {
  font-size: 1.6rem;
}

@media (min-width: 992px) {
  .contato .wrapper__contatos .box__contato .contato__item span {
    font-size: 2.2rem;
  }
}

@media (min-width: 1200px) {
  .contato .wrapper__contatos .box__contato .contato__item span {
    font-size: 2.6rem;
  }
}

.form__contato {
  margin: 25px auto;
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid rgba(153, 153, 153, 0.1);
  padding: 2.5rem;
  width: 100%;
  max-width: 400px;
}

@media (min-width: 768px) {
  .form__contato {
    max-width: 550px;
  }
}

@media (min-width: 992px) {
  .form__contato {
    max-width: none;
    padding: 3.5rem;
  }
}

@media (min-width: 1200px) {
  .form__contato {
    padding: 4.5rem 6rem;
  }
}

.form__contato h2 {
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .form__contato h2 {
    margin-bottom: 3rem;
  }
}

@media (min-width: 1200px) {
  .form__contato h2 {
    margin-bottom: 4rem;
  }
}

.form__contato .wrapper__actions {
  margin-top: 0;
  justify-content: flex-end;
}

.form__contato .wrapper__actions .btn {
  padding: 8px 50px;
}

@media (min-width: 992px) {
  .form__contato .wrapper__actions .btn {
    padding: 13px 75px;
  }
}

/*# sourceMappingURL=main.min.css.map */