* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

:root{
    --zenite:       #025b93;
    --zenite-star:  #9f7f3f;
    --primary:      #151f24;
    --second:       #182835;
        --third:        #8c7e48;
    --contrast:     #fb7236;
    --contrast2:   #a18339;
    --contrast2b:   90, 47, 14, .7;
    --contrast3:   #f1b973;
    --contrast4:   #e6cd43;
        --background:   #e9e5d8;
        --bg2:          #e6f4f9;
    --text:         #000000;

    --white:        #ffffff;
    --white2:       #f6f7f7;
    --gray:         #b8b8b8;
    --gray2:        #d8d8d8;
    --gray3:        #eeeeee;
    --dark:         #383838;
    --black:        #000000;

    --blu:          #5f84a6;
    --blu2:         #03a9db;
        --blu3:         #1462a4;

        --btn-01:       #8c7e48;
        --btn-02:       #1c3b5e;

    --darker:       0, 0, 0, .3;
        --color-01:     #f59f25;
        --color-02:     #015958;
        --color-03:     06, 37, 64, .9;
    
    --yellow:       #8d7927;
    --yellow2:      #c4a575;
    --yellow3:      #fee592;
    --blue:         #11374e;
    --blue2:        #294665;
    --blue3:        #132d41;
    --blue4:        #3e5b74;
    --blue5:        #475969;
    --blue6:        #030913;
}
html{
    margin: 0px;
}
body{
    height: 100%;
    width: 100%;
    max-width: 100vw;
    padding: 0px;
    margin: 0px;
    color: #000000;
    font-display: auto;
    font-family: Myriad Pro, roboto, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    overflow-x: hidden;
}

/* === Fundo do <header>: vídeo + cor por cima === */

/* 0) Desativa a máscara antiga para não conflitar */
.maskara::after { display: none !important; }

/* 1) O header passa a ser o “contexto” do fundo */
header.bg-001{
  position: relative;
  overflow: hidden; /* evita vazamentos do vídeo */
}

/* 2) Camada de cor ocupando 100% do header */
header.bg-001::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(113, 95, 46, 0.7); /* sua cor */
  z-index: 1;           /* acima do vídeo, abaixo do conteúdo */
  pointer-events: none;
}

/* 3) Figura do vídeo vira “background” absoluto do header */
header.bg-001 .bg-001-img{
  position: absolute !important;
  inset: 0 !important;          /* top/right/bottom/left = 0 */
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;      /* cobre todo o header */
  float: none !important;
  z-index: 0;                   /* fica atrás */
  pointer-events: none;         /* não captura cliques */
  overflow: hidden;
}

/* 4) O vídeo preenche a área toda do header */
header.bg-001 .bg-001-img > video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;            /* cobre sem distorcer */
}

/* 5) Garante que o conteúdo do header apareça acima */
header.bg-001 > *:not(.bg-001-img){
  
  
}



.investh2 {
    margin-top: 600px !important;
}

.marginb {
   margin-bottom:  -50px !important;
}

.estrelasol {
    width: 20px;
    height: 20px;
    margin-top: 19px;
    margin-left: 40px;
    
}

.myMenu2 {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 60px;
    left: 0;
    font-size: 20px;
    font-weight: 300;
    background-color: rgba(20, 20, 20, .85);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    backdrop-filter: blur(15px) saturate(30%);
    z-index: 10;
}

.custom-btnnn {
    margin-top: 14px;
    margin-left: 100px;
    font-size: 16px;
  width: 150px;
  height: 30px;
  color: black;
  border-radius: 35px;
  padding: 0px 0px;
  font-family: Montserrat;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
display: flex
  
  outline: none;
}

.btn-10000 {


  color: #bfb060;
  border: solid 1px;
    border-color: #bfb060;
  transition: all 0.3s ease;
  overflow: hidden;
}

.btn-10000:hover {
  box-shadow: 0 0 25px rgba(211, 194, 103, 0.5);
  transform: scale(1.05);
}



.btn-final{
     font-family: Montserrat;
    font-weight: 600;
    float: left;
    font-size: 22px;
   background-color: white;
    height: 60px;
    border-radius: 40px;
    color: #282c38;
    line-height: 55px;
    width: 530px;
    text-align: center;
    border: 3px solid;
    border-color: white;
  z-index: 2;
        position: sticky;
    

        box-shadow: 0 0  25px rgba(40, 40, 40, 0.5);
    margin-top: -50px
 
}

   .btn-final:hover{
       
  transform: scale(1.05);
    }


.banner-numeros{
    float: left;
    margin: 0 auto;
    width: 100%;
    height: 125%;
    overflow: hidden;
    background: url('../images/emnumeros.png') no-repeat top center;
    background-size: cover;
    min-height:  1200px;
    
}

.banner-final {
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url(../images/banner_final_pe.png) no-repeat top center;
    background-size: cover;
    min-height: 15vh;
    display: flex
;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.logozoquad {
    width: 600px;
    margin-top: 80px;
}

/* ===== Grid ===== */
.cards-3 {
  --gap: 24px;
 

  max-width: 1200px;
  margin: 0 auto;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap);
}

/* ===== Card ===== */
.cards-3 .card {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 24px;
    border-color: transparent;
  /* sem sombra inicial; sombra só no hover */
  transition: box-shadow .28s ease;
}

/* mantêm todos do mesmo tamanho (16:9). Se quiser altura livre, remova o aspect-ratio */
.cards-3 .card img {
  width: 100%;
  height: 100%;
  display: block;
 
  object-fit: cover;
  transform: scale(1);
  transition: transform .35s ease;
  will-change: transform;
}

/* Hover suave: aumenta a imagem e cria sombra embaixo */
.cards-3 .card:hover img,
.cards-3 .card:focus-visible img {
  transform: scale(1.04);
}

.cards-3 .card:hover,
.cards-3 .card:focus-visible {
  /* sombra com ênfase no eixo Y (embaixo) */
  box-shadow: 0 14px 26px rgba(0, 0, 0, .18);
  outline: none;
}

/* ===== Responsivo ===== */
@media (max-width: 900px) {
  .cards-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .cards-3 { grid-template-columns: 1fr; }
}

.text-container33 {
    display: flex
;
    justify-content: center;
    gap: 100px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.formimg {
    width: 50%;
    margin-top: 120px
}


/* =========================================================
   Testimonials Carousel (Owl Carousel) - Scoped Styles
   Scope root: .gtco-testimonials
   Dependencies (keep loaded in your HTML):
     - Owl Carousel CSS/JS
     - jQuery
     - (Optional) Font Awesome for nav icons (used in navText)
   ========================================================= */

.gtco-testimonials {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Owl item layout: centraliza cards */
.gtco-testimonials .owl-carousel .owl-item {
  display: flex;
  justify-content: center;
  align-items: stretch;
  position: relative;
  z-index: 1;
}

/* Remove dots (usamos apenas as setas) */
.gtco-testimonials .owl-dots {
  display: none;
}

/* Distância das setas */
.gtco-testimonials .owl-theme .owl-nav {
  margin-top: 40px !important;
}

/* -------- Card -------- */
.gtco-testimonials .card {
  width: 470px;
min-height: 420px;
  max-width: 90vw;
  border: 0;

  padding: 22px 26px;
  color: #fff;
  background: linear-gradient(90deg, #13345c 10%, #11162c 100%);
  box-shadow: 0 8px 22px rgba(17, 22, 44, 0.35);
  transition: transform .28s ease, opacity .28s ease, box-shadow .28s ease;
}

.gtco-testimonials .card.text-center { text-align: center; }

.gtco-testimonials .card .card-body {
  padding: 24px 18px;
}

.gtco-testimonials .card p {
  color: #e9edf5;
  font-size: 16px;
  line-height: 1.6;
  margin: 14px auto 18px;
}

.gtco-testimonials .card span {
  display: inline-block;
  font-size: 14px;
  line-height: 1.35;
  color: #e2c179; /* dourado do projeto */
}

/* Estrelinhas */
.gtco-testimonials .estrela {
  display: block;
  max-height: 80px;
  max-width: 90px;
  margin: 15px auto 0;
  height: auto;
  width: auto;
}

/* -------- Destaque do item central --------
   A classe .center é aplicada via script ao item central */
.gtco-testimonials .owl-carousel .owl-item .card {
  opacity: .5;
  transform: scale(.92);
}

.gtco-testimonials .owl-carousel .owl-item.center .card,
.gtco-testimonials .owl-carousel .owl-item.active.center .card {
  opacity: 1;
  transform: scale(1);
  box-shadow: 0 12px 28px rgba(17, 22, 44, 0.45);
  z-index: 2;
}

.gtco-testimonials .owl-carousel .owl-item.active.center {
  z-index: 5;
}

/* -------- Navegação (setas) --------
   Se estiver usando Font Awesome nas setas via navText */
.gtco-testimonials .owl-nav i.fa-solid {
  color: #151c30;
  padding: 10px 24px;
  border-radius: 50%;
  transition: transform .25s ease, color .25s ease, background-color .25s ease;
}

.gtco-testimonials .owl-nav i.fa-solid:hover,
.gtco-testimonials .owl-nav i.fa-solid:focus {
  color: #e2c179;
  transform: scale(1.05);
  background-color: rgba(226, 193, 121, 0.08);
  outline: none;
}

/* -------- Responsivo -------- */
@media (max-width: 992px) {
  .gtco-testimonials .card {
    width: 340px;
    padding: 20px 22px;
  }
}

@media (max-width: 600px) {
  .gtco-testimonials .card {
    width: 300px;
    padding: 18px 20px;
  }
  .gtco-testimonials .card p {
    font-size: 15px;
  }
}

.bg-0003{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('../images/depobg.png') no-repeat center center;
    background-size: cover;
}

.banner-11{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/bgduvidas.png') no-repeat top center;
    background-size: cover;
    min-height: 27vh;
    
}

.banner-12{
  position: relative;
  width: 100%;
  min-height: 925px;           /* pode trocar por clamp(420px, 70vh, 975px) */
  overflow: hidden;
}

.banner-12 .container-11400{
  position: relative;
  z-index: 2;                  /* conteúdo por cima do trilho */
}

.banner-12__track{
  position: absolute;
  inset: 0;
  height: 100%;
  display: flex;
  z-index: 1;
  will-change: transform;
  pointer-events: none;
}

.banner-12__tile{
  height: 100%;
  display: block;
  flex: 0 0 auto;              /* largura será definida em px via JS */
  user-select: none;
  -webkit-user-drag: none;
}




.linhas {
    width: 35%;
    position: absolute;
    margin-left: -10%;
    margin-top: -13%
}


  /* Tudo sob .exemplo2 para não conflitar com outros acordeões */
  .exemplo2 .exemplo2-content {
    overflow: hidden;
    transition: height .28s ease, opacity .22s ease;
    height: 0;
    opacity: 0;
  }
  .exemplo2 .exemplo2-content.is-open {
    opacity: 1;
  }

  .exemplo2 .exemplo2-btn { outline: none; }
  .exemplo2 .exemplo2-btn:focus-visible {
    box-shadow: 0 0 0 3px rgba(226, 193, 121, .45);
    border-radius: 8px;
  }

  @media (prefers-reduced-motion: reduce) {
    .exemplo2 .exemplo2-content { transition: none; }
  }


:root{
  /* quanto o banner “vaza” para fora do card no DESKTOP */
  --banner-vaza: 110px;
  /* espaço reservado abaixo do wrapper para não colidir com o conteúdo seguinte */
  --banner-espaco: 180px;
  /* largura máxima do banner */
  --banner-max: 680px;
}

/* coluna direita do #valor2 */
#valor2 .valor2-col-dir{
  float: right;
  width: 60%;
}

/* o card, quando dentro da coluna, não precisa flutuar */
#valor2 .valor2-col-dir .box-valor3{
  float: none;        /* sobrepõe .box-valor3{ float:right } */
  width: 100%;        /* ocupa toda a coluna */
  padding-bottom: calc(var(--cond-vazamento, 230px) + 24px); /* espaço pro banner invadir */
}

/* banner “vazando” sem interferir na coluna da esquerda */
#valor2 .condicao-wrapper{
  float: none;         /* vence o figure{float:left} global */
  clear: both;         /* começa numa nova linha dentro da coluna */
  width: 100%;
  margin: calc(-1 * var(--cond-vazamento, 210px)) 0 0;
  position: relative;
  z-index: 3;
}

