@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sora:wght@100..800&display=swap');

:root {
    --dark: #000212;
    --bg-dark: #12132262;
    --purple: #A02AAD;
    --dark-purple: #4A1B8A;
    --white: #FFF;
    --green: #14D892;
    --gray: #CCC;
    --light-green: #299795;
}

.container, .main-container {
    overflow-x: hidden; 
}


body {
    background-color: #000212;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Sora', sans-serif;
}


.container {
    width: 90%;
    margin: 76px auto;
    margin-bottom: 16px ;
    max-width: 1200px;
   
}

.main-container {
    display: flex;
    color: #FFF;
    flex-direction: column;
}

.section-main-container {
    text-align: center;
    width: 100%;
    height: 720px;
    background-position: center;
    background-size: cover; 
    background-image: url('../assets/bg-desktop.jpg') ;
    background-repeat: no-repeat;
    min-height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    position: relative;
}

.header-row {
    display: flex;
    flex-direction: column;
    height: 100%;

}

 .content {
    max-width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 21px;
}

.section-main-container .container {
    margin: 0 auto;
    width: 100%;
    margin: 76px auto;
    overflow: visible;
    max-width: 1274px;
}
.header-main-container {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-top: -17px;
}

.header-main-container img {
    margin-left: -5px;
}
.header-main-container p {
    font-weight: bolder;
    font-size: 22px;
    margin-left: 17px;
    margin-top: 20px;
}

.content .content-main-container .main-container-btn button{
    font-family: 'Arial';
    font-weight: 500;
    font-size: 18px;
    border-radius: 30px;
    width: 100%;
    padding: 1rem 4.9rem;
}



.content-main-container {
    width: 100%;
    
}
.content-main-container h1 {
    font-size: 30px;
    margin: 26px 0;
    font-weight: 600;
    text-align: start;
    font-family: "Sora", sans-serif;
}
.content-main-container p{
    font-weight: 400;
    text-align: start;
    font-size: 16px;
    margin: 42px 0;
    margin-bottom: 23px;
    font-family: "Sora", sans-serif;
}

.content-main-container .main-container-btn {

    padding-top: 17px;
}
.main-container-btn {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.main-container-btn .bnt {
    padding: 1.1rem 4rem;
}
.main-container-btn button {
    box-shadow: -9px -1px 20px 15px rgba(11, 114, 77, 0.5), 0px 23px 133px rgba(20, 216, 146, 0.5);
}



.container-frame {
    text-align: center;
    margin-top: 40px;
}
.container-frame-empresa {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 120px;
}
.container-frame {
    text-align: center;
    margin-top: 40px;
}

.frame-margin {
    margin-bottom: 370px;
}
.frame-margin2 {
    margin: 0;
    margin-bottom: 10px;
    margin-top: -293px;
}

.frame-margin3 {
    margin-top: 266px;
    margin-bottom: 50px;
}

.container-vantagens{
    text-align: center;
}



.container-vantagens .contianer-card-vantagens {
    justify-content: center;

}

.bg-grid-vantagens {
    background-image: url(../assets/grid.png);
    background-position: right center;
}
.card-vantagem {
    background: radial-gradient(50% 50% at 50% 50%, rgba(36, 0, 76, 0.8) 0%, rgba(0, 2, 18, 0.5) 90%);
    position: relative;
    background-color: var(--bg-dark);
    border-radius:  25px;
    padding: 60px 30px;
    width: 100%;
    max-width: 522px;
    text-align: left;
    z-index: 1;
    margin-right: 20px;
    height: 593px;
    background-image: url(../assets/grid.png);
    background-position: center;
    background-origin: content-box;
}
.card-vantagem:nth-of-type(2) .container-vantagem-title { 
    bottom: 20px;
    position: relative;
}


.card-vantagem h2 {
    margin-bottom: 80px;
    display: contents;
    
}


.container-vantagem-title {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    font-size: 28px;
    font-weight: 100;
    text-wrap: nowrap;
}

.card-vantagem:nth-of-type(2) .container-vantagem-title   {
    margin-bottom: 16px;
   
}
.container-vantagem-title h2 {
    font-size: 32px;
    font-weight: bold;
}
.card-vantagem ul {
    padding-left: 0; 
    list-style: none;
    background: radial-gradient(50% 50% at 50% 50%, rgba(36, 0, 76, 0.8) 0%, rgba(0, 2, 18, 0.5) 90%); 
}
.card-vantagem ul li {
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 16px;
    display: flex;
    align-items: center; 
    padding-left: 40px;
    position: relative; 
    text-shadow: 8px 8px 8px rgba(112, 12, 227, 0.7);
    transition: box-shadow 0.3s ease;
    border-bottom: 1px solid #4A1B8A; 
    padding-bottom: 20px; 
}

.card-vantagem ul li:last-child {
    border-bottom: none;
}


.card-vantagem ul li::before {
    content: url('../assets/cancel.svg');
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); 
}
.card-vantagem ul.check-vantagem li::before {
    content: url('../assets/check.svg');
   
}

