@font-face {
font-family: 'OCRAEXT';
src: url(https://melhoreseusresultados.com.br/wp-content/themes/unintese/fonts/OCRAEXT.TTF) format('truetype');
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Berkahi';
src: url(https://melhoreseusresultados.com.br/wp-content/themes/unintese/fonts/Berkahi Blackletter.ttf) format('truetype');
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'DePixelBreitF2';
src: url(https://melhoreseusresultados.com.br/wp-content/themes/unintese/fonts/DePixelHalbfett.ttf) format('truetype');
font-display: swap;
}
.divTituloPython {
display: flex;
flex-direction: column;
align-items: center;
margin-top: -4rem;
}
.iconPython {
width: 100px;
padding-bottom: 1rem;
margin-top: -2rem;
}
.tituloPython {
font-family: 'DePixelBreitF2';
text-transform: uppercase;
text-align: center;
font-size: 2rem;
color: #00fccb;
}
.subTituloPython {
font-family: 'OCRAEXT';
margin-bottom: 1rem;
color: #c3edeb;
}
p {
font-family: 'Montserrat';
font-size: 0.9rem;
font-weight: 600;
text-align: left;
}
.textoPython {
font-weight: 400;
text-align: left;
font-size: 0.9rem;
}
.horario {
font-weight: 600;
font-size: 1rem;
color: #00fccb;
}
.backgroundEscolaProgramadores{
background-image: url(https://melhoreseusresultados.com.br/wp-content/themes/unintese/img/bkg-computador.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 5% 0;
margin-top: -5%;
background-attachment: fixed;
}
.backgroundEscolaAplicativosMobile{
background-image: url(https://melhoreseusresultados.com.br/wp-content/themes/unintese/img/bkg-escola-mobile.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 5% 0;
margin-top: -5%;
background-attachment: fixed;
}
.backgroundCirculoPython {
background-image: url(https://melhoreseusresultados.com.br/wp-content/themes/unintese/img/bkg-circulo-de-estudos.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 5% 0;
margin-top: -5%;
background-attachment: fixed; 
}
.displayTitulo{
display: flex;
align-items: center;
}
.widthMobile{
width: 100%;
height: 100%;
}
.logoWidthMobile{
width: 25%;
}
.containerInscricao{
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
margin: 6% 0;
}
.containerTexto{
padding: 3%;
}
.containerTextoMobile{
padding: 3%;
margin-top: -112px;
}
.tituloEncontro, .dataEncontro{
font-size: 1.1rem;
color: #93f7dc;
font-weight: 600;
}
.informacoesEncontro{
font-size: 0.8rem;
font-weight: 200;
}
.containerFormularioQR{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
height: 900px;
}
.containerFormulario{
border-radius: 2.0625rem;
border: 0.5px solid rgba(230, 230, 230, 0.20);
background: linear-gradient(146deg, rgba(18, 18, 18, 0.20) 29.65%, rgba(255, 255, 255, 0.07) 109.72%);
backdrop-filter: blur(14px);
padding: 5% 15%;
text-align: center;
width: 60%;
}
.containerFormularioPython{
padding: 3rem 2rem !important;
width: 40% !important;
backdrop-filter: blur(10px);
background: linear-gradient(146deg, rgba(255, 255, 255, 0.08) 30%, rgba(255, 255, 255, 0.03) 100%);
border-radius: 2.0625rem;
border: 2px solid rgba(255, 255, 255, 0.25);
box-shadow: -3px 10px 70px rgba(0, 0, 0, 1.5);
}
.containerFormulario p{
font-size: 1.5625rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: center;
}
#mauticform_input_inscricaoescoladeprogramadoresframework_realizar_inscricao{
border-radius: 0.875rem;
background: #8200FF;
color: #E7E5DF;
font-size: 1.4rem;
margin-top: 5%;
font-family: 'Ocr-a Extend';
padding: 7px 10px;
}
#mauticform_input_inscricaoescoladeprogramadoresframework_nome, #mauticform_input_inscricaoescoladeprogramadoresframework_whatsapp_com_ddd, #mauticform_input_inscricaoescoladeprogramadoresframework_email{
font-family: 'Ocr-a Extend';
font-size: 1rem;
color: #909090;
}
#mauticform_input_circulodeestudospython_submit{
border-radius: 0.875rem;
background: #8200FF;
color: #E7E5DF;
font-size: 1.4rem;
margin-top: 5%;
font-family: 'Montserrat';
padding: 7px 10px;
}
#mauticform_circulodeestudospython_nome1, #mauticform_circulodeestudospython_whatsapp_com_ddd, #mauticform_circulodeestudospython_email{
font-family: 'Montserrat';
font-size: 1rem;
color: #909090;
}
.containerInformacoesAdicionais {
font-weight: 600;
}
#mauticform_input_circulodeestudosalgoritmos_submit{
border-radius: 0.875rem;
background: #8200FF;
color: #E7E5DF;
font-size: 1.4rem;
margin-top: 5%;
font-family: 'Montserrat';
padding: 7px 10px;
}
.textoAlgotimosCirculo{
text-align: left !important;
}
.TituloCirculoAlgoritimo{
font-size: 2.3rem !important;
}
@media (max-width: 768px) {
.containerInscricao {
display: flex;
flex-direction: column !important;
gap: 2rem;
}
.divTituloPython {
margin-top: auto;
}
.containerTexto,
.containerFormularioPython {
width: 100% !important;
max-width: 100% !important;
}
.containerTexto p{
text-align: left;
}
.divFooter {
margin-left: auto !important;
}
}
.containerAulas {
display: flex;
justify-content: center;
flex-direction: column;
width: 28%;
margin-right: 21.5rem;
margin-left: auto;
margin-top: -3rem !important;
}
.tituloAulas {
font-size: 1.3rem;
text-align: center;
}
.divAulas {
backdrop-filter: blur(5px);
background: linear-gradient(146deg, rgba(255, 255, 255, 0.08) 30%, rgba(255, 255, 255, 0.03) 100%);
border-radius: 2.0625rem;
border: 1px solid rgba(255, 255, 255, 0.25);
box-shadow: -3px 10px 70px rgba(0, 0, 0, 1.5);
margin-bottom: 1rem;
transition: all 0.3s ease-in-out;
padding-top: 0.3rem;
padding-left: 0.5rem;
backdrop-filter: blur(3px);
background: linear-gradient(146deg, rgba(255, 255, 255, 0.08) 30%, rgba(255, 255, 255, 0.03) 50%);
box-shadow: -3px 10px 70px rgba(0, 0, 0, 1);
}
.divAulas:hover {
backdrop-filter: blur(10px);
background: linear-gradient(146deg, rgba(255, 255, 255, 0.08) 30%, rgba(255, 255, 255, 0.03) 100%);
box-shadow: -3px 10px 70px rgba(0, 0, 0, 1.5);
}
.divAulas p {
display: none;
margin-left: 1rem;
}
.divAulas.open p {
display: block;
text-align: left;
}
.divAulas h4 {
cursor: pointer;
padding: 0.5rem;
border-radius: 5px;
font-weight: 700;
transition: background-color 0.3s;
} .escolaLv2-container {
display: flex;
justify-content: center;
flex-direction: column;
width: 28%;
margin-right: 21.5rem;
margin-left: auto;
margin-top: -3rem !important;
}
.container_escola_mobile {
margin-top: -5rem !important;
}
.escolaLv2-titulo {
font-size: 1.3rem;
text-align: center;
}
.escolaLv2-aula {
backdrop-filter: blur(5px);
background: linear-gradient(146deg, rgba(255, 255, 255, 0.08) 30%, rgba(255, 255, 255, 0.03) 100%);
border-radius: 2.0625rem;
border: 1px solid rgba(255, 255, 255, 0.25);
box-shadow: -3px 10px 70px rgba(0, 0, 0, 1.5);
margin-bottom: 1rem;
transition: all 0.3s ease-in-out;
padding-top: 0.3rem;
padding-left: 0.5rem;
backdrop-filter: blur(3px);
background: linear-gradient(146deg, rgba(255, 255, 255, 0.08) 30%, rgba(255, 255, 255, 0.03) 50%);
box-shadow: -3px 10px 70px rgba(0, 0, 0, 1);
}
.escolaLv2-aula:hover {
backdrop-filter: blur(10px);
background: linear-gradient(146deg, rgba(255, 255, 255, 0.08) 30%, rgba(255, 255, 255, 0.03) 100%);
box-shadow: -3px 10px 70px rgba(0, 0, 0, 1.5);
}
.escolaLv2-aula p {
display: none;
margin-left: 1rem;
}
.escolaLv2-aula.open p {
display: block;
text-align: left;
}
.escolaLv2-aula h4 {
cursor: pointer;
padding: 0.5rem;
border-radius: 5px;
font-weight: 700;
transition: background-color 0.3s;
}
.escolaaplicativos{
font-size: 2.3rem !important;
} @media (width: 1706px) {
.backgroundCirculoPython {
height: 100vh;
}
}
@media (max-width: 1366px) {
.containerAulas {
margin-right: 13.5rem;
}
}
@media (max-width: 1536px) {
.containerAulas {
margin-right: 14.5rem;
}
}
@media (max-width: 1280px) {
.containerAulas {
margin-right: 11.5rem;
}
}
@media (max-width: 1114px) {
.containerAulas {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.backgroundCirculoPython {
height: 100%;
}
.containerInscricao {
margin: 20% 0;
}
}
@media (max-width: 768px){
.backgroundCirculoPython {
height: 100%;
}
.widthMobile{
width: 80%;
height: 80%;
}
.logoWidthMobile{
width: 22%;
}
.containerInformacoesAdicionais{
margin-bottom: 50px;
}
.containerFormulario{
margin-bottom: auto;
width: 100% !important;	
}
.containerAulas {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.containerFormularioPython {
width: 100% !important;
max-width: 100% !important;
margin-bottom: auto;
}
.escolaLv2-container {
margin-right:auto;
width: 100% !important; 
}
.container_escola_mobile {
margin-top: auto !important;
}
.info-professor p {
margin: 0;
line-height: 1.4;
font-size: 1rem;
color: ffffff;
text-align: left !important;
}
.img-professor-pequena {
width: 136px;
aspect-ratio: 4 / 4 !important;
object-fit: cover;
height: 130px;
border-radius: 2.0625rem;
}
.containerTextoMobile {
padding: 3%;
margin-top: -105px !important;
}
}