#valor2 .condicaoespec{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0,0,0,.25);
}

@media (max-width: 1024px){
  #valor2 .valor2-col-dir{
    float: none;
    width: 100%;
  }
  #valor2 .valor2-col-dir .box-valor3{
    padding-bottom: clamp(60px, 12vw, 140px);
  }
  #valor2 .condicao-wrapper{
    margin: calc(-1 * clamp(16px, 6vw, 60px)) 0 0;
  }
}


.banner-02{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/fundor.png') no-repeat top center;
    background-size: cover;
  
}

 .highlight-section {
            text-align: center;
            
        }

        .highlight-section h2 {
    
            color: #fff;
        }

        .highlight-section h2 span {
            color: #ff7f00;
        }

        .button-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 160px;
            text-transform: uppercase;
            
            gap: 30px;
            
         
        }

        .highlight-button {
            
            font-family: Montserrat;
            background-color: #1e4262;
            border: none;
            color: white;
            padding: 5px 50px;
            font-size: 20px;
            font-weight: 500;
            border-radius: 8px;
            text-transform: uppercase;
            overflow: hidden;
            transition: color 0.3s ease;
            font-weight: 700;
            
        }

        .highlight-button::before {
          transition: all 0.3s ease;
        }

    

        .highlight-button:hover {
            cursor: default;
          
            transition: all 0.3s ease;
  box-shadow: 0 0 35px rgba(129, 126, 122, 0.9);
  transform: scale(1.05);

         
        }

.profesh2 {
    color: #2f4a5d;
    font-family: Montserrat;
    font-weight: 200;
    margin-top: 150px;
     margin-bottom: 90px;
}

.bgprofessores {
    float: left;
    width: 100%;
    overflow: hidden;
     background: url('../images/bgprof.png') no-repeat top center; */
     background-size: cover; 

}

.centralizarbtn {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    
}

/* --- Área e container --- */
.sec-motivos {
  background: #f3f4f6;                         /* cinza leve */
  padding: clamp(32px, 6vw, 80px) 0;
}


.sec-motivos__content {
    padding-right: 20%;
    margin-left: -10%
    
}


.sec-motivos__wrap {
  max-width: 100%;                           /* controla largura máxima */
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 40px);           /* respiro lateral */
  display: grid;
  grid-template-columns: 1fr 2fr;              /* ~40/60 */
  gap: clamp(16px, .1vw, 40px);
  
  position: relative;
}



/* --- Galeria (coluna esquerda) --- */
.sec-motivos__gallery {
  display: grid;
  grid-template-rows: 1fr 1fr;                 /* duas faixas iguais */
  gap: clamp(1px, .6vw, 18px);
  min-height: clamp(320px, 52vw, 560px);       /* altura responsiva */
}

.sec-motivos__img {
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
    margin-left: -5vw
}

.sec-motivos__img img {
  width: 75%;
  height: 100%;
  object-fit: cover;                            /* preenche sem distorcer */
  display: block;

}

/* --- Conteúdo (coluna direita) --- */
.sec-motivos__content h2 {
  font: 600 38px/1.2 "Montserrat", system-ui, -apple-system, sans-serif;
  color: #64748b;                               /* cinza azulado do seu layout */
  margin: 0 50px 40px;
    text-align: left;
}

.sec-motivos__list {
  display: grid;
  gap: 30px;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #374151;
  font: 400 28px/1.6 "Montserrat", system-ui, -apple-system, sans-serif;
}

.sec-motivos__list li strong {
  color: #8b5e2f;                               /* tom cobre/bronze do exemplo */
  font-weight: 700;
}

/* --- Responsivo --- */
@media (max-width: 1024px) {
  .sec-motivos__wrap {
    grid-template-columns: 1fr;                 /* empilha */
  }
  .sec-motivos__wrap::before { display: none; } /* some o divisor */
  .sec-motivos__gallery {
    min-height: clamp(260px, 48vw, 420px);
    order: -1;                                  /* imagens primeiro (ajuste se quiser) */
  }
  .sec-motivos__content h2 {
    margin-top: 8px;
  }
}


/* --- Área e container --- */
.sec-motivos2 {
  background: #081523;                         /* cinza leve */
  padding: clamp(32px, 6vw, 80px) 0;
    max-height: 700px;
    margin-bottom: 100px;
}


.sec-motivos2__content {
    padding-right: 20%;
    margin-left: -10%
    
}


.sec-motivos2__wrap {
  max-width: 100%;                           /* controla largura máxima */
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 40px);           /* respiro lateral */
  display: grid;
  grid-template-columns: 1fr 1fr;              /* ~40/60 */
  gap: clamp(16px, .1vw, 40px);
  
  position: relative;
}



/* --- Galeria (coluna esquerda) --- */
.sec-motivos2__gallery {
  display: grid;
  grid-template-rows: 1fr 1fr;                 /* duas faixas iguais */
  gap: clamp(1px, .6vw, 18px);
  min-height: clamp(320px, 52vw, 560px);       /* altura responsiva */
}

.sec-motivos2__img {
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
    margin-left: -5vw
}

.sec-motivos2__img img {
  width: 75%;
  height: 100%;
  object-fit: cover;                            /* preenche sem distorcer */
  display: block;

}

/* --- Conteúdo (coluna direita) --- */
.sec-motivos2__content h2 {
  font: 100 38px/1.2 "Montserrat", system-ui, -apple-system, sans-serif;
  color: #ffffff;                               /* cinza azulado do seu layout */
  margin: 0 50px 40px;
    text-align: left;
   
}

.sec-motivos2__content h3 {
  font: 500 28px/1.2 "Montserrat", system-ui, -apple-system, sans-serif;
  color: #ffffff;                               /* cinza azulado do seu layout */
  margin: 0 50px 40px;
    text-align: left;
   line-height: 50px
}

.sec-motivos2__list {
  display: grid;
  gap: 30px;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #374151;
  font: 400 28px/1.6 "Montserrat", system-ui, -apple-system, sans-serif;
}

.sec-motivos2__list li strong {
  color: #8b5e2f;                               /* tom cobre/bronze do exemplo */
  font-weight: 700;
}

/* --- Responsivo --- */
@media (max-width: 1024px) {
  .sec-motivos2__wrap {
    grid-template-columns: 1fr;                 /* empilha */
  }
  .sec-motivos2__wrap::before { display: none; } /* some o divisor */
  .sec-motivos2__gallery {
    min-height: clamp(260px, 48vw, 420px);
    order: -1;                                  /* imagens primeiro (ajuste se quiser) */
  }
  .sec-motivos2__content h2 {
    margin-top: 8px;
  }
}

/* acessibilidade/UX */
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto; }
}


/* container do slider */
.tb-hide {
  position: relative;
  overflow: visible;
}

/* bloco atrás dos slides */
.tb-hide::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* leve vazamento à esquerda… */
  left: vw;
  /* …e se estende muito além do lado direito */
  width: calc(100% + 60vw);
  height: 72%;

  /* gradiente azul (ajuste as cores/posições à vontade) */
  background: linear-gradient(
    135deg,
    #0d2534 0%,
    #11374e 40%,
    #1b486a 100%
  );

  /* opcional: cantos mais suaves do lado esquerdo */
  border-radius: 12px;
  z-index: 0;
  pointer-events: none;
}

