:root{
--foguetePosicaoComecoFim: -75px;
--foguetePosicaoMeio: -100px; 
--graficoPosicaoComecoFim: 0px;
--graficoPosicaoMeio: -10px;
--lampadaPosicaoComecoFim: -85px;
--lampadaPosicaoMeio: -100px;
}
@media only screen and (max-width: 768px){
:root{
--foguetePosicaoComecoFim: -10px;
--foguetePosicaoMeio: -30px;
--lampadaPosicaoComecoFim: -25px;
--lampadaPosicaoMeio: -40px
}
}
@media (max-width: 767px){
:root{
--tamanhoMaximo: 100%;
}
} .semanaAcademicaLogo{
display: flex; 
flex-direction: column; 
align-items: center; 
justify-content: space-between; 
height: 300px;
}
.semanaAcademicaInformacoes{
display: flex; 
flex-direction: column; 
justify-content: space-around; 
align-items: flex-end;
}
@media only screen and (max-width: 768px){
.semanaAcademicaLogo{
height: 200px;
margin-bottom: 5%;
}
.semanaAcademicaInformacoes{
height: 150px;
margin-bottom: 5%;
}
}  .imagem-background{
padding-top: 15%;
padding-bottom: 5%;
margin-top: -8%;
background-position: center center;
background-repeat: no-repeat;
}
.texto-cabecalho{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.imagem_gestao_performance{
padding: 0;
height: auto;
}
.linha_branca{
height: 2rem;
width: 100%;
border-bottom: 1px solid var(--white-300);
margin-bottom: 1rem;
}
.titulo-cabecalho{
color: var(--white-300);
font-size: 5rem;
line-height: 85%;
}
.titulo-cabecalho span{
font-size: 3rem;
}
.paragrafo-cabecalho{
font-weight: 400;
font-size: 1.4rem;
line-height: 110%;
color: var(--white-300);
letter-spacing: 0.5px;
}
.botao-descubra-curso{
border-radius: 6px;
background: var(--purple-200);
backdrop-filter: blur(19px);
width: 100%;
padding: 8px;
color: var(--white-300);
text-align: center;
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin-top: 15px;
transition: background-color 0.6s ease;
}
.botao-descubra-curso:hover{
background: var(--purple-500);
transition: background-color 0.6s ease;
color: var(--white-500);
} .videoPersonagensLogo{
mix-blend-mode: plus-lighter;
}
.containerBotaoBlackSeason{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 256px;
margin-bottom: 7%;
background-color: #1B1B1B;
}
.containerBotaoBlackSeason h2{
font-size: 1.3rem;
}
.containerBotaoBlackSeason img{
animation: piscapisca 3s infinite ease-in-out;
}
@keyframes piscapisca{
0%, 100% {
opacity: 1;
}
50%{
opacity: 0.5;
}
} @media (max-width: 1366px) {
.sectionCursoGraduacao {
margin-top: 5rem;
}
}
@media (max-width: 767px){
.imagem-background {
padding-top: 20%;
padding-bottom: 10%;
margin-top: -20%;
}
.titulo-cabecalho {
font-size: 3.5rem;
}
.titulo-cabecalho span {
font-size: 2rem;
} .videoPersonagensLogo{
width: 100%;
height: auto;
}
.containerBotaoBlackSeason h2{
font-size: 0.8rem;
}
.containerBotaoBlackSeason img{
width: 100%
} }
@media only screen and (max-width: 393px) {
.titulo-cabecalho {
font-size: 3rem;
}
.paragrafo-cabecalho {
font-size: 1.3rem;
}
}
@media only screen and (max-width: 320px){
.titulo-cabecalho {
font-size: 2.5rem;
}
.titulo-cabecalho span {
font-size: 1.7rem;
}
}  .container-imagem-fique-ligado-performance{
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
}
.box-inicio-aula-performance{
background: var(--purple-500);
min-height: 360px;
display: flex;
align-items: flex-end;
margin-bottom: 5%;
}
.titulo-fique-ligado-performance{
font-size: 5rem;
font-weight: 800;
line-height: 4.28125rem;
}
.texto-fique-ligado-performance{
font-size: 2.0625rem;
font-weight: 400;
line-height: 2.09375rem;
letter-spacing: -0.07813rem;
}
.container-foguete{    
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: -100px;
overflow: visible;
display: flex;
align-items: flex-start;
min-height: 410px;
}
.img-auxilio-foguete-lampada{
position: relative;
left: 15px;
animation: lampada 5s infinite ease-in-out;
}
.img-auxilio-foguete-grafico{
position: relative;
animation: grafico 5s infinite ease-in-out;
}
.img-foguete{
position: relative;
right: -12px;
animation: foguete 3s infinite ease-in-out;
}
@keyframes foguete{
0%, 100% {
top: var(--foguetePosicaoComecoFim);
}
50%{
top: var(--foguetePosicaoMeio);
}
}
@keyframes lampada{
0%, 100%{
bottom: var(--lampadaPosicaoComecoFim);
}
50%{
bottom: var(--lampadaPosicaoMeio);
}
}
@keyframes grafico{
0%, 100%{
bottom: var(--graficoPosicaoComecoFim);
}
50%{
bottom: var(--graficoPosicaoMeio);
}
}
@media only screen and (max-width: 1440px){
.box-inicio-aula-performance {
margin-bottom: 12%;
}
}
@media only screen and (max-width: 1366px){
.box-inicio-aula-performance {
min-height: 300px;
margin-top: 5rem;
}
.titulo-fique-ligado-performance {
font-size: 4.8rem;
}
.container-foguete {
min-height: 375px;
}
.img-foguete {
right: 15px;
}
.img-auxilio-foguete-grafico {
right: 15px;
}
.img-auxilio-foguete-lampada {
left: 10px;
}
}
@media only screen and (max-width: 1024px){
.box-inicio-aula-performance {
margin-bottom: 19%;
}
.titulo-fique-ligado-performance {
font-size: 4rem;
}
.img-auxilio-foguete-lampada {
left: 0px;
}
.img-auxilio-foguete-grafico {
right: 30px;
}
.img-foguete {
right: 41px;
}
}
@media only screen and (max-width: 768px){
.box-inicio-aula-performance {
min-height: 215px;
margin-bottom: 20%;
}
.titulo-fique-ligado-performance {
font-size: 3.0rem;
}
.texto-fique-ligado-performance {
font-size: 1.2rem;
}
.container-foguete {
min-height: 200px;
}
.img-auxilio-foguete-lampada {
left: -10px;
width: 25px;
height: 45px;
}
.img-auxilio-foguete-grafico {
right: 0px;
width: 29px;
height: 32px;
}
.img-foguete {
right: -12px;
animation: foguete 3s infinite ease-in-out;
width: 70px;
height: 135px;
}
}
@media (max-width: 767px){
.box-inicio-aula-performance {
min-height: 160px;
margin-bottom: 20%;
}
.titulo-fique-ligado-performance {
font-size: 2.6rem;
}
.container-imagem-fique-ligado-performance {
align-items: center;
}
.container-foguete {
display: none;
}
}
@media (max-width: 413px){
.titulo-fique-ligado-performance {
font-size: 2.2rem;
}
.tituloEscolaDeProgramadores {
font-size: 1.6rem;
line-height: 25.5px;
}
}
@media only screen and (max-width: 320px){
.titulo-fique-ligado-performance {
font-size: 2rem;
}
}  #campo-botoes {
display: flex;
flex-direction: column;
align-items: center;
}
.linkCurso:hover .botaoDescubraMais {
background-color: var(--purple-500);
transition: background-color 1s ease;
}
.botaoDescubraMais {
margin: 0;
background-color: var(--purple-200);
text-align: center;
border-radius: 3px;
}
.tituloEscolhaCurso {
text-align: center;
font-size: 3rem;
font-style: normal;
font-weight: 700;
line-height: 63.4px;
border-radius: 13px;
background: linear-gradient(0deg, rgba(139, 139, 139, 0.20) 0%, rgba(139, 139, 139, 0.20) 100%), #1C1C1C;
padding: 10px 25px;
}
.containerBotoesCarrossel {
display: flex;
justify-content: space-between;
margin: auto;
height: 580px;
margin-top: -635px;
width: 1385px;
}
.carrossel-container {
overflow: hidden;
width: 1337px;
margin: 0 auto;
}
.carrossel {
display: flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding: 0 160px; }
.carrossel::-webkit-scrollbar {
display: none;
}
.card {
flex: 0 0 auto;
margin: 10px;
scroll-snap-align: center; background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 1000px;
height: 576px;
background-color: transparent;
border: none;
padding: 2% 7%;
display: flex;
justify-content: center;
}
.btn-anterior {
margin-left: 40px;
border-radius: 0 14px 14px 0;
}
.btn-proximo {
border-radius: 14px 0 0 14px;
}
.btn-anterior, .btn-proximo {
width: 155px;
height: 100%;
background-color: rgba(0,0,0,0.2);
border: none;
color: var(--white-300);
font-size: 2.5rem;
cursor: pointer;
position: relative;
top: 679px;
z-index: 1;
transition: background-color 1s ease;
}
.btn-anterior:hover, .btn-proximo:hover {
background-color: rgba(0, 0, 0, 0.5);
transition: background-color 1s ease;
}
.videoPersonagem {
border-radius: 14px;
}
.tituloCurso {
font-family: Montserrat;
font-size: 1.6rem;
font-style: normal;
font-weight: 700;
}
.conjunto-skill-curso {
margin-bottom: 10px;
}
.skill-curso {
color: var(--white-300);
margin-bottom: 0px;
font-size: 1.2rem;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
}
.barra {
width: 100%;
height: 25px;
background-color: white;
}
.barra-colorida {
width: 0;
height: 100%;
background-color: var(--purple-200); transition: width 3s ease; }
@media only screen and (max-width: 1366px){
.containerBotoesCarrossel {
height: 527px;
width: 1290px;
}
.btn-anterior, .btn-proximo {
top: 625px;
}
.carrossel-container {
width: 1160px;
}
.card {
width: 910px;
height: 524px;
justify-content: normal;
}
.videoPersonagem {
width: 100%;
height: auto;
}
.tituloCurso {
font-size: 1.6rem;
}
.skill-curso {
font-size: 1.1rem;
}
}
@media only screen and (max-width: 1280px){
.containerBotoesCarrossel {
width: 1206px;
}
.btn-anterior, .btn-proximo {
width: 110px;
}
}
@media only screen and (max-width: 1024px){
.carrossel-container {
width: 940px;
}
.containerBotoesCarrossel {
height: 529px;
margin-top: -595px;
width: 952px;
}
.btn-anterior, .btn-proximo {
width: 95px;
height: 100%;
top: 625px;
}
.card {
width: 715px;
justify-content: normal;
}
.btn-anterior {
margin-left: 0px;
}
}
@media only screen and (max-width: 768px){
.containerBotoesCarrossel {
height: 529px;
margin-top: -595px;
width: 760px;
}
.btn-anterior, .btn-proximo {
width: 50px;
top: 625px;
}
.btn-anterior {
margin-left: 15px;
}
.carrossel-container {
width: 720px;
}
.card {
width: 625px;
height: 510px;
}
}
@media (max-width: 767px){
.containerBotoesCarrossel {
display: none;
}
.carrossel-container {
width: 100%;
margin: 0 auto;
}
.carrossel {
padding: 0;
}
.card {
width: 80%;
height: auto;
padding: 2% 7%;
}
.videoPersonagem {
width: 100%;
}
.tituloCurso {
font-size: 1.1rem;
}
.skill-curso {
font-size: 1rem;
}
.barra {
height: 15px;
}
}
@media only screen and (max-width: 320px){
.tituloEscolhaCurso {
font-size: 2.5rem;
}
}   .containerTextoNovidadeNovo {
display: flex;
flex-direction: column;
justify-content: center;
}
.novidadeGestaoDePerformanceNova {
font-size: 2rem;
font-style: normal;
font-weight: 900;
line-height: 1.2;
margin-bottom: 0;
color: var(--purple-200);
}
.tituloEscolaProgramadoresNova {
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 1.1;
margin-top: -3rem;
margin-bottom: 1rem;
}
.containerFormPython {
margin-left: 2rem;
}
.tituloCirculo {
margin-top: 1rem;
margin-bottom: 2rem;
font-size: 2rem;
}
.divTextos {
text-align: 
}
.divButtonPython {
text-align: center;
}
.buttonPython {
width: 50% !important;
}
#containerVideo {
position: relative;
width: 480px;
height: 480px;
padding: 1px;
border-radius: 24px;
display: flex;
gap: 3rem;
}
.containerGeral {
display: flex;
justify-content: center;
margin-top: 3rem;
gap: 3rem;
margin-bottom: 5rem;
}
.mago-1 {
width: 100%;
margin-bottom: 0rem;
}
.mago-2 {
width: 110%;
margin-top: -1.7rem;
margin-left: -1rem;
}
.divImagemNivel3 {
margin-bottom: 2rem;
}
.mago-3 {
width: 85%;
margin-top: -8.8rem;
margin-left: 1rem;
}
.imagemCadeado {
width: 65%;
position: absolute;
top: 30%;
left: 18%;
z-index: 2;
}
#imagemMago2Nivel {
margin-top: -1.5rem;
}
#imagemMago3Nivel {
margin-top: 1rem;
}
.cursosContainer {
border: 2px solid var(--white-100);
border-radius: 20px;
margin-top: -1rem;
height: 29.625rem;
position: relative;
}
.cursosLista {
display: flex;
align-items: center;
padding: 1rem;
gap: 0.5rem;
margin-bottom: -1rem;
}
#cursosListaNivel2 {
margin-bottom: -1.7rem;
}
#cursosListaNivel3 {
margin-bottom: 1.5rem;
}
.cursosLista img {
width: 21%;
}
#wordpressDiv {
margin-bottom: -0.5rem;
}
.cursosContainerTitulo {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 1.4rem;
margin-top: 1rem;
}
.cursosNomes {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 1rem;
}
#bordaMago3 {
border-color: #4B4B4B;
}
.buttonNivel3 {
pointer-events: none !important; 
opacity: 0.5 !important; 
cursor: not-allowed !important;
}
.imagemMagoNivel {
font-family: 'alagard', sans-serif;
font-weight: 100;
font-size: 2rem;
}
.spanEscolaDeProgramadores {
font-family: 'alagard', sans-serif;
font-size: 4rem;
text-wrap: nowrap;
}
#phpIconMobile {
margin-top: -1rem;
}
.iconNivel3 {
width: 19% !important;
}
#cursosNomesPhp {
margin-top: 0.3rem;
}
#cursosNomesWp {
margin-top: 1rem;
}
.buttonCadastroContainer {
margin-top: 4rem;
}
.buttonCadastro, .buttonCadastro2 {
width: 80%;
display: inline-block;
padding: 10px 20px;
font-family: "Open Sans", sans-serif;
font-size: 1.5rem;
font-weight: bold;
color: #fff;
background-color: #A369FF;
border: none;
border-radius: 12px;
text-align: center;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); 
position: relative; 
}
.buttonCadastro2 {
width: 20%;
}
.buttonCadastro:hover, .buttonCadastro2:hover {
background-color: #8e57e5;
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.4);
}
.buttonCadastro:active {
background-color: #7b4acc;
transform: translateY(0);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.buttonCadastro.disabled::after {
content: attr(data-tooltip);
position: absolute;
top: -120%;
left: 50%;
transform: translateX(-50%);
background-color: #333;
color: #fff;
padding: 10px 10px;
border-radius: 4px;
white-space: nowrap;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
z-index: 10;
}
.buttonCadastro.disabled:hover::after {
opacity: 1;
}
.buttonCadastro.disabled {
background-color: #ccc;
color: #666;
cursor: not-allowed;
box-shadow: none;
text-decoration: line-through !important;
}
.logoMobile {
display: none;
}
.imagemMobileEspada {
display: none;
}
#cursoContainerTituloMobile {
display: none;
}
.buttonCadastroContainer {
margin-top: 0rem;
display: flex;
justify-content: center;
width: 25%;
}
.divEdital {
margin-top: 6rem;
}
.divEditalNivel2 {
position: relative;
margin-top: 1.5rem;
}
#buttonEditalMobile {
display: none;
}
#buttonEditalMobile2 {
display: none;
}
.containerEscolaMobile {
margin-bottom: 3rem;
width: 57%;
margin-left: auto;
margin-right: auto;
padding: 2rem;
display: flex;
align-items: center;
height: auto;
}
.magoEscolaMobile {
width: 60%;
margin-top: 0rem;
margin-left: -0.5rem;
}
.divContainerEscolaMobile {
display: flex;
flex-direction: column;
margin-left: -7rem;
margin-top: 0rem;
}
.tituloEscolaMobile {
text-align: center;
font-size: 3.5rem;
font-family: 'alagard', sans-serif;
}
.divEscolaMobile {
display: flex;
align-items: center;
gap: 2rem;
}
.divTextoEscolaMobile {
width: 90%;
margin-left: 3.5rem;
margin-top: -2rem;
text-align: center;
}
.divTextoEscolaMobile p {
line-height: 2rem;
font-size: 1.1rem;
margin-top: 2rem;
text-align: left;
}
.buttonEscolaMobile {
width: 70%;
padding: 0.5rem;
font-size: 1.3rem;
margin-top: 0rem;
}
.divIconsEscolaMobile {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1rem;
margin-top: -1rem;
}
.divIcons {
display: flex;
align-items: center;
gap: 1rem;
width: 45%;
}
.imgEscolaMobile {
width: 50px;
height: 50px;
}
.displayNoneDesktop {
display: none;
} @media (max-width: 2560px) {
.mago-3 {
width: 85%;
margin-top: -2rem;
margin-left: 3rem;
}
}
@media (max-width: 393px) {
.col-4 {
flex: 0 0 20%;
max-width: 100%;
margin-bottom: 1rem;
}
.containerEscolaDeProgramadores {
padding: 3rem;
}
.containerTextoNovidade {
padding: 0 10px;
}
.novidadeGestaoDePerformanceNova {
font-size: 3.4rem;
font-weight: 900;
display: flex;
flex-direction: column;
gap: 2rem;
align-items: center;
}
.tituloEscolaProgramadoresNova {
text-align: center;
padding-bottom: 0rem;
margin-top: auto;
display: flex;
flex-direction: column;
gap: 2rem;
font-size: 3rem;
}
.paragrafoEscolaDeProgramadores {
font-size: 0.875rem;
margin-top: 1.3rem;
text-align: left;
}
.containerGeral {
flex-direction: column;
}
.col-4 {
flex: 0 0 100%;
max-width: 100%;
}
.buttonCadastro2 {
width: auto;
}
.imagemNivelContainer {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.mago-1, .mago-2, .mago-3 {
display: none;
}
.cursosContainer {
height: 10rem;
margin-top: 0;
border-radius: 10px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.cursosLista {
flex-direction: column;
padding: 0.4rem;
margin-bottom: 0;
}
.cursosLista img, .iconNivel3 {
width: 2.538rem !important;
height: 2.538rem !important;
margin-bottom: -0.3rem;
}
.cursosContainerTitulo {
display: none;
}
#cursoContainerTituloMobile {
font-size: 1rem;
display: flex;
margin-top: -1rem;
color: #A369FF;
}
.cursosNomes {
font-size: 0.675rem;
}
.imagemMagoNivel {
font-size: 1.5rem;
}
.spanEscolaDeProgramadores {
font-size: 2.6rem;
text-wrap: pretty;
}
.divImageNivel {
display: flex;
flex-direction: column;
align-items: center;
}
.logoMobile {
display: block;
margin-left: -2rem;
}
.imagemMobile {
width: 2.5rem;
margin-left: 1rem;
}
#cursosListaNivel2 {
margin-bottom: 0rem;
}
.imagemMobileEspada {
width: 3.05rem;
margin-left: 2.5rem;
display: block;
}
#bordaMago3 {
border-color: #4B4B4B;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.8;
flex-direction: column;
justify-content: left;
padding-right: 0rem;
}
.imagemCadeado {
width: 18%;
left: 42%;
top: 25%;
}
#phpIconMobile {
margin-bottom: 0.3rem;
margin-top: -0.3rem;
}
#wpIconMobile {
margin-bottom: -0.5rem;
margin-left: 0.5rem;
}
#bdIconMobile {
margin-bottom: 0.5rem;
height: 2.5rem;
width: 2.5rem;
}
#jsIconMobile {
margin-bottom: 0.5rem;
}
.buttonCadastroContainer {
display: flex;
justify-content: center;
width: 85%;
}
.containerGeral {
margin-top: 3rem;
gap: 2rem;
margin-bottom: 3rem;
}
#iconVassoraMobile {
margin-left: 2.5rem;
}
#cajadoIconMobile {
width: 1.7rem;
margin-left: 3rem;
}
.buttonCadastroContainer {
width: 100%;
}
.buttonCadastro {
display: none;
}
#buttonEditalMobile {
display: flex;
align-items: center;
justify-content: center;
width: 75%;
margin-top: 1rem;
margin-bottom: 2rem;
}
.divEdital {
margin-top: 0rem;
display: flex;
flex-direction: column;
align-items: center;
}
.divEditalNivel2 {
position: relative;
margin-top: 0rem;
display: flex;
flex-direction: column;
align-items: center;
}
} 
@media (width: 344px) and (height: 882px) {
.spanEscolaDeProgramadores {
font-size: 2.7rem;
}
.novidadeGestaoDePerformanceNova {
font-size: 3.5rem;
}
.bannerPython {
width: 100%;
margin-bottom: 2rem;
}
}
@media (min-width: 394px) and (max-width: 767px) {
.col-4 {
flex: 0 0 20%;
max-width: 100%;
margin-bottom: 1rem;
}
.containerEscolaDeProgramadores {
padding: 3.5rem;
}
.containerTextoNovidade {
padding: 0 10px;
}
.novidadeGestaoDePerformanceNova {
font-size: 2.5rem;
font-weight: 900;
display: flex;
flex-direction: column;
gap: 2rem;
align-items: center;
}
.tituloEscolaProgramadoresNova {
text-align: center;
margin-bottom: 3rem;
display: flex;
flex-direction: column;
gap: 2rem;
font-size: 1.4rem;
}
.paragrafoEscolaDeProgramadores {
font-size: 0.875rem;
margin-top: 1.3rem;
text-align: center;
}
.containerGeral {
flex-direction: column;
gap: 1rem
}
.col-4 {
flex: 0 0 100%;
max-width: 100%;
}
.buttonCadastro2 {
width: auto;
}
.imagemNivelContainer {
width: 100%;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
align-items: center;
}
.mago-1, .mago-2, .mago-3 {
display: none;
}
.cursosContainer {
height: 10rem;
margin-top: 0;
border-radius: 10px;
display: flex;
justify-content: space-evenly;
align-items: center;
width: 100%;
}
.cursosLista {
flex-direction: column;
padding: 0.4rem;
margin-bottom: 0;
}
.cursosLista img, .iconNivel3 {
width: 3.438rem !important;
height: 3.438rem !important;
margin-bottom: -0.3rem;
}
.cursosContainerTitulo {
display: none;
}
#cursoContainerTituloMobile {
font-size: 1rem;
display: flex;
margin-top: -1rem;
color: #A369FF;
}
.cursosNomes {
font-size: 0.675rem;
}
.imagemMagoNivel {
font-size: 1.5rem;
}
.spanEscolaDeProgramadores {
font-size: 2.7rem;
text-wrap: pretty;
}
.divImageNivel {
display: flex;
flex-direction: column;
align-items: center;
}
.logoMobile {
display: block;
margin-left: -5rem;
margin-right: 1rem;
}
.imagemMobile {
width: 3.05rem;
}
.imagemMobileEspada {
width: 3.05rem;
margin-left: 4rem;
display: block;
}
#bordaMago3 {
border-color: #4B4B4B;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.6;
flex-direction: column;
justify-content: left;
padding-right: 0rem;
}
.imagemCadeado {
width: 20%;
top: 20%;
left: auto;
}
#phpIconMobile {
margin-bottom: 0.1rem;
margin-top: 0rem;
}
#wpIconMobile {
margin-bottom: -0.5rem;
}
#bdIconMobile {
margin-bottom: 0.8rem;
height: 3rem;
width: 3.3rem;
}
#jsIconMobile {
margin-bottom: 0.5rem;
}
#cursosListaNivel2 {
margin-bottom: 0rem;
}
.buttonCadastroContainer {
display: flex;
justify-content: center;
width: 85%;
}
.containerGeral {
margin-top: 3rem;
gap: 2rem;
margin-bottom: 3rem;
}
#iconVassoraMobile {
margin-left: 4rem;
}
#cajadoIconMobile {
width: 1.8rem;
margin-left: 6rem;
}
.buttonCadastro {
display: none;
}
#buttonEditalMobile {
display: flex;
align-items: center;
justify-content: center;
width: 75%;
margin-top: 1rem;
margin-bottom: 2rem;
}
.bannerPython {
width: 100%;
margin-bottom: 2rem;
}
}
@media (width: 690px) and (height: 829px) {
#bordaMago3 {
display: flex;
align-items: center;
justify-content: center;
}
.imagemCadeado {
width: 13%;
}
.imagemMobileEspada {
width: 3.05rem;
margin-left: 3rem;
}
.bannerPython {
width: 100%;
margin-bottom: 2rem;
}
}
@media (min-width: 1536px) and (max-width: 1600px) {
.mago-2 {
margin-top: -1.5rem;
}
.divImagemNivel3 {
margin-bottom: 2.8rem;
}
.mago-3 {
margin-top: -2rem;
margin-left: 2.5rem;
margin-bottom: -0.8rem;
}
.bannerPython {
width: 100%;
margin-bottom: 2rem;
}	
#cursosListaNivel3 {
margin-bottom: 0.5rem;
}
}
@media (min-width: 1280px) and (max-width: 1366px) {
.spanEscolaDeProgramadores {
font-size: 5rem;
}
.cursosContainerTitulo {
font-size: 2rem;
}
.buttonCadastro2 {
width: 30%;
}
.mago-2 {
margin-top: -1.2rem;
}
.divImagemNivel3 {
margin-bottom: 3rem;
}
.mago-3 {
margin-top: -2rem;
margin-left: 2rem;
margin-bottom: -1rem;
}
.cursosLista {
gap: 1.5rem;
margin-bottom: -1rem;
}
.cursosNomes {
font-size: 0.7rem;
text-wrap: nowrap;
}
.bannerPython {
width: 100%;
margin-bottom: 2rem;
}
.divEdital {
margin-top: 5rem;
}
.buttonCadastro {
width: auto;
padding: 8px 15px;
font-size: 1rem;
}
#divEditalNivel3Mobile {
margin-top: 2.3rem;
}
.cursosLista img {
width: 30%;
}
.divEditalNivel2 {
margin-top: 1.7rem;
}
.imagemCadeado {
width: 30%;
top: 32%;
left: 38%;
}
.containerEscolaMobile {
width: auto;
}
.tituloEscolaMobile {
margin-left: -4rem;
}
.magoEscolaMobile {
margin-left: 2.5rem;
}
.divContainerEscolaMobile {
margin-left: auto;
}
.divEscolaMobile {
margin-left: 1rem;
}
}
@media (max-width: 1280px) {
.divTextoEscolaMobile {
margin-left: 1.5rem;
}
}
@media (min-width: 768px) and (max-width: 1114px) {	
.spanEscolaDeProgramadores {
font-family: 'alagard', sans-serif;
font-size: 3rem;
text-wrap: nowrap;
}
.paragrafoEscolaDeProgramadores {
font-size: 1.2rem;
font-weight: 400;
margin-top: 1rem;
line-height: normal;
margin-bottom: 5rem;
}
.buttonCadastro2 {
width: auto;
}
.containerGeral {
display: flex;
justify-content: space-evenly;
margin-top: 3rem;
margin-left: -4rem;
}
.imagemMagoNivel {
font-size: 1.4rem;
margin-left: 3rem;
}
.mago-3 {
width: 85%;
margin-top: -1.2rem;
margin-left: 3rem;
}
.buttonCadastroContainer {
margin-top: auto;
display: flex;
justify-content: center;
width: 50%;
}
.buttonCadastro {
font-size: 0.8rem;
padding: 4px 20px;
}
.cursosContainer {
border: 2px solid var(--white-100);
border-radius: 20px;
height: 22.625rem;
width: 150%;
}
.cursosLista {
margin-bottom: -2rem;
}
.cursosContainerTitulo {
font-size: 1.4rem;
margin-left: 0rem;
}
.mago-1 {
width: 100%;
margin-left: 2rem;
margin-bottom: 1.4rem;
}
.mago-2 {
width: 110%;
margin-top: -1.4rem;
margin-bottom: 2rem;
margin-left: 1.5rem;	
}
.divImagemNivel3 {
margin-bottom: 2.5rem;
}
#cursosListaNivel3 {
margin-bottom: 0rem;
}
.novidadeGestaoDePerformance {
font-size: 4rem;
}
.tituloEscolaProgramadores {
font-size: 2.5rem;
}
.paragrafoEscolaDeProgramadores {
font-size: 1.3rem;
}
.bannerPython {
width: 100%;
margin-bottom: 2rem;
}
.divEdital {
margin-top: 7rem;
}
#divEditalNivel3Mobile {
margin-top: -0.5rem;
}
.slideshowDisciplinasCurso {
height: auto;
margin-bottom: 2rem;
}
.containerTesteVocacional {
margin-bottom: 2rem;
}
.imagemCadeado {
width: 30%;
top: 40%;
left: 38%;
}
.containerEscolaMobile {
width: 90%;
height: auto;
}
}
.containerEscolaDeProgramadores{
padding: 67px;
background-color: #252525;
margin-top: 0px;
margin-bottom: 0px;
}
.containerTextoNovidades{
display: flex;
flex-direction: column;
justify-content: center;
}
.novidadesGestaoDePerformance{
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 22px;
margin-bottom: 0;
color: var(--purple-200);
}
.tituloEscolaDeProgramadores{
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 64.5px;
position: relative;
z-index: 1;
}
.spanEscolaDeProgramadores{
color: var(--purple-200);
}
.paragrafoEscolaDeProgramadores{
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 22px;
}
#containerVideo{
position: relative;
width: 480px;
height: 480px;
padding: 1px;
border-radius: 24px;
}
#videoEscolaDeProgramadores{
width: 100%;
height: 100%;
border-radius: 24px;
}
#imagemLogoEscolaDeProgramadores{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease;
border-radius: 24px;
}
@media only screen and (max-width: 1600px){
}
@media only screen and (max-width: 1024px){
#videoEscolaDeProgramadores {
width: 100%;
height: 100%;
}
#imagemLogoEscolaDeProgramadores {
display: none;
}
.tituloEscolaDeProgramadores {
font-size: 2rem;
line-height: 33.5px;
}
.bannerPython {
width: 100%;
}
#cursosListaNivel3 {
margin-bottom: -0.4rem;
}
}
@media only screen and (max-width: 768px){
.tituloEscolaDeProgramadores {
font-size: 1.4rem;
line-height: 25.5px;
margin-bottom: auto;
margin-top: auto;
}
.tituloEscolaProgramadoresNova {
margin-top: auto;
}
.containerEscolaDeProgramadores{
padding: 1.1rem; 
} 
.bannerPython {
width: 100%;
}
}
@media (max-width: 767px){
.tituloEscolaDeProgramadores {
font-size: 2rem;
line-height: 30.5px;
}
.paragrafoEscolaDeProgramadores {
font-size: 1rem;
}
.bannerPython {
width: 100%;
}
.divImagemNivel3 {
margin-bottom: 0rem;
}
#cursoContainerTituloMobile {
font-family: 'alagard', sans-serif;
font-size: 1.3rem;
}
#bordaOpacity {
align-items: flex-end;
}
#wpIconMobile {
margin-bottom: -0.5rem;
margin-left: 0.5rem;
margin-top: -0.5rem;
}
.containerEscolaMobile {
flex-direction: column;
height: auto;
padding: 1rem;
}
.magoEscolaMobile {
display: none;
}
.divContainerEscolaMobile {
margin-left: 0rem;
margin-top: 0rem;
}
.tituloEscolaMobile {
font-size: 2rem;
}
.divEscolaMobile {
flex-direction: column;
gap: 0rem; 
margin-top: 4rem;
}
.divTextoEscolaMobile {
margin-left: 0rem;
margin-top: -2rem;
}
.divTextoEscolaMobile p {
margin-top: -2rem;
text-align: center;
margin-bottom: 2rem;
}
.buttonEscolaMobile {
display: inline-block;
margin-bottom: 3rem;
}
..divIconsEscolaMobile {
margin-top: 1rem;
}
.imgEscolaMobile {
width: 40px;
height: 45px;
}
.divIcons p {
font-size: 0.8rem;
}
.divDisplayNone {
display: flex;
justify-content: center;
}
.displayNoneDesktop {
display: flex;
}
}
@media (max-width: 413px){
.tituloEscolaDeProgramadores {
font-size: 1.6rem;
line-height: 24.5px;
}
.bannerPython {
width: 100%;
}
}
@media only screen and (max-width: 320px){
.tituloEscolaDeProgramadores {
font-size: 1.3rem;
line-height: 22.5px;
}
.bannerPython {
width: 100%;
}
}  .imagem-curso-gratuito{
width: 100%;
max-width: 100%;
max-height: 100%;
transition: transform 0.3s ease-in-out;
}
.imagem-curso-gratuito:hover{
transform: scale(1.15);
}
.passos-performance{
font-weight: 700;
font-size: 2rem;
line-height: 85%;
color: var(--white-300);
margin-bottom: 30px;
}
.conquistas-performance{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
}
@media (max-width: 767px){
.imagem-curso-gratuito{
width: 100%;
height: auto;
}
.conquistas-performance{
height: 550px;
}
.containerBotaoCursoGratuito{
max-width: 45%;
}
.bannerPython {
width: 100%;
}
}
@media only screen and (max-width: 360px){
.conquistas-performance {
height: 400px;
}
.bannerPython {
width: 100%;
}
}