@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;
} :root{
--cor-primaria: #00fccb;
--cor-secundaria: #8200FF;
--cor-texto: #E7E5DF;
--cor-texto-soft: #c3edeb;
--glass-bg:
linear-gradient(
146deg,
rgba(255,255,255,0.08) 30%,
rgba(255,255,255,0.03) 100%
);
--glass-border:
1px solid rgba(255,255,255,0.25);
--radius: 2rem;
--shadow:
-3px 10px 70px rgba(0,0,0,.9);
--spacing-xs: .5rem;
--spacing-sm: 1rem;
--spacing-md: 2rem;
--spacing-lg: 4rem;
--spacing-xl: 6rem;
} *{
box-sizing:border-box;
}
html,
body{
overflow-x:hidden;
} .backgroundEscolaProgramadores,
.backgroundEscolaAplicativosMobile,
.backgroundCirculoPython{
background-position:center;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
padding: var(--spacing-xl) 0;
min-height:100vh;
}
.backgroundEscolaProgramadores{
background-image:url(https://melhoreseusresultados.com.br/wp-content/themes/unintese/img/bkg-computador.jpg);
}
.backgroundEscolaAplicativosMobile{
background-image:url(https://melhoreseusresultados.com.br/wp-content/themes/unintese/img/bkg-escola-mobile.png);
}
.backgroundCirculoPython{
background-image:url(https://melhoreseusresultados.com.br/wp-content/themes/unintese/img/bkg-circulo-de-estudos.webp);
} .tituloPython{
font-family:'DePixelBreitF2';
text-transform:uppercase;
text-align:left;
font-size:clamp(2rem, 4vw, 3.2rem);
color:var(--cor-primaria);
margin-bottom:1.5rem;
line-height:1.1;
}
.subTituloPython{
font-family:'OCRAEXT';
color:var(--cor-texto-soft);
margin-bottom:2rem;
}
.containerTexto h1{
font-family:'DePixelBreitF2';
font-size:clamp(1.8rem, 4vw, 1.8rem);
color:var(--cor-primaria);
line-height:1.1;
margin-bottom:2rem;
}
.containerTexto h2{
font-family:'Montserrat';
}
.containerTexto p,
.divAulas p,
.escolaLv2-aula p{
font-family:'Montserrat';
font-size:1rem;
line-height:1.8;
font-weight:500;
color:#fff;
margin-bottom:1.5rem;
}
.textoPython{
font-weight:400;
}
.horario{
font-size:1rem;
font-weight:700;
color:var(--cor-primaria);
}
.tituloEncontro,
.dataEncontro{
font-size:1.1rem;
font-weight:700;
color:#93f7dc;
}
.informacoesEncontro{
font-size:.9rem;
font-weight:400;
} .containerInscricao{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:4rem;
padding:2rem 0;
}
.containerTexto{
flex:1;
max-width:700px;
}
.containerTextoMobile{
padding:0;
}
.containerInformacoesAdicionais{
margin-top:2rem;
padding-top:2rem;
border-top:1px solid rgba(255,255,255,.15);
}
.containerInformacoesAdicionais span{
display:block;
margin-top:1rem;
color:#fff;
font-size:.95rem;
line-height:1.6;
font-family:'Montserrat';
} .glass-card,
.containerFormulario,
.divAulas,
.escolaLv2-aula{
backdrop-filter:blur(10px);
background:var(--glass-bg);
border:var(--glass-border);
border-radius:var(--radius);
box-shadow:var(--shadow);
} .containerFormulario{
width:100%;
max-width:480px;
padding:3rem;
text-align:center;
}
.containerFormulario p{
font-size:1.7rem;
font-weight:700;
text-align:center;
margin-bottom:2rem;
color:#fff;
}
.containerFormularioQR{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:2rem;
} #mauticform_input_inscricaoescoladeprogramadoresframework_nome,
#mauticform_input_inscricaoescoladeprogramadoresframework_whatsapp_com_ddd,
#mauticform_input_inscricaoescoladeprogramadoresframework_email {
font-family:'Montserrat';
font-size:1rem;
color:#909090;
border-radius:14px;
padding:12px 16px;
} #mauticform_input_inscricaoescoladeprogramadores_realizar_inscricao,
#mauticform_input_inscricaoescoladeprogramadoresframework_realizar_inscricao,
#mauticform_input_circulodeestudospython_submit,
#mauticform_input_escoladecyberseguranca_submit,
#mauticform_input_circulodeestudosalgoritmos_submit,
#mauticform_input_escoladeprogramadoresnivel2_submit,
#mauticform_input_escoladeprogramadoresnivel3_realizar_inscricao,
#mauticform_input_escoladeaplicativosmobile_realizar_inscricao{
width:100%;
border:none;
border-radius:14px;
padding:14px 20px;
font-size:1.1rem;
font-weight:700;
font-family:'Montserrat';
color:var(--cor-texto);
background:var(--cor-secundaria);
transition:
transform .25s ease,
background .25s ease,
box-shadow .25s ease;
margin-top:1.5rem;
}
#mauticform_input_inscricaoescoladeprogramadoresframework_realizar_inscricao:hover,
#mauticform_input_circulodeestudospython_submit:hover,
#mauticform_input_escoladecyberseguranca_submit:hover,
#mauticform_input_circulodeestudosalgoritmos_submit:hover,
#mauticform_input_escoladeprogramadoresnivel2_submit:hover,
#mauticform_input_inscricaoescoladeprogramadores_realizar_inscricao:hover,
#mauticform_input_escoladeprogramadoresnivel3_realizar_inscricao:hover,
#mauticform_input_escoladeaplicativosmobile_realizar_inscricao:hover{
transform:translateY(-2px);
background:#9736ff;
cursor:pointer;
} .containerAulas,
.escolaLv2-container{
max-width:950px;
margin:5rem auto 0;
}
.tituloAulas,
.escolaLv2-titulo{
font-size:1.5rem;
text-align:center;
margin-bottom:2rem;
}
.divAulas,
.escolaLv2-aula{
padding:1.2rem 1.4rem;
margin-bottom:1.2rem;
transition:
transform .3s ease,
background .3s ease,
box-shadow .3s ease;
}
.divAulas:hover,
.escolaLv2-aula:hover{
transform:translateY(-3px);
box-shadow:
-3px 15px 70px rgba(0,0,0,1);
}
.divAulas h4,
.escolaLv2-aula h4{
cursor:pointer;
font-size:1rem;
font-weight:700;
margin:0;
padding:.5rem 0;
color:#fff;
}
.divAulas p,
.escolaLv2-aula p{
display:none;
margin-top:1rem;
margin-bottom:0;
}
.divAulas.open p,
.escolaLv2-aula.open p{
display:block;
} .displayTitulo{
display:flex;
align-items:center;
gap:1rem;
}
.divTituloPython{
display:flex;
flex-direction:column;
align-items:center;
margin-bottom:3rem;
}
.iconPython{
width:100px;
margin-bottom:1rem;
}
.widthMobile{
width:100%;
height:100%;
}
.logoWidthMobile{
width:25%;
}
.textoAlgotimosCirculo{
text-align:left !important;
}
.TituloCirculoAlgoritimo,
.escolaaplicativos{
font-size:2.3rem !important;
}
.container_escola_mobile{
margin-top:0 !important;
}
.c-qr-code-unintese{
display:none;
} .divTitulo {
text-align: center;
}
.img-principal {
width: 50%;
height: auto;
}
.info-professor p{
margin:0;
line-height:1.6;
font-size:1rem;
text-align:left !important;
}
.img-professor-pequena{
width:136px;
height:130px;
object-fit:cover;
border-radius:2rem;
} @media (max-width: 992px){
.containerInscricao{
flex-direction:column;
gap:3rem;
}
.containerTexto,
.containerFormulario{
max-width:100%;
width:100%;
}
.containerAulas,
.escolaLv2-container{
max-width:100%;
margin-top:4rem;
}
}
@media (max-width: 768px){
.backgroundEscolaProgramadores,
.backgroundEscolaAplicativosMobile,
.backgroundCirculoPython{
padding:4rem 0;
background-attachment:scroll;
}
.containerInscricao{
gap:2rem;
padding:1rem 0;
}
.containerFormulario{
padding:2rem 1.5rem;
}
.containerFormulario p{
font-size:1.4rem;
}
.containerTexto h1{
font-size: 1.8rem;
text-align: center;
line-height: 1.5;
}
.containerTexto p{
font-size:.95rem;
line-height:1.7;
}
.logoWidthMobile{
width:40%;
}
.widthMobile{
width:85%;
}
.img-professor-pequena{
width:100%;
height:auto;
aspect-ratio:4/4;
}
}
@media (max-width: 576px){
.containerFormulario{
border-radius:1.5rem;
}
.divAulas,
.escolaLv2-aula{
padding:1rem;
}
.tituloAulas,
.escolaLv2-titulo{
font-size:1.2rem;
}
}