/* garante que o slider fique acima do fundo */
.curso-slider {
  position: relative;
  z-index: 1;
}

/* container do slider */
.curso-slider {
  position: relative;
  width: 80%;
   
  aspect-ratio: 2 / 3;          /* mantém proporção semelhante ao mock */
  border-radius: 18px;
  overflow: hidden;

    margin-left: 70px
}

/* cada slide empilhado */
.curso-slider .slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .6s ease; /* fade suave */
}

/* imagem ocupando todo o espaço */
.curso-slider .slide img {
  width: 100%;
  height: 100%;

  display: block;
}

/* slide visível */
.curso-slider .slide.active {
  opacity: 1;
}

/* opcional: pausa visual no hover (cursor) */
.curso-slider:hover {
  
}


.textcolor1 {
    font-family: ;
    color: black;
      text-align: left;
          padding-right: 40px;
}

.estrelagold {
    margin-bottom: 48px;
    margin-right: 7px;
}

.estrelatopo {
    margin-left: 15px;
    margin-right: 15px;
}

.maskara {
   height: 100%;
  
    justify-content: center;
    align-items: center;

}

.maskara::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Para não bloquear interações com o vídeo */

  
     z-index: ;
    
       /* Fundo azul translúcido */
    background: rgba(113, 95, 46, 0.7); /* Ajuste a opacidade conforme necessário */

 
}

.maskara::before {
   height: 100%; 
}

.leia-mais {
  margin-top: 55px;
    

    
}

.leia-mais > summary.btn-link {
    
    margin-bottom: 25px;
    border-radius: 1rem;
    background-color: #f1f1f1;
    padding: 0px 20px 10px 20px;
    max-width: 190px;
    font-family: Montserrat;
  display: inline-block;
  cursor: pointer;
  color: #11374e; /* azul */
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  list-style: none;
    text-decoration: none;
}
.leia-mais > summary.btn-link::-webkit-details-marker {
  display: none; /* remove setinha padrão */
}

.leia-mais[open] .btn-link::after {
  content: " ";
  font-size: 10px;
}
.leia-mais:not([open]) .btn-link::after {
  content: " ";
  font-size: 10px;
}

/* animação suave na abertura */
.leia-mais[open] h4 {
  animation: fadeIn .3s ease;
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}


.leia-mais > summary.btn-valor2{
     
    font-weight: 600;
    float: left;
    font-size: 22px;
   background-color: white;
    height: 60px;
    border-radius: 40px;
    color: #282c38;
    line-height: 55px;
    width: 100%;
    text-align: center;
    border: 3px solid;
    border-color: white;
  z-index: 2;
        position: sticky;
    
        margin-top: 0px;
    margin-bottom: 30px;
    
    align-items: center;
    margin-left: 0px;
        box-shadow: 0 0  25px rgba(40, 40, 40, 0.5);
     transition: all 0.3s ease;
    text-decoration: none;
    list-style: none;
     cursor: pointer;
 
}

   .leia-mais > summary.btn-valor2:hover{
       
  transform: scale(1.05);
    }


.marginb {
    margin-bottom: 50px
}

.marginbb {
    margin-bottom: 100px;
}

    .responsive-iframe-container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; /* Proporção 16:9 */
        height: 0;
        overflow: hidden;
        margin-bottom: -150px
    }

    .responsive-iframe-container iframe {
        position: absolute;
        top: 0px;
        left: 10%;
       
        width: 80%;
        height: 80%;
        border: 0;
    }


h1, h2, h3, h4 {font-family: Indivisible, roboto, arial, helvetica, sans-serif;margin: 0;color: var(--white);font-size: 2.5rem;font-weight: 700;width: 100%;text-align: center;}
h1{float: left;margin: 0 5%;width: 90%;text-transform: uppercase;text-align: center;font-size: 2.5rem;}
h2{display: inline-block; padding-bottom: 10px;}
h3{font-size: 1.5rem;}
h4{color: var(--white:); font-size: 1.688rem; line-height: 1.3em; font-weight: 500;}
p {margin: 0; color: var(--text);}
a {cursor: pointer; text-decoration: none; transition: .3s all;}
figure {margin: 0; float: left; text-align: center;}
picture>img{width: 100%; object-fit: cover;}

.clear  {clear: both;}
.m-show {display: none;}
.bloc   {display: block;}
.disable{opacity: .5;}

.hover{display: none;}

.show-popup, .show-popup1, .show-popup2, .show-popup3{display: block !important;}

/*depoimentos*/

.depoimentos {
  padding: 50px;
  background: #f9f9f9;
  text-align: center;
}

.depoimentos h2 {
  font-size: 32px;
  margin-bottom: 30px;
}

.cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

.video-card {
  position: relative;
  width: 250px;
  height: 480px;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
}

.video-card video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-card .overlay {
  position: absolute;
  bottom: 50px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  font-size: 16px;
}

/* Modal */
.modal {
  display: none;
  position: fixed; 
  z-index: 999;
  padding-top: 60px; 
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.9);
  text-align: center;
}

.modal video {
  max-width: 80%;
  max-height: 80%;
}

.close {
  position: absolute;
  top: 30px; right: 50px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}



/*modal yt*/

/* Estiliza a section para alinhar o botão no centro */
.mask {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

.mask::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Para não bloquear interações com o vídeo */

  
     z-index: 1;
    
       /* Fundo azul translúcido */
    background: rgba(8, 32, 57, 0.4); /* Ajuste a opacidade conforme necessário */

    /* Adiciona a textura de bolinhas brancas */
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 25%, transparent 10%);
    background-size: 10px 10px; /* Ajuste o tamanho das bolinhas */
}


/* Botão de play estilizado */
.play-button {
    position: absolute;
    top: 35%;
    left: 45%;
    transform: translate(-50%, -50%); /* Move o botão exatamente para o centro */
    width: 180px;
    height: 180px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
   cursor: pointer;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
    animation: pulse 2s infinite ease-in-out;
    z-index: 2;
}

/* Ícone de play em forma de triângulo */
.play-button::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 40px solid black;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    transition: transform 0.3s ease-in-out;
}

/* Efeito ao passar o mouse */
.play-button:hover {
    transform: scale(1.2) rotate(10deg);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.9);
}


/* Animação de pulsação */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 25px rgba(255, 255, 255, 0.8);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
    }
}

/* Efeito de clique */
.play-button:active {
    transform: scale(0.9);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}


/*MODAL*/

    .novadiv {
        position: relative;
        width: 100%; /* Garante que o contêiner ocupe toda a largura disponível */
        height: 69vh; /* Define a altura como 50% da altura da janela */
        overflow: hidden; /* Oculta as partes do vídeo que ultrapassam o contêiner */
    }

    .novadiv .video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; /* Garante que o vídeo ocupe 100% da largura */
        height: 130%; /* Garante que o vídeo ocupe 100% da altura do contêiner */
        object-fit: cover; /* Corta o vídeo para cobrir totalmente o contêiner */
    }

        .video {
            cursor: pointer;
            display: inline-block;
        }
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            justify-content: center;
            align-items: center;
             z-index: 99;
        }
        .modal-content {
            position: relative;
            width: 100%;
            max-width: 1200px;
           
        }
        .modal-content iframe {
            width: 100%;
            height: 600px;
        }
        .close {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 24px;
            color: white;
            cursor: pointer;
        }

/*MENU*/
.myMenu {
    position: fixed;
    z-index: 5 ;
    top: 0;
    left: 0;
    width: 100%;
    height: 110px;

    font-size: 13px;
    font-weight: 600;

    /* Gradiente no lugar do preto chapado */
    background: linear-gradient(
        to bottom, 
        rgba(0,0,0,0.5) 0%, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,0.5) 100%
    );

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.menu-container{
    width: 1200px;
    max-width: 100%;
    margin: 0 calc(50% - 600px);
}

.color-darkyew {
    color: #937443
}

.myMenu ul>li>a {transition: .2s all; color: #cbc188;}


.myMenu ul{
    float: left;
    list-style-type: none;
    padding: 0;
    width: 820px;
    margin: 44px 0 10px 30px;
    text-align: center;
}
    .myMenu ul>li{
        float: left;
        line-height: 35px;
        text-transform: uppercase;
        display: block;
        color: var(--white);
    }
        .myMenu ul>li>a {
            transition: .2s all;
  
            font-size: 16px;
            padding: 25px 10px;
        }
            .myMenu ul>li>a:hover {opacity: .3;}

    .menu-social{
        float: right;
        padding-top: 25px;
    }
        .menu-social>a{
            float: left;
            margin: 10px 7px;
        }
        .menu-social>a:hover{
            opacity: .3;
        }
            .menu-social>a>img{
                height: 18px;
            }
        .menu-social>a:last-child{
            margin: 0 0 0 20px;
            float: right;
        }
            .menu-social>a:last-child>img{
                height: 60px;
            }


/* Menu Fix top */
.menu{
    max-width: 100%;
    border-radius: 0px;
    z-index: 20;
    background-color: rgba(0,0,0,.65);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    backdrop-filter: blur(30px) saturate(180%);
}

.anchor{
    float: left;
    width: 0px;
    height: 0;
    position: relative;
    top: -110px;
}

/* Menu Mobile */
.menuMobile{
    display: none;
    top: 0;
    position: fixed;
    width: 100vw;
    background-color: var(--white);
    z-index: 999;
}
#menu-mobile .menu-logo{
    width: 100%;
    margin: 20px 0;
}

