html, body {
  scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: hidden;
  font-family: "Inter" !important;
}
@font-face {
    font-family: 'Wide Latin';
    font-style: normal;
    font-weight: normal;
    src: local('Wide Latin'), url('../fonts/LATINWD.woff') format('woff');
}
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
a {
  text-decoration: none !important;
  transition: color 0.5s;
  font-family: "Inter" !important;
}

a:active {
  color: #afafaf;
  outline: 0 !important;
  border: none !important;
}
a:focus-visible {
  color: #afafaf;
  font-weight: 700;
  outline: 0 !important;
  border: none !important;
}
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
input:focus{
  outline: 0 !important;
  border: none !important;
}
ul {
  list-style-type: none;
}
hr{
  border: 1px solid #e3e3e3;
}
.dropdown-toggle::after{
  display: none !important;
}

.color-bg{
  background: hsla(359, 73%, 30%, 0.2);
  background: linear-gradient(270deg, hsla(359, 73%, 30%, 0.2) 0%, hsla(356, 77%, 46%, 0.2) 50%, hsla(241, 40%, 29%, 0.2) 100%);
  background: -moz-linear-gradient(270deg, hsla(359, 73%, 30%, 0.2) 0%, hsla(356, 77%, 46%, 0.2) 50%, hsla(241, 40%, 29%, 0.2) 100%);
  background: -webkit-linear-gradient(270deg, hsla(359, 73%, 30%, 0.2) 0%, hsla(356, 77%, 46%, 0.2) 50%, hsla(241, 40%, 29%, 0.4) 100%);
}
.color-bg-home{
  background-image: url(../images/bgHome.png);
  background-position: center;
  background-size: cover;
  min-height: 110vh;
}
.color-bg-home2{
  background-image: url(../images/bgComoAprender.png);
  background-position: center;
  background-size: cover;
  min-height: 110vh;
}
.cursor-pointer{
    cursor: pointer;
}
.auth-btn{
  min-width: 100px;
  height: 50px;
}
.action-color{
  background-color: #2e2d69;
  color: #fefefe;
  transition: all 0.5s;
  border: none;
}


.bg-home{
  flex-shrink: 0;
  background-image: url(https://placehold.co/600x400/lightgrey/white?text=yesican&font=roboto);
  background-position: center;
  background-size: cover;
  height: 90vh;
}
.content{
  max-width: 1920px;
}
.menu {
  align-items: center;
  min-height: 110px;
  padding-top: 15px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  transition: all 0.3s;
}
.itemMenuDesk{
    font-size: 17.4px;
}
.under-menu {
  padding-top: 10px;
  width: 85px;
  position: fixed;
  top: 110px;
  right: 1%;
  z-index: 998;
  background-color: #fff;
  box-shadow: 0px 0px 5px #000;
}
.bg-white{
  background-color: #fff;
  box-shadow: 0px 0px 3px #000;
}
.logoMenu {
  max-height: 70px;
  padding: 0 0 10px 62px;
}
.menuOpen {
  height: 0;
  transition: all 0.5s;
  overflow: hidden;
}
.itemMenuMob {
  font-size: 15px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.btn-drop-menu{
  box-shadow: 0 0px 5px #000;
  background-color: #fff !important;
}

.btn-check:checked+.btn{
    background-color: #2E2D69 !important;
    color: #FFF !important;
}

.btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
  border-color: #d3d4d5 !important;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #2E2D69 !important;
  color: #afafaf !important;
}
.dropdown-menu{
  border: none;
  transition: all 0.5s;
}
#modulos{
  margin-top: 100px;
  font-size: 19px;
  font-weight: 700;
}
.modulo{
  margin: 20px 0 50px !important;
}
.titulo-modulo{
  margin: 0 0 20px 10px;
}

.carousel{
    display: none;
}
.carousel .slick-initialized{
    display: block !important;
}
.slick-slide{
  margin:10px;
}
.slick-dots li button:before {
  color:grey;
}
.slick-initialized{
  visibility:visible;
  opacity:1;
}
.slick-track {
 margin-left: 0 !important;
}

.slick-slide>img{
  width:100%;
  transition: all 0.3s;
  box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, .08) !important;
}

.slick-disabled{
  display: none !important;
}
.slick-prev{
  left: 30px !important;
}
.slick-next{
  right: 30px !important;
}
.slick-prev, 
.slick-next {
  width: 55px !important;
  height: 55px !important;
  border-radius: 100px;
  background: #fff !important;
  z-index: 799;
}
.slick-prev:before,
.slick-next:before{
  font-family: 'Font Awesome 5 Free' !important;
  font-size: 40px !important;
  color: #dce0df !important;
  font-weight: 900;
}
.slick-next:before{
  content: '\f105' !important;
}
.slick-prev:before{
  content: '\f053' !important;
}

.slick-arrow{
  opacity: 0 !important;
  transition: .2s all;
}
.carousel>.col{
  width: 0;
}
.no-carousel-title{
  margin: 0 0 20px 0;
}
#footer{
  font-size: 14px;
  padding: 20px 0 60px;
}
.link-footer>a{
  text-decoration: underline !important;
  margin-bottom: 10px;
}