.swiper {
    width: 100%;
    height: auto;  /* Defina a altura automática para se ajustar ao conteúdo */
  }
  
  .swiper-slide {
    flex-shrink: 0;
    width: 452px;  /* Certifique-se de que a largura do slide é apropriada */
    height: 255px; /* Certifique-se de que a altura do slide é apropriada */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container-depoimentos {
    text-align: center;
    margin-top: 90px;
    overflow: hidden; /* Oculta o excesso de imagens que saem do contêiner */
    position: relative;
  }
  
  .contianer-card-depoimentos {
    display: flex;
    width: 100%;
    overflow: hidden; /* Oculta o excesso de imagens que saem do contêiner */
    position: relative;
    padding: 55px 0;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
  }
  
  .cards {
    display: flex;
    white-space: nowrap; /* Garante que os elementos não quebram a linha */
    width: 100%; /* Ajuste para garantir que o contêiner ocupe 100% da largura disponível */
  }
  
  .card-depoimento {
    background-color: var(--bg-dark);
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 452px;
    max-height: 255px;
    height: 100%;
    box-sizing: border-box;
    border-radius: 25px;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; /* Impede que os cartões encolham */
  }
  
  .card-depoimento img {
    width: 100%;
    max-width: 452px;
    height: 100%;
    max-height: 242px;
    text-align: center;
    object-fit: contain;
    object-position: center;
  }
    


.container-sobre {
    background-color: var(--bg-dark);
    text-align: center;
    width: 100%;
    padding: 20px 50px;
    border-radius: 25px;
    max-width: 1110px;
    margin: 0 auto;
    
}


.sobre-texto {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.container-sobre h2 {
    font-weight: 300;
    font-size: 30px;
    margin-top: 60px;
    margin-bottom: 20px;
}
.container-sobre h2 {
    font-weight: 300;
    font-size: 28px;
    margin-top: 60px;
    margin-bottom: 20px;
}
.container-sobre p {
    line-height: 28px;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0;
}

.container-sobre img {
    margin-top: 45px ;
    width: 100%;
    max-width: 940px;
}
.container-sobre .main-container-btn {
    width: 100%;
    padding-bottom: 75px;
    
}
.container-sobre .main-container-btn .btn {
    text-align: center;
    width: 470px;
    margin: 0 auto;
}

.bg-imga-grid2 {
    position: relative;
    height: 1028px;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-bottom: -644px;
    margin-top: -421px;
    background-image: url('../assets/grid.png');
}

.container-grade-curso {
    text-align: center;
    padding-top: 140px ;
    padding-bottom: 260px ;
}
.container-grade-curso h2{
    font-size: 16px;
    color: var(--green);
   
}
.container-grade-curso .main-text{
    font-weight: bold;
   
}


.container-grade-curso .container-frame {
    margin: 0;

    padding-top: 10px ;
}

.container-grade-curso .contianer-card-depoimentos {
    margin: 0;
    padding: 0;
}

.container-grade-curso img {
    width: 40px;
}

.contianer-card-grade {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; 
    margin: 0 auto;
    max-width: 1200px; 
    padding: 20px;
    
}


.card-grade {
    grid-template-columns: repeat(3, 1fr);
    background-color: var(--bg-dark);
    padding: 20px;
    width: 100%;
    border-radius: 25px;
    position: relative;
    z-index: 0;
    text-align: left;
    max-width: 320px;
    height: 320px;
}
.container-grade-curso .card-grade h2{
    font-size: 32px;
    color: var(--white);
    font-weight: 300;
    margin-bottom: 36px;
}
.container-grade-curso .card-grade p{
    font-size: 16px;
    font-weight: 200;
}


.container-desemprego {
    text-align: center;
    background: radial-gradient(50% 50% at 50% 50%, rgba(36, 0, 76, 0.8) 0%, rgba(0, 2, 18, 0.5) 90%);
    text-shadow: -20px -4px 20px rgb(112, 12, 227);
    position: relative;  
    overflow: visible;
}

.sobre-texto {
    padding-bottom: 40px;
    position: relative; /* Ensure the text is on top of the canvas */
}

.card-desemprego {
    width: 100%;
    max-width: 1092px;
    margin-top: 50px;
    padding: 40px;
    background-color: var(--bg-dark);
    position: relative;
    z-index: 1;
    border-radius: 25px;
    margin: 25px auto;
    background: radial-gradient(50% 50% at 50% 50%, rgba(36, 0, 76, 0.3) 0%, rgba(0, 2, 18, 0.15) 100%);
    background-image: url('../assets/grid.png');
    background-position: center;
    margin-top: 150px;
}

.card-desemprego p {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 30px;
    background: none;
    text-shadow: none;
}
#waves {
    position: absolute;
    top: -39px;
    left: -60px !important;
    width: 100% !important;
    height: 151px !important;
    z-index: -1;
    overflow: visible;
  }

.bg-imga-grid {
    background-image: url(../assets/grid.png);
    width: 1092px;
    height: 380px;
    margin: 0 auto;
    background-position: center;
}


.professores {
    padding-top: 0 ;
    padding-bottom: 20px ;
    position: relative;
    background-image: url('../assets/grid.png');
    background-position: center;
}
.professores .professores-texto{
    text-align: center;
}
.professores .professores-texto p{
    font-size: 14px;
}
.professores .professores-texto p:first-child{
    border: 1px solid var(--white);
    display: inline-block;
    border-radius: 60px;
    padding: 5px 40px;
    text-transform: uppercase;
}
.professores .professores-texto h2{
    font-size: 36px;
    margin: 12px 0;
}

.card-professores-depoimento {
    width: 100%;
    max-width:  1092px;
    margin-top: 50px;
    padding: 40px;
    background-color: var(--bg-dark);
    border: 1px solid #333;
    border-radius: 25px;
}

.perfil-info {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
        "img info"
        "img info";
    gap: 20px;
}
.depo-img {
    grid-area: img;
    margin-right: 20px;
}
.card-professores-depoimento .perfil-info .depo-img img {
    width: 80px;
}

.text-info {
    grid-area: info;
}
.card-professores-depoimento .perfil-info .text-info h2 {
    font-size: 18px;
    margin-bottom: 10px;
}
.card-professores-depoimento .perfil-info .text-info p {
    font-size: 14px;
    font-weight: 200;
}

.sobre-professor {
    margin: 30px 0;
}

.card-professores-depoimento .sobre-professor p {
    font-size: 16px;
    font-weight: 200;
    line-height: 25px;
}



.js-carousel--responsive-prev, 
.js-carousel--responsive-next {
    background-color: transparent;
    background-image: url('../assets/check.svg');
    border: none;
    width: 30px;
    height:30px;
    cursor: pointer;
    position: absolute;
    bottom: 30%;
}

.professores .js-carousel--responsive-next {
    right: -5px;
    background-image: url('../assets/arrow-right.svg');
  
}
.professores .js-carousel--responsive-prev {
    left: -7px;

    background-image: url('../assets/arrow-left.svg');
  
}

.js-carousel--responsive-prev {
    left: -30px;
}

.js-carousel--responsive-next {
    right: -30px;
}
.js-carousel--responsive-dots button {
    background-color: #ddd; 
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin: 15px  5px;
    border: none;
}



.js-carousel--responsive-dots .glider-dot.active {
    background-color: #14D892; 
}

.glider-track {
    justify-content: space-around;
 }


 .empresas{
    text-align: center;
    padding-top: 275px ;
    padding-bottom: 60px ;
    color: var(--white);
 }

 .empresas .sobre-texto  h2 {
    color: #14D892; 
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
 }
 .empresas .sobre-texto p {
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: 600;
 }

 .empresas .container-frame {
    margin: 40px 0;
 }

 .container-empresas{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
 }
 
 .container-empresas img {
    width: 150px;
    margin-bottom: 50px;

 }

 
 .informativo-empresa {
    overflow: hidden;
    position: relative;
    height: auto;
    text-align: center;
    margin-top: 20px;
    transform: rotate(-2deg);
}

.informativo-empresa p {
    font-family: 'Sora', sans-serif;
    font-size: 36px;
    font-weight: 700;
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: 1;
}

.flip {
    margin-top: 4px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(1);
    opacity: 0.2;
    filter: blur(2px);
   
}


 

.chamadas {
    padding: 20px;
    background-image: url('../assets/grid.png');
}

.container-chamadas {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.container-chamadas .chamada {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 10px; /* Adicione um padding para espaçamento interno */
}

.chamada-texto,
.chamda-img {
    flex: 1; /* Faz com que o texto e a imagem ocupem espaços iguais */
}

.chamada:nth-child(odd) {
    flex-direction: row; /* Texto à esquerda e imagem à direita */
}

.chamada:nth-child(even) {
    flex-direction: row-reverse; /* Texto à direita e imagem à esquerda */
}

.chamda-img img {
    width: 100%;
    max-width: 450px; /* Ajuste o tamanho máximo conforme necessário */
    height: auto;
}

.chamada h2 {
    font-size: 26px;
    font-weight: 200;
    background: radial-gradient(50% 50% at 50% 50%, rgba(36, 0, 76, 0.72) 0%, rgba(0, 2, 18, 0.4) 100%);

    color: #fff;
    padding: 10px
}


.chamada p {
    font-size: 16px;
    font-weight: 200;
    max-width: 700px;
    color: #ccc;
    line-height: 25px;
    position: relative;
  
    padding: 20px;
    border-radius: 48px;
    z-index: 1;

}
.chamada.d-flex {
    /* margin-top: 10px; */
}

.plataformas {
    padding: 30px 0;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.plataformas-texto {
    position: relative;
    z-index: 1;
    margin-bottom: 50px; 
}

.plataformas h2 {
    font-size: 48px;
}

.plataformas p {
    font-size: 14px;
    font-weight: 200;
    margin-top: 28px;
}

.circle-container {
    position: absolute; 
    width: 100%;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plataforma-img {
    position: absolute;
    width: 9%;
    height: 9%; 
    border: 2px dashed #000; 
    border-radius: 50%;
    overflow: visible; 
    animation: rotate 20s linear infinite;
    bottom: 75%; 
}

.plataforma-img img {
    position: absolute;
    width: 75px; 
    height: 75px; 
    transform-origin: center center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


.plataforma-img img:nth-child(1) { transform: translate(-50%, -50%) rotate(0deg) translateX(315px) rotate(0deg); }
.plataforma-img img:nth-child(2) { transform: translate(-50%, -50%) rotate(51deg) translateX(315px) rotate(-51deg); }
.plataforma-img img:nth-child(3) { transform: translate(-50%, -50%) rotate(102deg) translateX(315px) rotate(-102deg); }
.plataforma-img img:nth-child(4) { transform: translate(-50%, -50%) rotate(153deg) translateX(315px) rotate(-153deg); }
.plataforma-img img:nth-child(5) { transform: translate(-50%, -50%) rotate(204deg) translateX(315px) rotate(-204deg); }
.plataforma-img img:nth-child(6) { transform: translate(-50%, -50%) rotate(255deg) translateX(315px) rotate(-255deg); }
.plataforma-img img:nth-child(7) { transform: translate(-50%, -50%) rotate(306deg) translateX(315px) rotate(-306deg); }

.investimento {
    text-align: center;
    position: relative; 
    margin-top: 526px;
   
}

.investimento-texto p {
    font-size: 14px;
    text-align: center;
    border: 1px solid var(--white);
    display: inline-block;
    border-radius: 60px;
    padding: 5px 40px;
    text-transform: uppercase;
    
}
.investimento-texto h2 {
    font-size: 32px;
    text-align: center;
    margin: 25px 0;
}

.investimento-card {
    background-color: var(--bg-dark);
    text-align: left;
    width: 100%;
    max-width: 510px;
    margin: 0 auto;
    border-radius: 25px;
    border: 1px solid #414141d1;
    padding: 0 40px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(36, 0, 76, 0.8) 0%, rgba(0, 2, 18, 0.5) 90%); 
    text-shadow: -20px -4px 20px rgb(112, 12, 227);
    margin-bottom: 19px;
}

.investimento-card p:last-of-type  {
    margin-bottom: 150px; /* Garante espaço após o último item da lista */
}


.investimento-card h2{
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    padding-top: 48px;
    padding-bottom: 75px;
}

.investimento-card ul {
    padding-left: 0; 
    list-style: none;
    background: radial-gradient(50% 50% at 50% 50%, rgba(36, 0, 76, 0.8) 0%, rgba(0, 2, 18, 0.5) 90%); 
    text-shadow: -20px -4px 20px rgb(112, 12, 227);
}

.investimento-card ul li, .investimento-card p {
    font-weight: 300;
    font-size: 14px;
    display: flex;
    align-items: center; 
    flex-wrap: wrap;
    padding-left: 40px; 
    padding-top: 15px ;
    padding-bottom: 15px ;
    position: relative; 
    border-top: 1px solid #626262;
}


.investimento-card ul li::before {
    content: url('../assets/check2.svg');
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); 
}

.investimento-card ul li:last-child {
    margin-bottom: 20px; /* Adiciona espaço extra no final da lista */
}

.investimento-card p {
    padding:  15px 0;
    text-decoration: line-through;
}



.card-preco-img {
    position: relative;
    z-index: 2;
    bottom: 144px;
    width: 390px;
}


.card-preco {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #121322b8;
    width: 100%;
    max-width: 889px;
    height: 431px;
    margin: 0 auto;
    border-radius: 25px;
    padding: 439px 40px;
    padding-bottom: 229px;
    z-index: 1;
    bottom:  388px;
    background: #121322b8 radial-gradient(50% 50% at 50% 50%, rgba(36, 0, 76, 0.72) 0%, rgba(0, 2, 18, 0.4) 100%);
}

.card-preco .main-container-btn {
    margin: 36px auto;
    overflow: visible;
}

.card-preco  .main-container-btn .btn{ 
    font-size: 17px;
    text-wrap: nowrap;
}
.card-preco h2 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 28px;
}
.card-preco p {
    font-size: 14px;
    font-weight: 200;
}
.card-preco .preco {
    font-size: 66px;
    margin: 10px 0;
    font-weight: bold;
    color: var(--green);
}
.card-preco .pag-img img{
   margin-right: 15px;
}
.card-preco .pag-img img{
   margin-right: 15px;
}

.del {
    text-decoration: line-through;
}

.garantia {
    display: flex;
    flex-direction: column;
    align-items: center; 
    text-align: center;
    padding: 20px 0;
    margin-top: 45px;
}

.text-garantia {
    font-size: 12px;
    border: 1px solid var(--white);
    display: inline-block;
    border-radius: 60px;
    padding: 5px 40px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.card-garantia {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 20px;
    text-align: left;
    
}

.card-garantia h2 {
    color: var(--green);
    font-size: 36px;
    font-weight: 300;
    text-align: center; 
    width: 100%;
    max-width: 300px;
}

.dias-garantia {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 20px;
    justify-content: space-around;
    justify-items: center;
}

.dias-garantia img {
    max-width: 100%; 
    height: auto;
    justify-self: center;
}

.text {
    width: 100%;
    max-width: 400px;
    font-weight: 300;
    font-size: 15px;
    line-height: 25px;
}



.duvidas {
    padding: 100px 0;
    text-align: center;
}
.duvidas p{
    margin: 20px auto;
    width: 100%;
    max-width: 500px;
}
.duvidas .main-container-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    margin: 20px auto;
  
}
.duvidas .main-container-btn .btn {
    font-size: 18px;
    background: transparent;
    color: var(--green);
    border: 1px solid var(--green);
    text-transform: inherit;
    display: inline-flex; 
    align-items: center; 
    gap: 10px;

}


.faq {
    text-align: center;
    padding: 20px;
}

.faq h2 {
    font-size: 2em;
    margin-bottom: 10px;
}

.faq .faq-text{
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 20px;
}

.perguntas-frequentes {
    max-width: 760px;
    margin: 0 auto;
}

details {
    border: 1px solid white;
    border-radius: 25px;
    margin-bottom: 30px;
    padding: 15px;
    color: white;
    position: relative;
}

summary {
    font-size: 18px;
    font-weight: 200;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


summary::marker {
    display: none;
}

summary::after {
    content: url('../assets/arrow-down.svg');
    transition: transform 0.3s;
}

details[open] summary::after {
    content: url('../assets/arrow-up.svg');
}

details p {
    text-align: left;
    margin-top: 10px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 200;
}



.oportunidade {
    padding: 90px 0;
    text-align: center;
    background: radial-gradient(50% 50% at 50% 50%, rgba(36, 0, 76, 0.72) 0%, rgba(0, 2, 18, 0.4) 100%);
}
.oportunidade p {
    font-size: 14px;
    text-align: center;
    border: 1px solid var(--white);
    display: inline-block;
    border-radius: 60px;
    padding: 5px 40px;
    text-transform: uppercase;
    
}
.oportunidade h2 {
    font-size: 32px;
    font-weight: 300;
    margin-top: 30px;
}

.oportunidade .main-container-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    margin: 20px auto;
  
}



footer {
    font-size: 18px;
    margin-top: 50px;
    text-align: center;
}

h1 {
    font-size: 3rem;
    font-family: sans-serif;
    text-align: center;
  }
  
  h1.flip {
  margin-top: -3.2rem;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    background: -webkit-linear-gradient(#FFF, #777);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }




@media (max-width: 920px) {
    .container-vantagem-title img {
        width: 70px;
    }
    .container-vantagem-title{ 
        margin: 60px auto;
        margin-top: 0;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
     
    }
    .container-vantagem-title h2{ 
        font-size: 26px;
    }
    .container-vantagens .d-flex {
        flex-direction: column;
        margin: 30px auto;
        max-width: 400px;
    }
    .container-vantagens .card-vantagem {
        margin-bottom: 60px;
    }



    .contianer-card-grade { 
        grid-template-columns: repeat(2, 1fr);
    }
    


 
    .container-empresas {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }

    .dias-garantia { 
        text-align: center;
    }

} 

@media (max-width: 795px) {
    .plataforma-img img {
        position: absolute;
        width: 67px; 
        height: 67px; 
        transform-origin: center center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
    }
    .plataforma-img img:nth-child(1) { transform: translate(-50%, -50%) rotate(0deg) translateX(250px) rotate(0deg); }
    .plataforma-img img:nth-child(2) { transform: translate(-50%, -50%) rotate(51deg) translateX(250px) rotate(-51deg); }
    .plataforma-img img:nth-child(3) { transform: translate(-50%, -50%) rotate(102deg) translateX(250px) rotate(-102deg); }
    .plataforma-img img:nth-child(4) { transform: translate(-50%, -50%) rotate(153deg) translateX(250px) rotate(-153deg); }
    .plataforma-img img:nth-child(5) { transform: translate(-50%, -50%) rotate(204deg) translateX(250px) rotate(-204deg); }
    .plataforma-img img:nth-child(6) { transform: translate(-50%, -50%) rotate(255deg) translateX(250px) rotate(-255deg); }
    .plataforma-img img:nth-child(7) { transform: translate(-50%, -50%) rotate(306deg) translateX(250px) rotate(-306deg); }
 }

@media (max-width: 768px) {
    .dias-garantia {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 20px;
        width: 100%;
        padding: 20px;
        justify-content: space-around;
        justify-items: center;
    }
}
    @media (max-width: 720px) {
        .section-main-container .container {
            margin: 0;
            padding: 0;
        }
        .section-main-container {
            background-image: url('../assets/bg-mobile.jpg') ;
            background-repeat: no-repeat;
            background-position: top center;
            background-size: cover;
            min-height: 90vh;
            width: 100%;
            display: flex;
            align-items: center;
        }

        .header-row {
            display: flex;
            flex-direction: column;
            height: 100%;
            align-items: center;
            justify-content: center;
            width: 100%;
        }
        .section-main-container .container {
            margin-bottom: 0;
        }
        .section-main-container .header-row .content {
            width: 100%;
            max-width: 100%;
            /* margin-top: 130px; */
            padding-top: 100px;
            padding: 0 16px;
            text-align: center;
            background: linear-gradient(to bottom, transparent 0%, black 32%);
            /* margin-top: 227px; */
            padding: 0 16px;
            position: absolute;
            top: 89px;
            width: 100%;
        }
        .header-main-container {
            margin: 0;
            padding: 0;
        }
        .header-main-container img {
            margin: 0 auto;
            padding: 0;
        }
      
        .content-main-container h1 {
            text-align: center;
            font-size: 23px;
            margin: 19px 0;
            margin-bottom: -3px;
            margin-bottom: -6px;
        }
        .content-main-container p{
            text-align: center;
        }
        .section-main-container .main-container-btn {
            width: 100%;
            max-width: 100%;
            overflow: visible;
        }
        .content .content-main-container .main-container-btn button {
            width: 100%;
            margin: 0 auto;
        }

    }

    /* Ajuste para telas menores */
@media (max-width: 716px) {
    .sobre-texto #waves {
        top: -100px;
        left: -50px;
        top: -39px;
        height: 150px !important; /* Aumenta a altura no mobile */
        width: 100vw !important; /* Garanta que o canvas cubra toda a largura */
    }

    .sobre-texto h2 {
        font-size: 24px; /* Tamanho de texto ajustado no mobile, opcional */
    }
}


   @media (max-width: 651px) {
        .section-main-container .header-row .content {
            top: 104px;

        }
        .plataforma-img img {
            width: 55px; 
            height: 55px; 

        }
        .plataforma-img img:nth-child(1) { transform: translate(-50%, -50%) rotate(0deg) translateX(250px) rotate(0deg); }
        .plataforma-img img:nth-child(2) { transform: translate(-50%, -50%) rotate(51deg) translateX(250px) rotate(-51deg); }
        .plataforma-img img:nth-child(3) { transform: translate(-50%, -50%) rotate(102deg) translateX(250px) rotate(-102deg); }
        .plataforma-img img:nth-child(4) { transform: translate(-50%, -50%) rotate(153deg) translateX(250px) rotate(-153deg); }
        .plataforma-img img:nth-child(5) { transform: translate(-50%, -50%) rotate(204deg) translateX(250px) rotate(-204deg); }
        .plataforma-img img:nth-child(6) { transform: translate(-50%, -50%) rotate(255deg) translateX(250px) rotate(-255deg); }
        .plataforma-img img:nth-child(7) { transform: translate(-50%, -50%) rotate(306deg) translateX(250px) rotate(-306deg); }
    }

    @media (max-width: 620px) { 

        .section-main-container {
            text-align: center;
        }
        .card-vantagem {
            padding: 40px 10px;
        }
        .container-vantagem-title  {
            text-align: center;
        }
     
     
        .contianer-card-grade { 
            display: flex;
            flex-wrap: wrap;
            justify-content: center;


        }

        .card-professores-depoimento  {
            padding: 30px 0;
        }
        .card-professores-depoimento .perfil-info {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
        .container-sobre {
            padding: 20px 10px;
        }

        .container-sobre .main-container-btn .btn, .card-preco .main-container-btn .btn, .content-main-container .main-container-btn .btn  {
            width: 100%;
            max-width: 380px ;
      
            font-size: 15px;
        }

        .card-desemprego  {
            padding: 40px 10px;
        }
        .card-professores-depoimento .sobre-professor {
            text-align: center;
        }

        .main-container-btn {
            width: 100% ;
            max-width: 100% ;
        }
        .card-preco .main-container-btn .btn, .content-main-container .main-container-btn .btn {
            max-width: 100% ;
        }

        .container-chamadas .chamada-column  {
            max-width: 100%;
            flex-direction: column;
        }



        .duvidas .main-container-btn, .oportunidade .main-container-btn{
            width: 100%;
            max-width:  100%;
        }

        .card-preco-img {
            width: 360px;
        }

        .empresas .sobre-texto p {
            font-size: 30px;
        }
        .plataforma-img img {
            width: 45px; 
            height: 45px; 

        }
        .plataforma-img img:nth-child(1) { transform: translate(-50%, -50%) rotate(0deg) translateX(180px) rotate(0deg); }
        .plataforma-img img:nth-child(2) { transform: translate(-50%, -50%) rotate(51deg) translateX(180px) rotate(-51deg); }
        .plataforma-img img:nth-child(3) { transform: translate(-50%, -50%) rotate(102deg) translateX(180px) rotate(-102deg); }
        .plataforma-img img:nth-child(4) { transform: translate(-50%, -50%) rotate(153deg) translateX(180px) rotate(-153deg); }
        .plataforma-img img:nth-child(5) { transform: translate(-50%, -50%) rotate(204deg) translateX(180px) rotate(-204deg); }
        .plataforma-img img:nth-child(6) { transform: translate(-50%, -50%) rotate(255deg) translateX(180px) rotate(-255deg); }
        .plataforma-img img:nth-child(7) { transform: translate(-50%, -50%) rotate(306deg) translateX(180px) rotate(-306deg); }
        

    }



    @media (max-width: 590px) { 
        .professores .js-carousel--responsive-next {
            display: none;
          
        }
        .professores .js-carousel--responsive-prev {
            display: none;
          
        }
        .card-preco {
            height: auto;
            padding: 252px 20px;
            padding-bottom: 90px;
        }
        .card-preco .main-container-btn .btn{ 
            font-size: 12px;
            text-wrap: nowrap;
        }

        .oportunidade {
            padding: 90px 20px;
        }
        .oportunidade .main-container-btn{
            padding: 0.8rem 3.5rem;
            width: 100%;
        }
        .oportunidade .main-container-btn .btn{
            font-size: 14px;
            padding: 0.8rem 10px;
            width: 100%;
        }
        .empresas .sobre-texto p {
            font-size: 28px;
        }
        .sobre-texto .main-text {

            font-size: 25px;
        }
        .sobre-texto #waves {
            top: -100px;
            left: -50px;
            top: -39px;
            height: 190px !important; /* Aumenta a altura no mobile */
            width: 100vw !important; /* Garanta que o canvas cubra toda a largura */
        }
        
    }

    @media (max-width: 557px) { 
        .section-main-container .header-row .content {
            top: 95px;
        }
    }
    @media (max-width: 470px) { 
        .container  {
            width: 100%;
        }
        .section-main-container .header-row .content {

            top: 122px;
         
        }
        .investimento .card-preco  { 
            font-size: 20px;
        }
        .investimento .card-preco .preco  { 
            font-size: 52px;
        }

        .duvidas .main-container-btn .btn {
           font-size: 16px;
        }

        .oportunidade {
            padding: 90px 5px;
        }
        .oportunidade .main-container-btn{
            width: 100%;
          
        }
        .oportunidade .main-container-btn .btn{
            font-size: 14px;
            padding: 0.8rem 10px;
            width: 100%;
        }
     
        .sobre-texto #waves {
            top: -100px;
            left: -50px;
            top: -45px;
            height: 200px !important; /* Aumenta a altura no mobile */
            width: 100vw !important; /* Garanta que o canvas cubra toda a largura */
        }
    
      
    }

    @media (max-width: 455px) {  

        .card-preco-img {
            width: 290px;
        }
    }
    @media (max-width: 447px) { 
    
        .container-vantagem-title img {
            width: 40px;
        }
        .card-vantagem{ 
            height: auto;

         
        }
        .container-vantagem-title h2{ 
            font-size: 18px;
        }
        .main-container-btn .btn{ 
            font-size: 14px;
            padding: 0.8rem 10px;
            /* text-wrap: nowrap; */
        }

        .contianer-card-grade .card-grade{
            height: auto;
        }
        .contianer-card-grade .card-grade h2{
            font-size: 20px;
        }
        .oportunidade {
            padding: 90px 0;
        }
        .oportunidade .main-container-btn, .oportunidade .main-container-btn .btn{
            width: 100%;
          
        }

        .plataforma-img img {
            width: 45px; 
            height: 45px; 

        }
        .plataforma-img img:nth-child(1) { transform: translate(-50%, -50%) rotate(0deg) translateX(155px) rotate(0deg); }
        .plataforma-img img:nth-child(2) { transform: translate(-50%, -50%) rotate(51deg) translateX(155px) rotate(-51deg); }
        .plataforma-img img:nth-child(3) { transform: translate(-50%, -50%) rotate(102deg) translateX(155px) rotate(-102deg); }
        .plataforma-img img:nth-child(4) { transform: translate(-50%, -50%) rotate(153deg) translateX(155px) rotate(-153deg); }
        .plataforma-img img:nth-child(5) { transform: translate(-50%, -50%) rotate(204deg) translateX(155px) rotate(-204deg); }
        .plataforma-img img:nth-child(6) { transform: translate(-50%, -50%) rotate(255deg) translateX(155px) rotate(-255deg); }
        .plataforma-img img:nth-child(7) { transform: translate(-50%, -50%) rotate(306deg) translateX(155px) rotate(-306deg); }
        
    }
    @media (max-width: 427px) { 

        .oportunidade .main-container-btn, .oportunidade .main-container-btn .btn{
            width: 91%;
            font-size: 13px;
            padding: 0.8rem 0;
        }

        .main-container-btn {
            padding: 0.8rem 0;
        }
        
    }
    @media (max-width: 410px) { 
        .section-main-container .header-row .content {
            top: 142px;
        }

        .content .content-main-container .main-container-btn button{

            padding: 0.8rem 0;
            
        }
        
    }
    @media (max-width: 350px) { 
        main, .section-main-container{
            width: 100%;
            max-width: 100%;
           
        }
        main {
            overflow: hidden;
        }
        .section-main-container .header-row .content {
            top:160px;
        }
        .content .content-main-container .main-container-btn button{
            font-size: 15px;
            padding: 0.5rem 0;
        }
        
    }
    @media (max-width: 312px) { 
        .header-main-container img {
            margin: 0 auto;
            padding: 0px 2%;
            width: 250px;
        }
        .oportunidade .main-container-btn .btn{
            font-size: 11px;
            
        }
        
    }