/*FOOTER*/
footer {
    width: 100%;
    background-color: var(--blue6);
    overflow: hidden;
    padding-bottom: 40px;
}
footer .grid>a {display: block;}
    footer a:hover {text-decoration: underline;}

footer .color-dark a{color: var(--white);}
footer .border-05{border-top: 1px solid rgba(200, 200, 200, .5);}

.footer-social{
    width: 100%;
    text-align: center;
}
    .footer-social>a{
        margin: 0 32.5px;
        height: 65px;
    }
    .footer-social>a:hover{
        opacity: .3;
    }
    .footer-social>a>img{
        height: 65px;
    }

/* Logos & images */

.menu-logo{
    width: 96px;
    height: 35px;
    margin: 35px 0 5px;
}
    .menu-logo img{
        text-align: center;
        width: 92px;
    }
.star{
    width: 100%;
    margin: 80px 0 10px;
    z-index: 20;
}
    .star img{
        width: 24px;
        margin: 0 auto;
         z-index: 2;
        position: sticky;
    }
.video{
    float: left;
    margin-top: -200px;
    width: 100%;
    text-align: center;
}
    .video img{
        max-width: 700px;
        width: 100%;
    }
.material{
    float: right;
    width: 50%;
    text-align: center;
}
    .material img{
        width: 90%;
        object-fit: contain;
    }
.ribbon{
    float: left;
    width: 40%;
    padding: 50px 0 0 60px;
    text-align: left;
}

.condicao{
    float: left;
    
    padding: 0px 0px 0px 30px;
    text-align: left;
}

.condicao img {
    width: 90%
}

.incluso{
    float: left;
    padding: 40px 0px 0px 40px;
    text-align: left;
}

.incluso img {
    width: 80%
}

.footer-logo{
    float: left;
    width: 15.25rem;
}
    .footer-logo img{width: 100%;}
.hotel{
    background: url('../images/banner-04.png') no-repeat center center;
    background-size: cover;
    width: 100%;
    height: auto ;
}
.selo-nota{
    float: right;
    width: 179px;
    margin: -135px -50px 0 0;
}
.galeria-down{
    padding-top: 40px;
}
.galeria-up{
    padding-bottom: 40px;
}


/* Banners & Backgrounds */
.bg-white               {background-color: var(--white);}
.bg-white2              {background-color: var(--white2);}
.bg-gray3                {background-color: var(--gray3);}
.bg-dark                {background-color: var(--black);}
.bg-contrast2           {background-color: }

.grt-01{
    background: rgba(8, 32, 57, 1)
}
.grt-02{
    background: rgb(37,76,108);
    background: linear-gradient(90deg, rgba(37,76,108,1) 0%, rgba(14,37,60,1) 50%, rgba(37,76,108,1) 100%);
}

.grt-03{
    background: rgb(44,94,120);
    background: linear-gradient(90deg, rgba(44,94,120,1) 0%, rgba(85,113,152,1) 0%, rgba(117,145,179,1) 50%, rgba(85,113,152,1) 100%);
}

.bg-primary     {background-color: var(--primary);}
.bg-third       {background-color: var(--third);}

.banner-h1{
    float: left;
    margin: 0 calc(50% - 500px);
    width: 100%;
    padding: 60px 100px;
    background-color: rgba(130, 100, 25, .85);
    border-radius: 22px;
    margin-top: 40px;
    position: sticky;
    z-index: 2;
        box-shadow: 0 0 45px rgba(0, 0, 0, .8);
}
.banner-h1 p{
    float: left;
    width: 100%;
    color: var(--white);
    text-align: center;
    margin-top: 40px;
    position: sticky;
}