.btn-action-red{
    color: #fff;
    background-color: #CE1B28;
    transition: all 0.3s;
}

@media (min-width: 768px) {
  .modulo{
    margin: 20px 0 50px 60px !important;
  }
  .slick-slide>img:hover {
    margin: -10px 0 10px;
    transition: all 0.3s;
    cursor: pointer;
    box-shadow: none !important;
  }
  .color-bg-home{
    background-image: url(../images/bgHome.png);
  }
  .menu {
    min-height: 100px;
  }
}


#inicio{
  padding: 160px 0 50px;
}
.title-class{
  font-size: 1.6rem;
  font-weight: 300;
  color: #323537;
}
.subtitle-class{
  font-size: 16px;
  font-weight: 300;
}


@media (min-width: 768px) { 
  #inicio{
    padding: 125px 0 50px;
  }
  .class-video{
    width: 825px;
  }
  .btn{
    transition: all 0.3s;
  }
  .btn:hover{
    color: white !important;
    transition: all 0.3s;
    background-color: #73787c !important;
  }
  .btn-light:hover{
    background-color: #2E2D69 !important;
  }
  .negative-button:hover{
    background-color: #CE1B28 !important;
    transition: all 0.3s;
  }
  .positive-button:hover{
    color: #2E2D69 !important;
    background-color: transparent !important;
  }
}

.bg-blue{
  background-color: #2E2D69 !important;
}
.btn-close{
    filter: invert(1) !important;
}

.animation-margin{
    margin-top: -10px;
    transition: all 0.5s;
}
.btn-action{
  background-color: #2E2D69 !important;
  color: #FFF;
  transition: all 0.3s;
}

.btn-action-white-red{
  background-color: #fff !important;
  color: #2E2D69;
  transition: all 0.3s;
}

.btn-action-invert{
    color: #CE1B28;
    background-color: #fff;
    transition: all 0.3s;
}

.bg-red-gradient{
    background: #CE1B28;
    background: linear-gradient(90deg,rgba(206, 27, 40, 1) 0%, rgba(163, 23, 32, 1) 50%);
}
.bg-blue-gradient{
    background-color: #2E2D69 !important;
    background: linear-gradient(90deg,rgba(46, 45, 105, 1) 0%, rgba(29, 29, 66, 1) 50%);
}

/*------------- flags dropdown --------------------*/
.iti__selected-flag {
  padding: 0 .5rem 0 1rem;
  border-radius: 4px;
  transition: .3s;
  border-bottom-left-radius: 50px !important;
  border-top-left-radius: 50px !important;
}
.intl-tel-input .flag-dropdown .selected-flag {
  padding: 0 .5rem 0 1rem;
}
.intl-tel-input {
z-index: 99;
width: 100%;
}
.iti-flag {
box-shadow: none;
}
.intl-tel-input .selected-flag:focus {
outline: none;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}  
.iti--allow-dropdown input{
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
.iti__country-list {
  border-radius: 10px !important;
  z-index: 999 !important;
  box-shadow: 0 0 16px 0 rgb(0 0 0 0.8) !important;
  border: none !important;
}

/*--------------------estilo profile--------------------*/
.text-profile{
  font-size: 14px;
}
.imgAvatar{
  cursor: pointer !important;
}
.avatar{
    min-width: 100px;
    width: 100%;
    max-width: 150px;
    cursor: pointer;
    transition: transform 0.5s ease-in-out;
}
.btn-action-profile{
  background-color: #2E2D69 !important;
  color: #FFF;
  transition: all 0.3s;
}
.btn-action-profile-red{
  background-color: #CE1B28 !important;
  color: #FFF;
  transition: all 0.3s;
}


/*--------------------estilo duvidas--------------------*/
.border-exe{
    border: 2px solid #2e2d69;
    box-shadow: 0px 0px 5px #2e2d69 !important;
}
.border-faq{
    border: 2px solid #CE1B28;
    box-shadow: 0px 0px 5px #CE1B28 !important;
}
.border-class{
    border: 2px solid #000;
    box-shadow: 0px 0px 5px #000 !important;
}


/*--------------------estilo classes--------------------*/
.title-unit{
  font-size: 24px;
  font-weight: 300;
  color: #CE1B28;
  padding: 0 !important;
  padding-bottom: 30px !important;
  border-bottom: 2px solid#2E2D69;
  text-align: start !important;
}
.subtitle-unit{
  font-size: 19px;
  color: #2E2D69;
}
.unit{
  padding-bottom: 35px;
}

.disabled {
  -webkit-filter: grayscale(25%); /* Safari 6.0 - 9.0 */
  filter: grayscale(25%);
}
.subtitle-class> a{
  color: #afafaf !important;
}
.collapse-classes{
  margin-top: 30px !important;
}
.accordion-item {
  border: none !important;
}
.accordion-body {
  padding: 15px 0 0 0 !important;
}
.accordion-header{
  cursor: pointer;
}
.item-list{
  height: 41px;
  color: #2E2D69
}

.icon-finish{
  color: #2E2D69;
}
.icon-doing{
  color: #CE1B28;
}
.fa-circle{
  margin-left: 3px;
}
.text-item-list{
  font-size: 14.5px;
  font-weight: 400;
  cursor: pointer;
}
.text-item-list-normal{
  color: #000
}
.text-blue{
  color: #2E2D69 !important;
}
.text-red{
  color: #CE1B28 !important;
}
.progressCircle{
  width: 25px;
  height: 25px;
  margin-left: -5px;
}
.active{
  color: #CE1B28 !important;
  font-weight: bold;
}
.active>span{
  margin-left: 21px !important;
}
.negative-button{
  background-color: #f8f9fa !important;
  color: #7c7c7c !important;
}
.text-finished{
    background-color: #2E2D69 !important;
    transition: all 0.3s;
    color: #fff !important;
    padding: 10px 15px;
}


/*--------------------estilo login-----------------------*/
.title-login{
  font-family:'Wide Latin';
  font-weight:normal;
  font-size: 5.3vw;
  margin-top: 8vh;
}
.bg-login{
  flex-shrink: 0;
  background-image: url(../images/bgHome.png);
  background-position: center;
  background-size: cover;
}
@media (min-width: 768px){
    .title-login{
      font-family:'Wide Latin';
      font-weight:normal;
      font-size: 3.3vw;
    }
}
@media (min-width: 1070px){
    .title-login{
      font-family:'Wide Latin';
      font-weight:normal;
      font-size: 3.3vw;
      margin-top: none;
    }
}

/*--------------------estilo aulas ao vivo-----------------------*/

.bg-live{
  flex-shrink: 0;
  background: none; 
  background-color: #2E2D69;
  margin-top:35px;
  height:94vh;
}
@media (min-width: 768px){
    .bg-live{
      flex-shrink: 0;
      background: url('../images/bgLive.png') left no-repeat; 
      background-size: cover;
      margin-top:35px;
      height:94vh;
    }
}
@media (min-width: 1140px){
    .bg-live{
      flex-shrink: 0;
      background: url('../images/bgLive.png') center no-repeat; 
      background-size: cover;
      margin-top:35px;
      height:94vh;
    }
}

/* ===== NOTIFICAÇÕES ===== */

.notification-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #fff;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all .2s ease;
}

