/*** LP ***/
.lp-body{
font-family: 'Campuni Demo', sans-serif;
}
.bg-linear-roxo{
background: rgb(59, 74, 255);
background: linear-gradient(90deg, rgba(59, 74, 255, 1) 0%, rgba(146, 133, 249, 1) 100%);
}
.cta-roxo span{
font-size:29px;
}
.font-campuni-acentuacao , s{
font-family: "Alegreya Sans", serif;
font-size: 106%;
}
s{text-decoration: none;}
.tp, .lp{
background: #DDDDDD;
font-family: 'Campuni Demo', sans-serif;
}
.lp{
background: url(https://image.divulga.sebraeto.com.br/lib/fe3711727364047f741c70/m/1/dddd69ca-14ad-4802-a410-f7dc9c0f9d9a.png) #ddd;
background-repeat: no-repeat;
background-position: center;
height: 700px;
}
.lp h1 img{
margin-top: 2em;
}
#header.lp .container{
padding: 0;
}
/* cta-prox-turmas*/
.cta-prox-turmas{
text-align: center;
padding: 60px 0 80px;
}
.cta-prox-turmas h2{
color: #3B49FF;
font-size: 35px;
font-weight: 700;
}
.cta-prox-turmas .cta{
background: #B6AEF9;
border-color: #B6AEF9;
border-radius: 90px;
color: #121212;
font-size: 35px;
width: fit-content;
margin: 50px auto auto;
cursor: text;
padding: 47px 70px;
}
/* faq */
.faq h2{
text-align: center;
}
.accordion{
padding: 0 200px;
margin-bottom: 70px;
}
.accordion-button{
background-color: #3B4AFF;
color: #fff;
font-size: 26px;
padding-left: 55px;
border-radius: 30px;
}
.accordion-button:hover{
background: #6567fc;
}
.accordion-item{
margin-bottom: 30px;
border: none;
}
.accordion-button:not(.collapsed){
color: #fff;
background-color: #3B4AFF;
}
.accordion-item:first-of-type>.accordion-header .accordion-button{
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{
border-radius: 30px;
}
.accordion-button:not(.collapsed){box-shadow: none;}
.accordion-body{margin-top: 10px;font-size: 18px;}
.accordion-button:not(.collapsed)::after, .accordion-button::after{
background-image: url(https://9mm.com.br/wp-content/uploads/2024/11/accordion-icon-arrow-down.svg);
background-repeat: no-repeat;
background-position: center;
}
/* form */
.msgs-validacao {  
display: block;
}
.msgs-validacao span {
font-size: 13px;
font-weight: 600;
}
.erro {
background-color: #FFE4E1;
border-color: red;
}
.valido {
background-color: #F1F1F1;
border-color: green;   
}
.form-control:focus,
.form-select:focus {
border-color: #020E40;
outline: none;
box-shadow: none;
}
input:focus {
outline: none;
}
#msgCelInvalido,.feedback{
display: none;
}
#msgCelInvalido,.feedback,.dadoInvalido {
font-size: 14px;
/*color: red;  */
color: #fff;
padding: 0;
margin: 5px 0 0 0;
font-weight: 600;
background: transparent;
}
#form-salesforce .label {
display: inline-block;
width: 100%;
}
.formulario .politica-privacidade input{
position: absolute;
left: 0;
display: none;
}
.form-section{ 
padding: 40px 0 25px;
color: #fff;
}
#form a{
color: #fff; 
}
.formulario{
background: #3B4AFF;
padding: 40px 35px;
border-radius: 20px;
box-shadow: 2px 10px 18px rgba(0,0,0,0.1);
}
#botao{
width: 100%;
background: #fff;
color: #3B4AFF;
font-weight: 600;
font-size: 19px;
}
#botao:hover{
background: #222fcb;
color: #fff;
}
.formulario h3,.politica-privacidade, .spam{text-align: center;}
.politica-privacidade{
padding-bottom: 14px;
font-size: 13px;
}
.spam{
margin: 0;
line-height: 18px;
font-size: 14px;
}
#form form{padding-bottom: 22px;}
.form-label{display: none;}
.texto{
font-size: 22px;
}
.item {
margin-bottom: 40px;
}
.item:first-of-type{
margin-top: 3em;
}
.lider-item{
text-align: center;
transition: .5s;
}
.lider-item img{
width: 100%;
}
.lider-item:nth-of-type(1) img{
width: 202px;
height: 290px;
}
.lider-item:nth-of-type(2) img{
width: 304px;
height: 290px;
}
.lider-item:nth-of-type(3) img{
width: 224px;
height: 290px;
}
.lider-item:nth-of-type(4) img{
width: 285px;
height: 290px;
}
.lider-item:hover{
margin-top: -8px;
transform: scale(1.02);
}
.legenda-lider{
display: flex;
justify-content: center;
flex-direction: column;
}
/* SCTN WORKSHOPS */
.secao-workshops{
background: #DDD;
padding: 50px 0;
}
.secao-workshops .btn{
background: #3B49FF;
border: none;
font-size: 19px;
padding: 7px 45px;
font-weight: 500;
}
.title-work{
font-size: 30px;
width: 50%;
text-align: center;
font-weight: 400;
margin: auto;
}
.evento-item{
background: url(https://9mm.com.br/wp-content/uploads/2024/11/bg-bloco-workshop.svg);
color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
text-align: center;
padding: 25px 45px;
height: 196px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;    
}
.animacao-escala{
transition: .5s;
}
.animacao-escala:hover{
transform: scale(1.1);
}
.titulo-evento{
font-size: 26px;
font-weight: 600;
margin-bottom: 13px;
line-height: 30px;
}
.desc-evento{font-size: 17px;}
.cta-roxo{
background: url(https://9mm.com.br/wp-content/uploads/2024/11/bg-cta-roxo.svg);
margin: auto;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
padding: 60px 106px;
padding-right: 72px;
}
/* FIM */
/* DEPOIMENTOS */
.secao-depoimentos{
color: #fff;
padding: 50px 0;
margin-bottom: 30px;
}
.secao-depoimentos h2{
font-size: 29px;
}
.secao-depoimentos .btn{
margin-top: 20px;
background: #fff;
color: #3B4AFF;
font-weight: 500;
border: none;
padding: 7px 45px;
font-size: 19px;
}
.conteudo-depo-wrapper{
height: 208px;
}
.div-skew{
background: #fff;
transform: skewX(-12deg);
width: 470px;
height: 208px;
margin: 31px 0 0 -17px;
}
.conteudo-depo{
color: #3B4AFF;
width: 390px;
font-size: 16px;
top: -182px;
left: 39px;
position: relative;
z-index: 1000;
gap: 16px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.depo-img-dir{
flex-direction: row-reverse;
}
.depo-img-dir .div-skew{
margin: 31px -68px 0 0;
}
.depo-img-dir .conteudo-depo{
top: -171px;
left: 21px;
text-align: right;
}
/* FIM */
/*** TP ***/
.tp h2{
font-size: 35px;
font-weight: 700;
color: #3B4AFF;
margin-bottom: 15px;
margin-top: 80px;
}
#header .container{
padding: 120px 0 90px;
}
#header p{
font-size: 22px;
line-height: 27px;
}
.compartilhar{
padding-top: 20px;
color: #3B4AFF;
}
.social-network{
margin-top: 22px;
margin-bottom: 0rem;
}
.social-network ul{
margin: 0;
padding: 0;
list-style: none;
}
.social-network ul li{
margin: 0 0 0 0px;
padding: 0;
text-decoration: none;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.social-network ul li a{
text-decoration: none;
height: 33px;
width: 33px;
/* background: #fff; */
border-radius: 50px;
display: inline-block;
padding: 0;
text-align: center;
margin: 0 1rem 0 0;
}
.social-network ul li a svg{
width: 100%;
display: inline-block;
height: 100%;
margin: 0;
text-align: center;
padding: 5px;
}
error {
color: red;
font-size: 0.9em;
}
.valid {
border-color: green;
}
.invalid {
border-color: red;
}
@media screen and (min-width: 1200px) {
.container{
max-width: 1190px;
}
}
/** Footer **/
footer {
background: #3B4AFF;
padding: 40px 0;
}
footer figure{
margin: 0;
}
footer.typ{
background: #0A216D;
position: relative;
z-index: 0;
padding: 3rem 0;
}
.contato p{
margin: 0;
padding: 0;
box-sizing: border-box;
color: #fff;
text-align: center;
line-height: 1.3;
font-family: "Almarai", sans-serif;
font-weight: 700;
}
.contato p a {
font-size: 20px;
display: inline-block;
color: #fff;
width: 100%;
font-weight: 700;
text-decoration: none;
}
.social-list {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
}
.social-list li{
text-decoration: none;
list-style: none;
border: none;
padding: 0 0.375rem;
}
.social-network {
margin-top: 1rem;
margin-bottom: 0rem;
}
.social-network ul{
margin: 0;
padding: 0;
list-style: none;
}
.social-network ul li {
margin: 0 0 0 0px;
padding: 0;
text-decoration: none;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
/* animacoes */
.w3-spin {
animation: w3-spin 2s infinite linear
}
@keyframes w3-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(359deg)
}
}
.w3-animate-fading {
animation: fading 10s infinite
}
@keyframes fading {
0% {
opacity: 0
}
50% {
opacity: 1
}
100% {
opacity: 0
}
}
.w3-animate-opacity {
animation: opac 0.8s
}
@keyframes opac {
from {
opacity: 0
}
to {
opacity: 1
}
}
.w3-animate-top {
position: relative;
animation: animatetop 0.4s
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0
}
to {
top: 0;
opacity: 1
}
}
.w3-animate-left {
position: relative;
animation: animateleft 0.4s
}
@keyframes animateleft {
from {
left: -300px;
opacity: 0
}
to {
left: 0;
opacity: 1
}
}
.w3-animate-right {
position: relative;
animation: animateright 0.4s
}
@keyframes animateright {
from {
right: -300px;
opacity: 0
}
to {
right: 0;
opacity: 1
}
}
.w3-animate-bottom {
position: relative;
animation: animatebottom 0.4s;
}
.lp .w3-animate-bottom{
animation: animatebottom 0.9s;
animation-delay: 1s;
}
@keyframes animatebottom {
from {
bottom: -300px;
opacity: 0
}
to {
bottom: 0;
opacity: 1
}
}
.w3-animate-zoom {
animation: animatezoom 0.6s
}
@keyframes animatezoom {
from {
transform: scale(0)
}
to {
transform: scale(1)
}
}
/* **** RESPONSIVO **** */
/* DESKTOP */
@media (min-width:1400px){}
@media (min-width:1200px){}
/* TABLET */
@media only screen and (min-width:768px){}
/* MOBILE */
@media only screen and (max-width:480px){
/* LP */
.lp{
background-position: center bottom;
background-size: contain;
background-size: 94%;
height: 455px;
}
.lp h1{text-align: center;}
.lp h1 img{margin-top: 40px;}
.form-section{
padding: 40px 25px 42px;
}
.form-section h2{
font-size: 22px!important;
}
.legenda-lider{
font-size: 25px;
}
.lider-item:nth-of-type(2) img{
width: 289px;
height: 240px;
}
.lider-item:nth-of-type(3) img{margin-top: 22px;}
.item{flex-direction: column;}
.texto{margin-top: 25px;}
.formulario h3{margin-bottom: 20px;}
.secao-workshops{padding: 40px 0px;}
.title-work{width: 100%;}
.titulo-evento{
font-size: 21px;
margin-bottom: 0;
line-height: 28px;
}
.desc-evento{font-size: 15px;}
.evento-item{
height: auto;
padding: 24px 30px;
background: #3B49FF;
}
.cta-roxo{
padding: 25px;
padding-right: 25px;
background: #B6AEF9;
margin-top: 26px;
}
.cta-roxo .d-flex{
flex-direction: column;
gap: 12px;
}
.secao-workshops .btn{
margin-top: 15px;
}
.cta-prox-turmas{
padding: 32px 10px 46px;
}
.cta-prox-turmas .cta{
font-size: 28px;
padding: 16px 45px;
margin: 40px auto auto;
}
.cta-prox-turmas h2{
font-size: 30px;
}
.secao-depoimentos{
padding: 40px 20px 50px;
}
.secao-depoimentos .animacao-escala{
flex-direction: column;
}
.secao-depoimentos .animacao-escala img{
margin-bottom: -70px;
z-index: 10;
position: relative;
}
.conteudo-depo-wrapper{
height: auto;
}
.div-skew{display: none;}
.conteudo-depo{
width:100%;
font-size: 16px;
position: static;
background: #fff;
padding: 93px 25px 25px;
border-radius: 82px 0 0 0;
}
.accordion{padding: 0 9px;margin-bottom: 0;}
.accordion-item{margin-bottom: 15px;}
.faq{padding-bottom: 15px;}
.accordion-button{
padding-left: 20px;
font-size: 18px;
line-height: 28px;
flex-direction: row;
/* flex-wrap: wrap; */
}
.accordion-body{
line-height: 26px;
}
/* TP */
#header .container{
padding: 40px 30px 0;
}
.tp h2{margin-top: 40px;}
.social-network{
margin-top: 2rem;
margin-bottom: 3rem;
}
footer .row{
gap: 29px;
}
}