.banner-01{
    float: left;
    margin: 0 calc(50% - 500px); 
    width: 1000px;
    position: relative;
}
.banner-01 .container-990{
    float: left;
    padding: 30px 60px;
    margin-bottom: 100px;
    display: flex;
        flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.banner-01 .container-990 p span{
    float: left;
    width: 100%;
}

.selo {
    position: absolute;
        margin: 0 calc(75% - 00px); 
    margin-top: -130px;
        z-index: 3;
}

.bg-001{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    /* background: url('../images/banner-01-HD.webp') no-repeat top center; */
    /* background-size: 100%; */
    padding-top: 110px;
    
  transition: transform 2s;
}

@media screen and (min-width: 1000px){
    .bg-001:hover .bg-001-img>img{
        /* background-size: 140%; */
        transform: scale(1.4);
    }
}
.bg-001-img{
    float: left;
    margin: -180px auto 0;
    width: 100vw;
    height: 0;
}
.bg-001-img img{
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 1053px;
    transform: scale(1);

    transition: 7s;
}


.bg-002 h2{margin-left: -100px;}

.bg-002b h2{
    width: 100%;
    text-align: center;
}
    .bg-002b h2 span{
        color: var(--zenite-star);
    }

.banner-s2b{
    float: left;
    margin: 70px auto;
    width: 100%;
    padding: 60px 100px;
    background-color: #efefef;
    border-radius: 30px;
}

.banner-02{
    float: left;
    width: 100%;
}
    .banner-02 img{
        width: 100%;
        margin-left: -10vw;
        margin-top: -100px;
    }
.banner-05{
    float: left;
    width: 40%;
    text-align: right;
}
    .banner-05 img{
        max-width: 450px;
        width: 100%;
    }
.banner-06{
    float: left;
    width: 100%;
    text-align: center;
}
    .banner-06 img{
        width: 100%;
        margin: 100px auto;
    }
.banner-08{
    float: left;
    width: 100%;
    height: 850px;
    object-fit: cover;
}
    .banner-08 img{
        width: 100%;
    }
.clock{
    float: right;
    height: 0;
    margin-right: -50px;
}
    .clock img{width: 50px;}
.img-pin{
    float: left;
    width: 100%;
    margin: 60px auto 20px;
}

.area-complexidade{
    float: left;
    width: 100%;
    margin: -50px auto 0;
}
.quotes1{
    float: left;
    margin: 70px 0 0 -300px;
    width: 100%;
    text-align: left;
}
.quotes2{
    float: left;
    width: 100%;
    height: 0;
    text-align: left;
}
.quotes2 img{
    float: left;
    width: 323px;
    height: 252px;
    margin: -150px 0 0 -150px;
}
.bg-002{  overscroll-behavior-x: contain;}
.bg-002 .container-1350{
    border-bottom: 1px solid;
    border-color: var(--gray2);
}
.bg-003{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: url('../images/bginvest.png') no-repeat top center;
    background-size: contain;
        margin-bottom: 100px;
}
.bg-003-color{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: var(--blue5);
}
.bg-007{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: url('../images/banner-07-HD.webp') no-repeat top center;
    background-size: cover;
}
.img-numeros{
    float: left;
    width: 100%;
}
    .img-numeros img{
        width: 100%;
    }
.img-curso{
    width: 100%;
    max-width: 500px;
}
    .img-curso img{
        float: left;
        width: 100%;
        object-fit: contain;
    }


/* Buttons */

.btn-topo1{
    float: left;
    font-size: 22px;
    background-color: rgba(20, 20, 20, 8);;
    height: 60px;
    border-radius: 40px;
    color: var(--white);
    line-height: 55px;
    width: 300px;
    text-align: center;
    border: 3px solid;
    border-color: rgba(20, 20, 20, .5);
  z-index: 2;
        position: sticky;
    font-weight: 600;
        margin-top: 40px;
 
}
    .btn-topo1:hover{
        box-shadow: 0 0 25px rgba(211, 194, 103, 0.5);
  transform: scale(1.05);
    }


.btn-topo2{
    float: left;
    font-size: 22px;
   
    height: 60px;
    border-radius: 40px;
    color: var(--white);
    line-height: 55px;
    width: 300px;
    text-align: center;
    border: 3px solid;
    border-color: var(--white);
  z-index: 2;
        position: sticky;
    font-weight: 600;
        margin-top: 40px;
 
}

   .btn-topo2:hover{
        box-shadow: 0 0 25px rgba(211, 194, 103, 0.5);
  transform: scale(1.05);
    }
.btn-hoteu{
    float: left;
    font-size: 22px;
   
    height: 60px;
    border-radius: 40px;
    color: var(--white);
    line-height: 55px;
    width: 300px;
    text-align: center;
    border: 1px solid;
    border-color: white;
  z-index: 2;
        position: sticky;
    font-weight: 600;
        margin-top: 20px;
    margin-right: 30%;
        margin-left: 5%
    
 
}

   .btn-hoteu:hover{
        box-shadow: 0 0 25px rgba(211, 194, 103, 0.5);
  transform: scale(1.05);
    }

.btn-motivos1{
    font-family: Montserrat;
    font-weight: 200;
    float: left;
    font-size: 22px;
    background-color: var(--yellow);
    height: 60px;
    border-radius: 40px;
    color: var(--white);
    line-height: 55px;
    width: 380px;
    text-align: center;
    border: 3px solid;
    border-color: var(--yellow);
  z-index: 2;
        position: sticky;
    
        margin-top: -30px;
     margin-bottom: 40px;
 
}
    .btn-motivos1:hover{
        box-shadow: 0 0 25px rgba(211, 194, 103, 0.5);
  transform: scale(1.05);
    }

.btn-motivos2{
     font-family: Montserrat;
    font-weight: 200;
    float: left;
    font-size: 22px;
   background-color: #11374e;
    height: 60px;
    border-radius: 40px;
    color: white;
    line-height: 55px;
    width: 380px;
    text-align: center;
    border: 3px solid;
    border-color: #11374e;
  z-index: 2;
        position: sticky;
    
        margin-top: -30px;
    margin-bottom: 40px;
 
}

   .btn-motivos2:hover{
        box-shadow: 0 0 25px rgba(43, 104, 141, 0.5);
  transform: scale(1.05);
    }


.btn-valor1{
     font-family: Montserrat;
    font-weight: 200;
    float: left;
    font-size: 22px;
   background-color: white;
    height: 60px;
    border-radius: 40px;
    color: #282c38;
    line-height: 55px;
    width: 330px;
    text-align: center;
    border: 3px solid;
    border-color: white;
  z-index: 2;
        position: sticky;
    
        margin-top: 60px;
    margin-bottom: -120px;
    align-items: center;
    margin-left: 80px;
        box-shadow: 0 0  25px rgba(40, 40, 40, 0.5);
 
}

   .btn-valor1:hover{
       
  transform: scale(1.05);
    }


.btn-valor2{
     
    font-weight: 600;
    float: left;
    font-size: 22px;
   background-color: white;
    height: 60px;
    border-radius: 40px;
    color: #282c38;
    line-height: 55px;
    width: 100%;
    text-align: center;
    border: 3px solid;
    border-color: white;
  z-index: 2;
        position: sticky;
    
        margin-top: 0px;
    margin-bottom: 30px;
    
    align-items: center;
    margin-left: 0px;
        box-shadow: 0 0  25px rgba(40, 40, 40, 0.5);
 
}

   .btn-valor2:hover{
       
  transform: scale(1.05);
    }


.btn-saiba-mais{
    float: left;
    background-color: var(--yellow);
    height: 80px;
    border-radius: 40px;
    color: var(--white);
    line-height: 80px;
    width: 430px;
    text-align: center;
    border: 3px solid;
    border-color: var(--yellow);
    margin: -140px calc(50% - 215px) 0;
    position: relative;
}
    .btn-saiba-mais:hover{
        background-color: var(--white);
        color: var(--yellow);
    }
.btn-programa{
    float: left;
    margin: 40px calc(50% - 325px);
    border: 2px solid var(--blue);
    background-color: var(--blue);
    color: var(--white);
    font-size: 2rem;
    border-radius: 2.25rem;
    height: 4.375rem;
    padding: 0.75rem 2.5rem;
    text-align: center;
    width: 650px;
    font-weight: 600;
}
    .btn-programa:hover{
        color: var(--blue);
        background-color: var(--white);
    }
.btn-programa2{
    float: left;
    margin: 40px calc(50% - 325px);
    border: 2px solid var(--zenite-star);
    background-color: var(--zenite-star);
    color: var(--white);
    font-size: 2rem;
    border-radius: 2.25rem;
    height: 4.375rem;
    padding: 0.75rem 2.5rem;
    text-align: center;
    width: 650px;
    font-weight: 600;
    line-height: 1.3em;
}
    .btn-programa2:hover{
        color: var(--zenite-star);
        background-color: var(--white);
    }
.btn-atualize{
    float: left;
    margin: 40px calc(50% - 375px);
    border: 3px solid var(--zenite-star);
    background-color: transparent;
    color: var(--zenite-star);
    font-size: 2.5rem;
    border-radius: 4.375rem;
    height: 8.75rem;
    text-align: center;
    width: 750px;
    line-height: 8.125rem;
    font-weight: 600;
    transition: .3s;
    cursor: initial;
}
    /* .btn-atualize:hover{
        background-color: var(--zenite-star);
        color: var(--white);
    } */
.btn-desenvolva{
    float: left;
    margin: 100px calc(50% - 375px);
    border: 3px solid var(--white);
    background-color: transparent;
    color: var(--white);
    font-size: 2rem;
    border-radius: 4.375rem;
    height: 8.75rem;
    text-align: center;
    width: 750px;
    line-height: 8.125rem;
    font-weight: 600;
    filter: drop-shadow(0px 12px 10px #484848);
    transition: .3s;
    cursor: initial;
}
    /* .btn-desenvolva:hover{
        background-color: var(--white);
        color: var(--blue);
    } */
.btn-desenvolva2{
    float: left;
    width: 750px;
    background-color: var(--yellow3);
    border-radius: 4.375rem;
    height: 8.75rem;
    color: var(--blue);
    line-height: 8.125rem;
    text-align: center;
    border: 3px solid;
    border-color: var(--yellow3);
    margin: -70px calc(50% - 375px) 0;
}
    /* .btn-desenvolva2:hover{
        background-color: var(--white);
    } */
.btn-website{
    display: block;
    margin: 100px calc(50% - 250px);
    border: 3px solid var(--white);
    background-color: transparent;
    color: var(--white);
    font-size: 2.5rem;
    border-radius: 3rem;
    height: 6rem;
    text-align: center;
    width: 500px;
    line-height: 5.5rem;
    transition: .3s;
}
    .btn-website:hover{
        background-color: var(--white);
        color: var(--blue);
    }
.btn-curriculo{
    color: #black;
    width: 100%;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 1.875rem;
    padding: 0 1rem;
    text-align: left;
}
    .btn-curriculo span{
        float: right;
        width: 100%;
        text-align: right;
    }
.btn-passo{
    float: left;
    margin: 40px calc(50% - 375px);
    border: 2px solid var(--white);
    background-color: var(--white);
    color: var(--primary);
    font-size: 2.25rem;
    border-radius: 4.375rem;
    height: 8.75rem;
    line-height: 8.125rem;
    text-align: center;
    width: 750px;
    font-weight: 600;
}
    .btn-passo:hover{
        color: var(--white);
        background-color: transparent;
    }
.btn-calendario{
    float: left;
    margin: 40px calc(50% - 375px);
    border: 2px solid var(--blue);
    background-color: var(--blue);
    color: var(--white);
    font-size: 2.25rem;
    border-radius: 4.375rem;
    height: 8.75rem;
    line-height: 8.125rem;
    text-align: center;
    width: 750px;
    font-weight: 600;
}
    .btn-calendario:hover{
        color: var(--blue);
        background-color: transparent;
    }



/* GRID & Container*/
.ovfw-hidden{overflow: hidden;}
.f-right{float: right !important;}
.flex{display: flex;}
.inline-bloc{display: inline-block;}


.flex-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.flex-container2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex-container3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 80px;
}
.flex-container4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex-item0 {
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center;
    align-self: start;
}
.flex-item1 {
    text-align: left;
   
    align-items: center;
    justify-content: center;
    align-self: stretch;
}
.flex-item2 {
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    width: 350px;
    max-width: 30%;
    margin: 20px 1.5%;
}
.flex-item2 img{
    float: left;
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
    aspect-ratio: 1 / 1;
}
.flex-item4 {
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center;
    align-self: stretch;

    width: 46%;
    margin: 40px 2%;
}

.shadow{
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4);
}
.shadow2{
    filter: drop-shadow(0px 12px 10px #484848);
}

.grid    {float: left;}
.grid-1  {width: 100%; margin: 0 auto;}
.grid-2  {width: 50%;}
.grid-3  {width: 33.33%;}
.grid-4  {width: 25%;}
.grid-35 {width: 35%;}
.grid-40 {width: 40%;}
.grid-60 {width: 60%;}
.grid-65 {width: 65%;}
.grid-70 {width: 70%;}
.grid-80 {width: 80%;}

.container-920  {width: 57.5rem; margin: 0 auto; max-width: 90vw;}
.container-990  {width: 61.875rem; margin: 0 auto; max-width: 95vw;}
.container-1140 {width: 71.25rem; margin: 0 auto; max-width: 95vw;}
.container-1350 {width: 84.375rem; margin: 0 auto; max-width: 95vw;}
.container-1600 {width: 100rem; margin: 0 auto; max-width: 95vw;}

.half {width: 50%; float: left;}

.w100 {width: 100%; max-width: 100vw; margin: 0 auto;}
.w90  {width: 90%; margin: 0 auto;}
.w70  {width: 70%; margin: 0 auto; float: left;}
.w60  {width: 60%; margin: 0 auto; float: left;}
.w55  {width: 55%; margin: 0 auto; float: left;}
.w45  {width: 45%; margin: 0 auto; float: left;}
.w40  {width: 40%; margin: 0 auto; float: left;}

.h100 {height: 6.25rem;}

.container-prof{
    width: 15rem;
    margin: 0 1rem 7rem;
}
    .container-prof>button{
        background-color: transparent;
        width: 100%;
        display: inline-block;
        align-self: flex-end;
        border: none;
        max-width: 25rem;
        cursor: pointer;
        transition: .3s;
    }
    .container-prof>button:hover{
        opacity: .4;
    }
.container-zntn{

}
#prof ul li{
    margin: 16px 0;
}
#prof ul li::marker {
    color: var(--zenite-star);
  }
.box-quote{
    padding: 80px;
    background-color: var(--blue2);
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4);
    margin-bottom: 80px;
}
.box-valor1{
    border-radius: 30px;
    background: rgb(44,94,120);
    background: linear-gradient(0deg, rgba(44,94,120,1) 0%, rgba(16,22,29,1) 0%, rgba(19,45,65,1) 100%);
}
.box-valor2{
    border-radius: 30px;
    padding: 50px;
    background-color: var(--yellow2);
}
    .box-valor2 li{
        color: var(--blue);
        font-weight: 500;
        margin: 10px auto;
        list-style-image: url('../images/check-blue2.webp');
        font-size: 1.375rem;
        padding-left: 20px;
    }

.box-valornew{
    border-radius: 30px;
    padding: 90px 700px 40px 70px;
  
}

    .box-valornew li{
        color: white;
        font-weight: 500;
        margin: 10px auto;
        list-style-image: url('../images/check-white.png');
        font-size: 1.375rem;
        padding-left: 20px;
    }

