:root {
  --white-color: #ffffff;
  --black-color: #94cbf2;
  --primary-color: #4b779d;
  --primary-100: #477ee9;
  --primary-200: #214ee6;
  --primary-300: #2f2158;
  --primary-500: #f8f6ff;
  --secondary-color: #4b779d;
  --secondary-emphasis-color: #16213d;
  --border-color: #ffffff;
  --border-emphasis-color: #7546ff;
  --body-color: #d4d4d4;
  --heading-color: #ffffff;
  --light-bg-body-color: #303030;
  --body-bg-color: #111111;
  --body-font-family: DM Sans, sans-serif;
  --heading-font-family: Bricolage Grotesque, sans-serif;
}
.educational-conference__wrapper{
  max-height: 840px;
  min-height: 0px;
}


@media (max-width:968px) {


.comecaem {
  letter-spacing: 2px !important;
  word-spacing: 0px !important;
}



}

.moving-section-in.style2 .moving-section .highlight-text-style2::before{
  border: solid white 1px;
  left: -15%;
}
.moving-section-in.style2 .moving-section .highlight-text-style2::after{
  border: solid white 1px;
  right: -15%;
}
.accordion-benifits__content {
  justify-content: flex-start;
}
.tituloprof{
  font-size: 50px;
  color: #7b7b7b;
  border: solid #919191 1px;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 70px;
  font-family: poppins;
  margin-left: -25px;
  max-width: fit-content;
  font-weight: 100;
  
  
}
.cronograma{
  font-size: 50px;
  color: #7b7b7b;
  border: solid #919191 1px;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 70px;
  font-family: poppins;
  margin-left: -25px;
  max-width: fit-content;
}
.paraprof{
  margin-top: 70px;
  color: #919191;
  font-family: poppins;
  font-size: 27px;
}
.botaosocial{
  background: #304d65;
  border-radius: 5px;
  padding-top: 2.2%;
  margin-right: 10px;
  margin-top: 50px;
  color: white;
  
  width: 50px;
  aspect-ratio: 1/1;
  text-align: center;
  text-decoration: none;
}
.botaosocial::before{
  font-size:30px
}
.common-section-heading__title--small{
  font-family: poppins;
  text-transform: none;
}
.cronopics{
  border-radius: 30px;
  aspect-ratio: 1.5/1;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.future-events__item--style2 .future-events__btn {
  max-width: 400px;
  max-height: auto;
}
.cronotit{
  color: #595959;
  text-decoration: underline;
  text-underline-offset: 6px;
  margin-bottom: 25px;
  font-size: 30px;
  font-family: poppins;
  
}
.cronotit2{
  color: #919191;
  font-size: 30px;
  margin-bottom: 15px;
  font-family: poppins;
}
.cronotit3{
  color: #919191;
  font-style: italic;
  margin-bottom: 15px;
  font-family: poppins;
  font-size: 20px;
}
.cronotit4{
  color:#595959 ;
  border: solid #919191 1px;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 40px;
  font-family: poppins;
  font-weight: bold;

  max-width: fit-content;
  letter-spacing: 5px;
}
.cronotit5{
  color: #919191;
  text-decoration: underline;
  text-underline-offset: 6px;
  margin-bottom: 25px;
  font-size: 30px;
  font-family: poppins;
  
}
.future-events__item--style2 .future-events__info {
  max-width: 450px;
}
.future-events__date{
  align-self: center;
}
.future-events__date .text--style2 {
  font-size: 100px;
  color: #595959;
  font-family: poppins;
  font-weight: bolder;
  text-align: center;
  
}
.future-events__date .date {
  font-size: 16px;
  text-transform: none;
  color: #595959;
  font-family: poppins;
  text-align: center;
}
.future-events__content::after {
  background-color: black;
}
.linhabranca::after{
  background-color: white;
}
.comecaem{
  margin-top: 50px;
  font-family: poppins;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 6px;
  word-spacing: 10px;
  letter-spacing: 10px;
}
.btnquero{
  font-family: poppins;
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 10px;
  --primary-color: #9bb0d5;
}
.btnquero2{
  font-family: poppins;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 10px;
  --primary-color: #9bb0d5;
  line-height: 5px;
  text-transform: none;
 
}
.brands-sponsor__title{
  font-family: poppins;
  font-weight: 100;
}
.brands-sponsor__item.style2 {
  max-width: 308px;
  width: 300px;
  height: 200px;
  border-radius: 30px;
  border: 1px solid #9bb0d5;
  padding: 91px 40px;
  text-align: center;
  justify-content: center;
  justify-self: center;
}
.about-conference__left {
  max-width: 1150px;
  gap: 10px;

}
.about-conference__left-bottom-img{
  gap:10px;
}
.about-conference__left-bottom-img .about__2-img {
 width: 33%;
  object-fit: cover;
  max-height: 300px;

}
.about-conference__left-bottom-img .about__3-img {
  width: 33%;
  object-fit:cover;
  max-height: 300px;
}
.about-conference__left-bottom-img .about__4-img {
  width: 33%;
  object-fit: cover;
  max-height: 300px;
}
.about-conference__header-title{
  color: white ;
  border: solid white 2px;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: fit-content;
  line-height: 55px;
  font-family: poppins;
  font-weight: bold;
  font-size: 35px;
  letter-spacing: 5px;
  margin-bottom: 100px;
}
.about-conference__features{
  font-family: poppins;
  font-size: 25px;

}
.estruturalista{
  margin-bottom: 10px;
}
.counterdown__info{
  background: #5a677c;
}
.depoimentostitulo{

}
.dep1{
  color: #373737;
  font-weight: 900;
  text-align: center;
  margin-bottom: 40px;
}
.dep2{
  color: #373737;
  font-weight: 500;
  text-align: center;
  max-width: 35ch;
  font-size: 25px;
  justify-self: center;
  font-family: poppins;

}
.depoimentosvideo{
  display: flex;
  gap: 25px;
  border-radius: 20px;
  margin-top: 80px;
  margin-bottom: 80px;
  justify-content: center;
}
.depoimentosvideo iframe{
  border-radius: 25px;
}
.counterdown__btn{
  text-align: center;
}
.tm-sticky_header.style-2::after {
  height: 1px;
  background-color: black;
  opacity: 0.4;
  
}
.tm-nav .tm-nav_list a {
  color: rgb(59, 59, 59);
}
@media screen and (max-width: 992px){
  .depoimentosvideo{
    display: block;
    text-align: center;
  }

}
@media screen and (min-width: 991px) and (max-width: 1200px) {
  .future-events__content{
    display: block;
  }
  .cronograma{
    justify-self: center;
  }
  .future-events__item--style2 .future-events__btn {
    position: fixed;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 805px) {
  .divinvisivel{
    display:none;
  }
}
@media screen and (max-width: 582px) {
  .tituloprof{
    font-size: 39px;
  }
  .cronograma{
    margin-left:0;
  }
  .about-conference__header-title{
    margin-bottom: 0px;
  }
  .about-conference__right{
    margin-left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .tituloprof{
    font-size: 30px;
  }
  .cronograma{
    margin-left:0;
  }
  .cronotit{
    line-height: 50px;
  }
}
/* Por padrão (desktop), o elemento é visível.
  (Você pode ajustar isso conforme sua necessidade).
*/
/* Quando a largura da tela for 767px ou MENOR (ou seja, < 768px),
  aplique o estilo "display: none".
*/
@media (max-width: 768px) {
  #estrutura {
    display: none;
  }
  
  .counterdown__number-item-title {
    font-size: 30px !important;
  }
}

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


  .educational-conference__img {
    object-position: left center;
  }
}

.imagensdental {
  width: 150px;
  text-align: center;
  justify-self: center;
  justify-content: center;
}
.modal-content {
  background-color: black;
}
 
.video-counterdown__wapper {
  position: relative;
  overflow: hidden; /* evita que o pseudo-elemento vaze */
}

.video-counterdown__wapper[data-src="assets/img/hero/banner-02.webp"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("assets/img/hero/banner-02.webp");
  background-size: cover;
  background-position: center;
  filter: brightness(0.8);
  z-index: 0; /* fica por trás do conteúdo */
}

/* garante que o conteúdo interno fique acima */
.video-counterdown__wapper > * {
  position: relative;
  z-index: 1;
}

 /* selos */
.selos{
  width: 90px;
  filter: drop-shadow(0 0 15px #7fdbff);
  
  
}
.divselos{
  display: flex;
  flex-direction:row;
  gap: 50px;
  align-self: flex-end;
}
.divselospai{
  height: 500px;
  display: flex;
  justify-content: center;
  
}
.divselosmobile{
  display: none;
}
.selosmobile{
  width: 90px;
  filter: drop-shadow(0 0 15px #7fdbff);
}
@media (max-width: 1094px) {
  .educational-conference__content{
    padding-top: 20px;
    margin-top: 35px;
  }
  .divselos{
    display: none;
    
  }
 .divselospai{
    height: 0px;
  }
  .divselosmobile{
    display: flex;
    justify-content: center;
    gap: 40px;
    width: 100%;
    margin-bottom: 100px;

}
  .margin-mobile{
    margin-top: 0px;
  }
}
@media (max-width: 844px){
  .educational-conference__content{
    padding-top: 20px;
  }
    .educational-conference__wrapper {
    max-height: 1000px !important;
  }
    .textomobile{
      margin-top: 70px;
      font-size: 38px;
    }
}
@media (max-width: 768px) {
  .divselosmobile{
    margin-bottom: 0px;
  }
  .margin-mobile{
    margin-bottom: 0px;
  }
  .educational-conference__content{
    
    column-gap: 20px;
  }
}
@media (max-width: 671px){
    .textomobile{
      margin-top: 60px;
      font-size: 27px;
    }
}
@media (max-width: 576px){
    .textomobile{
      margin-top: 60px;
      font-size: 25px;
    }
    .textomobile2{
      font-size: 13px;
    }
    .divselosmobile{
      gap: 20px;
    }
}


/* Otimização de renderização abaixo da primeira dobra */
#professor,
#cronograma,
.video-counterdown,
.oc-brands-sponsor__slider,
#estrutura,
#estrutura-mobile,
.footer {
  content-visibility: auto;
  contain-intrinsic-size: 1px 900px;
}


/* Estilos para o exemplo ficar mais visível */
/* A "janela" do carrossel. Define a área visível */
.scroller {
    max-width: auto;
    overflow: hidden;
    cursor: grab; /* Indica que o elemento é arrastável */
}

.scroller.is-dragging {
    cursor: grabbing; /* Muda o cursor durante o arraste */
}

.scroller-track {
    display: flex;
    gap: 20px;
    /* A transformação será controlada 100% pelo JavaScript */
    will-change: transform; /* Otimização de performance para o navegador */
}

.scroller-track img {
    width: auto; /* << LARGURA DE CADA ITEM */
    height: 320px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
    /* Impede que o usuário arraste a imagem em si, o que atrapalharia o carrossel */
    pointer-events: none;
    user-select: none;
}