/* hover elegante */
.notification-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.08);
}

/* ===== BARRA LATERAL (estado) ===== */
.notification-bar {
    width: 5px;
    height: 100%;
    border-radius: 6px;
    flex-shrink: 0;
}

/* não lida */
.notification-item.unread .notification-bar {
    background: currentColor;
}

/* lida */
.notification-item.read .notification-bar {
    background: #e0e0e0;
}

/* ===== CONTEÚDO ===== */
.notification-content strong {
    display: block;
    font-size: 1.05rem;
}

.notification-content span {
    font-size: .85rem;
    color: #999;
}

/* ===== TIPOS ===== */

/* Exercício */
.notification-item.type-exercicio {
    color: #CE1B28;
    background: rgba(46,45,105,0.05);
}

/* Dúvida */
.notification-item.type-duvida {
    color: #CE1B28;
    background: rgba(206,27,40,0.05);
}

/* Unidade */
.notification-item.type-unidade {
    color: #2E8B57;
    background: rgba(46,139,87,0.06);
}

/* Ticket / suporte */
.notification-item.type-ticket {
    color: #2E2D69;
    background: rgba(108,99,255,0.06);
}

/* Aula ao vivo */
.notification-item.type-live {
    color: #6C63FF;
    background: rgba(108,99,255,0.06);
}

/* Texto suavizado quando lida */
.notification-item.read strong {
    font-weight: 500;
}

.notification-item.read {
    background: #fff;
}


/*--------------------estilo hover somente no desktop--------------------*/
@media (min-width: 768px){
    a:hover{
      color: #afafaf;
    }
    .action-color:hover{
      background-color: #e7e7e7;
      color: #2E2D69;
    }
    .btn-drop-menu:hover{
      border-color: #d3d4d5;
      background-color: #bcc2c8;
    }
    .btn-action:hover{
      background-color: #fff !important;
      color: #2E2D69 !important;
      transition: all 0.3s;
      border: 1px solid #2E2D69;
    }
    .btn-action-white-red:hover{
      background-color: #CE1B28 !important;
      color: #fff !important;
      transition: all 0.3s;
    }
    .btn-action-invert:hover{
        color: #fff !important;
        transition: all 0.3s;
        background-color: #CE1B28 !important;
    }
    .btn-action-profile:hover{
        color: #fff !important;
        transition: all 0.3s;
        background-color: #8181a5 !important;
    }
    .fa-trash:hover{
        color: #CE1B28;
    }
    .item-list:hover{
      color: #CE1B28;
    }
    .btn-action-red:hover{
        color: #fff;
        background-color: #a41520;
        transition: all 0.3s;
    }
}