.box-valor3{
    float: right;
    width: 60%;
    border-radius: 30px;
    padding: 50px;
    background-color: var(--blue4);
}
.blu-label{
    float: left;
    width: calc(100% - 250px);
    padding: 50px 30px;
    
}
.blu-label-in{
    float: left;
    background: rgb(47,127,171);
    background: linear-gradient(90deg, rgba(44,94,120,.8) 0%, rgba(47,127,171,.8) 50%, rgba(44,94,120,.8) 100%);
    width: 650px;
    padding: 10px 40px;
    margin-left: -270px;
    position: relative;
    z-index: -1
        
}
.checkmark{
    float: left;
    width: 32px;
    margin-right: 30px
}
    .checkmark img{
        height: 32px;
    }
.container-evento{
    width: 30%;
    margin: 20px 1.5%;
}
.container-opiniao{
    width: 30%;
    min-width: 295px;
    margin: 20px 1.5%;
    background-color: rgba(130, 99, 39, .7);
    padding: 40px;
}

/* Menu Mobile BTN */

.btn-menu{
    float: right;
    width: 100%;
    margin-top: -18px;
    padding: 0 16px;
}

.hide-mobile{display: none;}
/* .btn-mobile:focus ~ #mobile1{display: block;} */
.mobile1{list-style-type: none; padding: 0;}
.mobile1 a{float: left; width: 100%; text-align: center; var(--gray2); padding: 0 16px; margin: 10px 0; color: var(--black); text-transform: uppercase;}


.dropdown-arrow2{
    float: right;
    width: 36px;
    height: 36px;
    background: url('../images/menu.png') no-repeat center center;
    background-size: 22px 22px;
    border-radius: 8px;
    background-color: var(--gray3);
    transition: .3s all;
    cursor: pointer;
    margin-top: -38px;
}
    .dropdown-arrow2:hover{
        background-color: var(--gray);
    }

.dropdown2{
    float: left;
    width: 100%;
}
.btn-menu li{
    float: left;
    width: 100%;
    padding: 0 16px;
    background-color: var(--gray2);
    border-radius: 12px;
    margin: 6px 0;
}
    .dropdown2 p{
        color: var(--black);
}

/* FAQ */
.container-04{
    width: 100%;
    max-width: 45rem;
    margin: 0.75rem auto 0;
    overflow: hidden;
    transition: .5s all;
}
    .container-04>.content{
        display: block;
        border-bottom: 1px solid var(--gray2);
        padding: 1.25rem 3.125rem;
    }
.a-white{color: var(--white); text-decoration: underline;}
.a-white:hover{opacity: .3;}
.hide-faq{display: none;}
.rotateFaq {transform: rotate(-135deg);} 

#faq .btn-faq1 p{
    float: left;
    font-weight: 600;
    width: calc(100% - 50px);
    color: white;
}
.dropdown{
    float: left;
    width: 100%;
    padding: 1.25rem 1.563rem;
    background-color: var(--gray2);
}
    .dropdown p{
        color: var(--black);
}
.dropdown-arrow{
    float: right;
    width: 36px;
    height: 36px;
    background: url('../images/plus.webp') no-repeat center center;
    background-size: 22px 22px;
    border-radius: 50%;
    background-color: var(--white);
    border: 0;
    transition: .3s all;
    cursor: pointer;
}
.dropdown-arrow:hover{
    background-color: var(--gray);
}

/* Margin & Padding */
.margin0        {margin: 0;}
.margin-center  {margin-left: auto; margin-right: auto;}

.margin-t-350   {margin-top: -350px;}
.margin-t10     {margin-top: 10px;}
.margin-b20     {margin-bottom: 20px;}

.margin-tb30    {margin-top: 30px; margin-bottom: 30px;}
.margin-tb50    {margin-top: 50px; margin-bottom: 50px;}

.pad-lr30   {padding-left: 30px; padding-right: 30px;}
.pad-lr40   {padding-left: 40px; padding-right: 40px;}
.pad-lr60   {padding-left: 60px; padding-right: 60px;}
.pad-lr70   {padding-left: 70px; padding-right: 70px;}
.pad-l40    {padding-left: 40px;}
.pad-l50    {padding-left: 50px;}
.pad-l55    {padding-left: 55px;}
.pad-l70    {padding-left:80px;}


.pad-tb80   {padding-top: 80px; padding-bottom: 80px;}
.pad2-tb20  {padding-top: 1.25rem; padding-bottom: 1.25rem;}
.pad2-tb50  {padding-top: 3.125rem; padding-bottom: 3.125rem;}
.pad2-tb100 {padding-top: 6.25rem; padding-bottom: 6.25rem;}
.pad2-tb150 {padding-top: 9.375rem;padding-bottom: 9.375rem;}
.pad2-tb200 {padding-top: 12.5rem; padding-bottom: 12.5rem;}

.pad-t100  {padding-top: 100px;}
.pad-t80 {padding-top: 70px;}
.pad2-t50  {padding-top: 3.125rem;}
.pad2-t200  {padding-top: 12.5rem;}
.pad-b10    {padding-bottom: 10px;}
.pad-b250   {padding-bottom: 250px;}
.pad-b25   {padding-bottom: 25px;}

/* Fonts & Paragraphs */
.t-left{text-align: left;}
.t-center{text-align: center;}
.t-right{text-align: right;}

.font-primary {font-family: Myriad Pro, roboto, arial, helvetica, sans-serif;}
.font-secondary {font-family: Indivisible, arial, helvetica, sans-serif;}
.font-third {font-family: arial, helvetica, sans-serif;}

.font-14 {font-size: 0.875rem;}
.font-16 {font-size: 1rem;}
.font-17 {font-size: 1.063rem;}
.font-18 {font-size: 1.125rem;}
.font-20 {font-size: 1.25rem;}
.font-22 {font-size: 1.375rem;}
.font-24 {font-size: 1.35rem;}
.font-26 {font-size: 1.425rem;}
.font-28 {font-size: 1.3rem;}
.font-30 {font-size: 1.675rem;}
.font-32 {font-size: 2rem;}
.font-34 {font-size: 2.125rem;}
.font-40 {font-size: 2.25rem;}
.font-45 {font-size: 2.13rem;}
.font-50 {font-size: 2.525rem;}
.font-55 {font-size: 3.438rem;}
.font-60 {font-size: 3.75rem;}
.font-80 {font-size: 4rem;}
.font-90 {font-size: 5.625rem;}
.font-100{font-size: 4.25rem;}

.weight3 {font-weight: 300;}
.weight4 {font-weight: 400;}
.weight5 {font-weight: 500;}
.weight6 {font-weight: 600;}
.weight7 {font-weight: 700;}
.weight9 {font-weight: 900;}

.italic {font-style: italic;}
.cond   {font-stretch: condensed;}
.upper  {text-transform: uppercase;}
.lower  {text-transform: lowercase;}

.line-08 {line-height: 0.813rem;}
.line1-6 {line-height: 1.6rem;}
.line2 {line-height: 2rem;}
.line2-5 {line-height: 2.5rem;}
.line3 {line-height: 3rem;}
.line-07em {line-height: .7em;}
.line1-4em {line-height: 1.4em;}
.line1-6em {line-height: 1.6em;}

.color-white    {color: var(--white);}
.color-gray     {color: var(--gray);}
.color-dark     {color: var(--black);}
.color-primary  {color: var(--primary);}
.color-second   {color: var(--second);}

.color-blue     {color: var(--blue);}
.color-star     {color: var(--zenite-star);}
.color-ylw     {color: var(--yellow);}
.color-ylw2     {color: var(--yellow2);}
.color-ylw3     {color: var(--yellow3);}

#prof h2{
    float: left;
    width: 100%;
    text-align: center;
    margin: 150px auto 100px;
}
.title-01{
    float: left;
    width: 100%;
}
.txt-curso{
    float: left;
    margin-top: 70px;
    width: calc(100% - 45px);
}
.txt-curso2{
    float: left;
    color: var(--blue);
    margin: -200px 0 0 -200px;
    width: calc(100% + 200px);
}
.prof-name{
    padding-left: 1rem;
    margin-top: 50px;
    width: 100%;
    text-align: left;
}
.prof-choose-h3{
    margin: 50px 0 30px;
    float: right;
    width: calc(100% - 400px);
}
.prof-descricao{
    color: var(--white);
    font-style: italic;
    float: right;
    width: calc(100% - 400px);
    padding-bottom: 40px;
}
#investimento h2{
    margin-bottom: 50px;
}
.early-h2{
    width: 100%;
    color: var(--white);
    padding: 60px 0;
    text-align: center;
    font-weight: 300;
    background: rgb(124,104,37);
    background: linear-gradient(180deg, rgba(124,104,37,1) 0%, rgba(99,79,34,1) 100%);
}
.container-opiniao p{
    color: var(--white);
}
.hotel h3{
    display: inline-block;
    margin: 100px auto;
}


/* Pop-up */
.no-scroll{overflow: hidden;}

.btn-full-screen{
    float: left;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    background-color: transparent;
    border: none;
}

.prof-full{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.6);
    z-index: 9999;
}
.prof-full-content{
    width: 1600px;
    height: 100vh;
    max-width: 100%;
    margin: 0 auto 0;
    background-color: rgba(0,0,0,.7);
    padding: 100px;
    position: relative;
    z-index: 99;
    display: grid;
}
.prof-choose{
    width: 100%;
    display: none;
    background-color: rgba(14, 57, 90, .7);
    float: left;
    padding-right: 50px;
    overflow-y: scroll;
}
.prof-img1{
    float: left;
    display: contents;
    object-fit: cover;
    -webkit-box-shadow: 0px 20px 15px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 20px 15px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 20px 15px 2px rgba(0,0,0,0.4);
    border-radius: 30px;
}
    .prof-img1 img{
        width: 100%;
        height: auto;
        overflow: hidden;
        border-radius: 30px;
    }
.prof-img2{
    position: fixed;
    height: calc(100vh - 200px);
}
    .prof-img2 img{
        width: 340px;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
.btn-voltar{
    font-style: italic;
    color: #ffffff;
    background-color: transparent;
    border: 0px;
    cursor: pointer;
    margin: -60px 0 0 0;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 99999;
}
.btn-voltar:hover{text-decoration: underline;}

.show-popup{display: block !important;}
#popup{display: none;}


/* Splide */

.caroussel-02 {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    padding: 0 30px;
}
.container2 {
    width: 1392px;
    margin: 0px auto;
}
.caroussel-02>.splide__arrows>.splide__arrow{top: 210px !important;}
.caroussel-slide {}

/* .caroussel-02>.splide__arrows>.splide__arrow--prev,
.caroussel-02>.splide__arrows>.splide__arrow--next{display: none;} */

.galeria-fig{
    float: left;
    height: auto;
    margin: 25px;
}
    .galeria-fig img{height: 245px;}

.btn-galeria{
    margin-top: -415px;
    margin-bottom: 320px;
}



/* HD */
@media screen and (max-width: 1200px){
    .myMenu>.menu-container{margin: 0 0;}
    .myMenu ul {width: calc(100% - 96px - 200px); margin-left: 0;}
    .menu-social{width: 200px;}
    .menu-social a{width: 100%; margin: 0;}
    .menu-social a img{width: 100%; height: auto !important;}
    .myMenu ul > li > a {font-size: 13px;}

    /* Contents */
    .area-complexidade {margin: 40px 0 0; text-align: left;}

    .prof-full-content{overflow: hidden;}

    .banner-02 img{width: calc(100% + 220px); margin-left: -160px;}
    .quotes1{width: 140%; margin-left: -40vw;}
    .txt-curso2{width: 80vw; margin-left: -40vw;}
    
    .selo-nota{margin-right: 0;}

    .clock{margin-right: -255px;}

    .banner-08{height: 650px;}

}

/* CRT */
@media screen and (max-width: 1050px){
    .prof-full-content{padding: 60px;}
}

/* HQ */
@media screen and (max-width: 1000px){
    .tb-hide{display: none;}
    .tb-h100{height: 100px !important;}
    .tb-h150{height: 150px !important;}

    img{max-width: 100%;}
    
    /* images */
    /* .bg-001{background: url('../images/banner-01-HQ.webp') no-repeat center center; background-size: cover;} */
    .bg-003{background: url('../images/banner-03-HQ.webp') no-repeat center center; background-size: cover;}
    .bg-007{background: url('../images/banner-07-HQ.webp') no-repeat center center; background-size: cover;}

    /* Menu */
    .menu-logo{margin-top: 30px;}
    .myMenu{height: 90px; padding-left: 20px; padding-right: 20px;}
    .myMenu>.menu-container>ul{width: auto; margin: 40px 0 0; float: right;}
    .myMenu>.menu-container>ul>li>a{font-size: 10px;}
    .tablet-hide{display: none !important;}

    /*BTN*/

    .btn-passo, .btn-calendario, .btn-programa2, .btn-desenvolva, .btn-atualize
    {width: 100%; margin-left: auto; margin-right: auto;}
    .btn-website{width: 95%; margin-left: 2.5%; margin-right: 2.5%;}
    .btn-desenvolva2
    {width: 95vw; margin-left: 2.5vw; margin-right: 2.5vw;}

    /* Footer */
    .footer-logo{margin: 0 calc(50% - 7.5rem) 50px; width: 15rem;}
    footer .pad-lr30{width: 33.333%;}

    /* Contents */
    .banner-01{width: 95%; margin: 0 2.5%;}
    .banner-h1{width: 100%; margin: 40px auto; padding: 30px;}
    .banner-01 .container-990 {margin: 0; padding: 0; width: 100%;}
    .banner-01 .w55{width: 95%; margin: 20px 2.5%; text-align: center;}
    .banner-01 .w45{width: 95%; margin: 20px 2.5% 100px; text-align: center}


    .bg-002 .half{width: 100%;}
    .bg-002 h2{width: 100%; margin: 0;}
    .quotes1{width: 100%; margin: 0;}
    .txt-curso2{width: 100%; margin: -100px 0 0;}

    .banner-s2b .grid-3{width: 80%; margin: 30px 10%;}

    .video{margin-top: -150px;}

    .prof-full-content{margin: 0; padding: 40px; height: 100vh;}
    .prof-choose{padding: 25px; overflow-y: scroll;}
    .prof-img2{width: 100%; height: 300px; overflow: hidden; margin: 0; position: initial;}
    .prof-img2 img{border-radius: 30px;}
    .prof-choose-h3{text-align: center; font-size: 30px !important; width: 100%;}
    .prof-descricao{width: 100%;}
    .btn-voltar{position: absolute; top: 15px; text-align: center; width: 100%; left: 0; margin: 0;}
    #prof .pad-b250{padding-bottom: 700px;}

    #investimento .half{width: 70%; margin: 0 15%;}
    #investimento .pad-lr80{padding-left: 40px; padding-right: 40px;}
    #investimento .margin-t-350{margin-top: -790px;}

    .blu-label{width: 100%;}
    .blu-label-in{width: 100vw; margin-left: -50.5vw;}

    .box-valor2, .box-valor3{width: 100%;}
    .box-valor1 h3{float: left;}
    .material{width: 100%;}
    .material img{width: 300px; max-width: 90%; margin-bottom: 50px;}
    .ribbon{padding-top: 50px; width: 200px;}
    .box-valor1 .color-ylw3{padding: 0; width: calc(100% - 260px);}
    .box-valor1>.color-white{width: 100%; padding-bottom: 100px;}

    #prof .box-ul{width: 80%; margin: 0 10%;}
    .box-quote{width: 80%; margin: 20px 10%;}
	.hotel {border-radius: 30px 30px 0 0; }
    
    .bg-001 .bg-001-img>img{
        object-fit: cover;
        height: 1300px;
    }

    /* Splide */
    .splide__arrow--prev{/* left: 1em !important; */ left: 15px !important;}
    .splide__arrow--next{right: 1em !important;}
	
}

/* SD */
@media screen and (max-width: 640px){
    
    /*depoimentos*/
    
    .modal video {
        margin-top: 50%;
        max-width: 100%;
    max-height: 100%;
    }

.depoimentos {
  padding: 50px;
  background: #f9f9f9;
  text-align: center;
}

.depoimentos h2 {
  font-size: 32px;
  margin-bottom: 30px;
}

    .cards-container {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        flex-direction: column;
    }

.video-card {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
margin-left: 80px;
}

.video-card video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-card .overlay {
  position: absolute;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  font-size: 16px;
}
    
    
    .m-h50{height: 50px !important;}
    .m-hide{display: none;}
    .m-show{display: block;}

    h1{font-size: 1.875rem;}
    h2{font-size: 2.25rem;}
    h3{font-size: 2.25rem !important;}

    .container-1140{max-width: 100vw;}

    /* images */
    /* .bg-001{background: url('../images/banner-01-SD.webp') no-repeat center center; background-size: cover;} */
    .bg-003{background: url('../images/banner-03-SD.webp') no-repeat center center; background-size: cover; background-attachment: fixed;}
    .bg-007{background: url('../images/banner-07-SD.webp') no-repeat center center; background-size: cover; background-attachment: fixed;}

    /* Contents */
    h2{display: block;}
    .grid {float: none;}
    .grid-2, .grid-3, .grid-35, .grid-40, .grid-60, .grid-65, .grid-70, .grid-80 {width: 100%; padding: 10px;}
    .container-920, .container-990, .container-1140{width: 100%;}
    #documentacao .container-1140{padding: 10px;}

    figure{max-width: 100%;}
    
    .bg-001{padding-top: 0;}
    .banner-01{width: 90%; margin: 0 5%;}
    .btn-saiba-mais{width: 100%; margin-left: 0; margin-right: 0;}
    .bg-002 .half{padding-left: 10px; padding-right: 10px;}
    .txt-curso{width: 100%;}
    .txt-curso2{font-size: 1.875rem;}
    .quotes1{max-width: 60vw;}

    .checkmark{height: 120px;}
    .banner-s2b .font-30{font-size: 24px;}
    .banner-s2b .font-45{font-size: 36px; float: left; width: calc(100%  - 62px);}
    .banner-s2b .italic{float: left; width: calc(100%  - 62px);}
    .banner-s2b{padding: 0;}
    .banner-s2b .grid-3{margin: 30px 5%; width: 90%; float: left;}
    .video {margin-top: -70px;}

    .btn-programa{width: 100%; margin: 0 auto; height: auto;}
    .btn-atualize, .btn-desenvolva, .btn-programa2, .btn-desenvolva2, .btn-calendario, .btn-passo{height: auto; line-height: 3rem; padding: 20px 0; font-size: 30px;}
    .btn-desenvolva{margin-top: 0px; width: 95%; margin-left: 2.5%; margin-right: 2.5%; margin-bottom: 40px; display: none}
    
    .padmob {
        padding-left: 0px;
    }
    
    .marginmob {
        margin-bottom: 20px
    }
    
    .box-valornew {
    border-radius: 30px;
    padding: 126px 30px 0px 50px;
}

    
    .btn-valor1 {
    font-family: Montserrat;
    font-weight: 200;
    float: left;
    font-size: 22px;
    background-color: white;
    height: 60px;
    border-radius: 40px;
    color: #282c38;
    line-height: 55px;
    width: 330px;
    text-align: center;
    border: 3px solid;
    border-color: white;
    z-index: 2;
    position: sticky;
    margin-top: 60px;
    margin-bottom: -120px;
    align-items: center;
    margin-left: 0px;
    box-shadow: 0 0 25px rgba(40, 40, 40, 0.5);
}
    
    .condicao img {
    width: 90%;
        margin-bottom: 40px
}
    
    .inestirmob { margin-top: 60px; margin-bottom: 30px !important;}
    
    #prof h2{margin-top: 60px;}
    #prof .box-ul {padding: 0 10px;}
    .quotes2 img{margin: -80px 0 0 -30px; width: 50vw; height: auto;}
    .box-quote{margin: 30px 12px; padding: 30px 20px;}
    .box-quote .font-50{font-size: 32px;}
    .box-quote .font-30{font-size: 26px;}
    .prof-img2 img{width: 100%;}
    .margin-t-350{margin-top: -640px;}
    .grt-02{padding-bottom: 540px;}

    .box-valor2 .font-50{font-size: 2.25rem; padding-left: 0;}
    .box-valor2 .font-34{padding-left: 0;}
    
    
    .condicao{
    float: left;
    width: 95%;
    padding: 50px 0 0 0px;
    text-align: center;
}


    .ribbon{width: 100%; padding-left: 0; text-align: center;}
    .box-valor1 .color-ylw3{width: 90%; margin-left: 5%; margin-right: 5%;}
    .box-valor1 > .color-white{width: 90%; margin-left: 5%; margin-right: 5%; padding-left: 0; padding-right: 0;}

    .banner-05 {width: 100%; text-align: center;}
    .bg-white2 .w60 {width: 100%; margin: 0; padding: 0;}
    .bg-white2 .w60 h2{float: left; padding: 30px 0;}
    .bg-white2 .w70{float: left; width: 100%; padding: 30px 0;}
    .blu-label {padding: 0;}
    .blu-label-in {width: 100%; margin: 0; padding: 16px; height: 110px;}
    #faq .blu-label-in p{width: calc(100% - 62px); text-align: left;}
    .blu-label-in .checkmark{float: left!important;}

    .box-valor1{float: left !important;}
    .box-valor2{padding: 20px;}
    .box-valor2 .font-80{font-size: 50px;}

    #encontro .half{width: 100%; padding: 20px;}

    .container-04 > .content{padding-left: 10px; padding-right: 10px;}
    .popup-faq p{width: 100%; font-size: 1.25rem;}

    .prof-img1{display: block; float: none;}
    .prof-img1 img{width: 100%; height: auto;}
    .prof-full-content{padding: 60px 0 0; overflow-y: scroll;}

    #investimento .half{width: 100%; margin: 0;}
    #investimento .half>.font-90{font-size: 72px;}
    #investimento .pad-lr40{padding: 0;}

    #onde .half{width: 100%;}
    #onde .pad-lr50{padding: 0;}
    .selo-nota{width: 100%; margin: 30px 0 0;}

    #relacionado>.pad2-tb150>.pad2-tb150{padding: 0;}
    #relacionado>.pad2-tb150{padding: 150px 0 0;}
    #numeros>.half{width: 100%;}
    #numeros h2{text-align: center;}
    #numeros .pad-t100{padding-left: 0; padding-right: 0; padding-bottom: 80px;}
    .flex-item4{width: 100%;}
    .banner-08{height: auto;}
    .flex-item2{padding: 0; width: 80%; margin: 20px 10%; max-width: 100%;}

    #documentacao{padding: 50px 0;}

    .container-evento{width: 90%;}

    /* Menu */
    .myMenu {display: none;}
    .menuMobile{display: block;}

    /* Footer */
    footer .container-990, footer .container-1140{padding-bottom: 0;}
    footer .container-990>div{padding: 0;}
    .footer-social a{width: 20%; float: left; margin: -30px 0;}
    footer a, footer p{text-align: center;}
    footer .border-04{border: 0px;}
    footer .pad-lr50, footer .pad-l50{padding: 0;}
    footer br{display: none;}
    .footer-social{width: 100%; text-align: center; margin-top: -100px;}
    footer .flex-container2>p{width: 100%; text-align: center; margin-top: 60px;}
    footer .pad-lr30{width: 80%; margin: 20px 10%;}
    footer .pad-lr70{padding: 15px 0;}
    footer{padding-bottom: 15px !important;}

    /* Splide */
    /* .splide__arrows{display: none;} */
    .caroussel-02>.splide__arrows>.splide__arrow{top: 450px !important;width: 4rem;height: 4rem;}
    .caroussel-02{height: 500px;overflow-x: hidden;overflow-y: visible;}
    .caroussel-slide>.flex-container>.container-opiniao:first-child{display: none;}
    .caroussel-slide>.flex-container>.container-opiniao:last-child{display: none;}

    
}


/* MEU MOBILE MINHAS REGRAS */
@media screen and (max-width: 640px){
    
    
    .formimg {
    width: 80%;
    margin-top: 126px;
    margin-bottom: -220px
}
    
    .cards-3 {
        padding: 55px
    }
    
    .banner-numeros {
    float: left;
    margin: 0 auto;
    width: 100%;
    height: 125%;
    overflow: hidden;
    background: url(../images/emnumerosmobi.png) no-repeat top center;
    background-size: cover;
    min-height: 480px;
}
    
    
    .btn-final {
    font-family: Montserrat;
    font-weight: 600;
    float: left;
    font-size: 22px;
    background-color: white;
    height: 70px;
    border-radius: 20px;
    color: #282c38;
    line-height: 35px;
    width: 90%;
        margin-left: 20px;
    text-align: center;
    border: 3px solid;
    border-color: white;
    z-index: 2;
    position: sticky;
    box-shadow: 0 0 25px rgba(40, 40, 40, 0.5);
    margin-top: -50px;
}
    
    .myMenu2 {
        display: none;
    }
    
    .btn-motivos1 {
    font-family: Montserrat;
    font-weight: 200;
    float: left;
    font-size: 22px;
    background-color: var(--yellow);
    height: 60px;
    border-radius: 40px;
    color: var(--white);
    line-height: 55px;
    width: 380px;
    text-align: center;
    border: 3px solid;
    border-color: var(--yellow);
    z-index: 2;
    position: sticky;
    margin-top: 0px;
    margin-bottom: 40px;
}
    
    .profesh2 {
    color: #2f4a5d;
    font-family: Montserrat;
    font-weight: 600;
    margin-top: 80px;
    margin-bottom: 40px;
}
    
    .marginbb {
    margin-bottom: 10px;
}
    
    .banner-01 .container-990 {
display: block;
        padding-left: 30px;
        padding-bottom: 30px;
        margin-top: -30px

}
    
    .sec-motivos__content {
   margin-right: 10px;
    margin-left: 1%;
}
    
    .centralizarbtn {
    display: block;
;

}
    
    .sec-motivos__content {
        padding-right: 2%;
    }
    
    .maskara::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95.5%;
    pointer-events: none;
    z-index: ;
    background: rgba(171, 140, 16, 0.7);
}
    
    
    
  .investh2 {
    margin-top: 100px !important;
}  
    
    
    .leia-mais > summary.btn-valor2 {
    font-weight: 600;
    float: left;
    font-size: 15px;
    background-color: white;
    height: 60px;
    border-radius: 40px;
    color: #282c38;
    line-height: 55px;
    width: 100%px;
    text-align: center;
    border: 3px solid;
    border-color: white;
    z-index: 2;
    position: sticky;
    margin-top: 0px;
    margin-bottom: 30px;
    align-items: center;
    margin-left: 0px;
    box-shadow: 0 0 25px rgba(40, 40, 40, 0.5);
    transition: all 0.3s 
ease;
    text-decoration: none;
    list-style: none;
    cursor: pointer;
}
    
    
    .btn-valor2 {
    font-weight: 600;
    float: left;
    font-size: 14px;
    background-color: white;
    height: 60px;
    border-radius: 40px;
    color: #282c38;
    line-height: 55px;
    width: 100%;
    text-align: center;
    border: 3px solid;
    border-color: white;
    z-index: 2;
    position: sticky;
    margin-top: 0px;
    margin-bottom: 30px;
    align-items: center;
    margin-left: 0px;
    box-shadow: 0 0 25px rgba(40, 40, 40, 0.5);
}
    
    .sec-motivos2__gallery {
    /* display: grid
; */
    grid-template-rows: 1fr 1fr;
    gap: clamp(1px, .6vw, 18px);
    min-height: clamp(320px, 52vw, 560px);
}
    
    
    .sec-motivos2__content {
    margin-top: -150px;    
    padding-right: 20%;
    margin-left: -10%;
}
    
    
    .sec-motivos2 {
    background: #081523;
    padding: clamp(32px, 6vw, 80px) 0;
    max-height: 900px;
    margin-bottom: 100px;
}
    
    .btn-hoteu {
    float: left;
    font-size: 22px;
    height: 60px;
    border-radius: 40px;
    color: var(--white);
    line-height: 55px;
    width: 300px;
    text-align: center;
    border: 1px solid;
    border-color: white;
    z-index: 2;
    position: sticky;
    font-weight: 600;
    margin-top: 20px;
    margin-right: 0%;
    margin-left: 15%;
}
    
    
    .banner-12 {
    position: relative;
    width: 100%;
    min-height: 425px;
    overflow: hidden;
        display: none;
}
    
        .video-card video {
        width: 100%;
        height: 146%;
        object-fit: cover;
    }
}
    
}



/*@media screen and (min-width: 1050px){
    
    #curso, #scrollprof, #valor2 {
        margin-left: 4000px;
        transition: all 1s cubic-bezier(0.1, .5, 0.1, 1.1);
    }

    #agenda, #valor1, #relacionado {
        margin-left: -4000px;
        transition: all 1s cubic-bezier(0.1, .5, 0.1, 1.1);
    }

}