/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.marker {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 0 -0.25em #5da57d;
    box-shadow: inset 0 -0.25em #5da57d;
    color: #ffffff;
    display: inline-block;
    -webkit-transition: all .2scubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .2scubic-bezier(0.645, 0.045, 0.355, 1);
}

.stretched #wrapper {
    overflow: hidden;
}



div#wrapper {
    background: #121212;
}



.content-wrap {
    padding: 0;
}



h1, h2, h3, h4 {font-family:'Montserrat', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; margin-bottom:0;}




p, li {
	font-family: 'Lato', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	line-height: 25px !important;
	margin-bottom: 0;		
    color: #ffffff;
}


h1 {
    font-size: 35px;
    color: #ffffff;
    line-height: 43px;
    text-transform: uppercase;
    font-weight: 700;
}


h2 {
    font-weight: 500;
    font-size: 50px;
    line-height: 55px;
    color:#ffffff;
}



.text-green {
    color: #5da57d !important;
}



.btn {
    width: 300px;
    padding: 17px 24px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
    border: none;
    border-radius: 12px;
    color: #fff !important;
    background: #5da47d;
    background: linear-gradient(90deg, rgba(93, 164, 125, 1) 44%, rgba(173, 241, 231, 1) 100%);
}





#header {
    background: #202623;
    background: linear-gradient(90deg, rgba(32, 38, 35, 1) 0, rgb(93 165 125) 50%, rgba(32, 38, 35, 1) 100%);
}




#hero {
    background: url(../images/cf-vg-header-.jpg) no-repeat right center;
    background-size: cover;
    height: 720px;
    display: flex;
    align-items: center;
}


#hero a {
    background: #5da57d;
}


#oferta a {
    background: #000000;
}


/* ----------------------------------------------------------------
OFERTA
-----------------------------------------------------------------*/

#oferta{margin-top:-20px;}

#oferta .container {
    background: url(../images/bg.jpg) no-repeat center center;
    background-size: cover;
    border-radius: 10px;
    padding: 45px 0;
    background-position: left center;
}

.preco {
    background-color: #5da57d;
    color: #fff;
    padding: 25px 30px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 1px 2px 1px #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 420px;
    margin: 0 auto;
}






.preco h2 {
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 24px;
    border-bottom: 1px solid #00000069;
    color: #000000;
    width: 100%;
    padding-bottom: 13px;
    line-height: 25px;
    font-weight: 700;
}




#oferta ul {
    list-style-type: none;
    padding: 0;
}

#oferta ul li {
    background-image: url(../images/cf-vg-check.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 0 10px;
    padding-left: 32px;
}


#oferta li {
    padding: 8px 0;
    border-bottom: 1px solid #00000052;
}



.desconto {
    background: #cf5622;
    border-radius: 5px;
    font-weight: 700;
}




.moeda span {
    font-size: 50px;
    font-weight: 800;
    line-height: 50px;
    letter-spacing: -2px;
}




/* ----------------------------------------------------------------
AULAS
-----------------------------------------------------------------*/

a img {
    border: none;
    cursor: pointer;
    border-radius: 8px;
}

#aulas a {
    background: #5da57d;
}


#aulas h4 {
    color: #5da57d;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}





/* ----------------------------------------------------------------
CASAFOLHA
-----------------------------------------------------------------*/

#casafolha .container {
    background: #5da57d;
    border-radius: 10px;
    padding: 45px;
    margin: 30px auto 0;
}

#casafolha h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 37px;
    color:#ffffff;
}

#casafolha h3 {
    font-size: 18px;
    line-height: 23px;
}

#casafolha ul {
    list-style-type: none;
    padding: 0;
}

#casafolha ul li {
    background-image: url(../images/cf-vg-check-green.png);
    background-repeat: no-repeat;
    background-size: 13px 11px;
    background-position: 0px 11px;
    padding-left: 32px;
}

#casafolha li {
    padding: 3px 0;
}


.oferta span {
    text-decoration: line-through;
}

.oferta .destaque {
    text-decoration: none;
    color: #5da57d;
    font-size: 36px;
}



/* ----------------------------------------------------------------
MENTORES
-----------------------------------------------------------------*/

.owl-carousel .owl-item img {
    border-radius: 12px;
}

#mentores .owl-carousel h2 {
    font-size: 18px;
    line-height: 22px;
    text-transform: none;
    color:#5da57d;
}

#mentores .owl-carousel h3 {
    font-size: 18px;
    color: #ffffff;
}
#mentores .owl-carousel P {
    font-size: 15px;
}



.clamp-text {
    display: -webkit-box; /* Necessário para o comportamento de caixa flexível */
    -webkit-box-orient: vertical; /* Define a orientação do box */
    overflow: hidden; /* Esconde o texto excedente */
    text-overflow: ellipsis; /* Adiciona os "..." ao final */
    -webkit-line-clamp: 4; /* Define o número máximo de linhas */
}



.modal-content {
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: #5da57d;
    background-clip: padding-box;
    border-radius: var(--bs-modal-border-radius);
}


/* ----------------------------------------------------------------
FAQ
-----------------------------------------------------------------*/


.accordion-bg .accordion-header {
    background-color: transparent;
    padding: var(--cnvs-toggle-content-padding);
    border-radius: 10px;
    margin: 0;
    margin-bottom: 10px;
    border-top: 0;
    border: 1px solid #5da57d;
}


.accordion-title {
    color:#ffffff;
    font-weight: 500;
}


.faq-text {
    font-size: 16px;
    line-height: 23px !important;
}


.icon-ok-circle {
    content: url(../images/cf-vg-icon-check-circle.png);
    vertical-align: middle;
    margin-top: -2px;
}


.icon-remove-circle {
    content: url(../images/cf-vg-icon-close-circle.png);
    vertical-align: middle;
    margin-top: -2px;
}


#duvidas ul li {
    list-style: none;
    background-image: url(../images/cf-vg-icon-check-circle.png);
    background-repeat: no-repeat;
    background-size: 16px 18px;
    background-position: 0px 8px;
    padding-left: 32px;
    font-size: 16px;
    line-height: 23px;
    vertical-align: middle;
}


#duvidas li {
    padding: 4px 0;
}


/* ----------------------------------------------------------------
OWL
-----------------------------------------------------------------*/


.owl-prev, .owl-next {
    opacity: 1 !important; /* Garante que as setas fiquem visíveis */
    visibility: visible; /* Torna as setas sempre visíveis */
    background-color: rgba(0, 0, 0, 0.5); /* Fundo para melhor contraste */
    color: #fff; /* Cor do ícone/texto */
    padding: 10px; /* Tamanho do botão */
    border-radius: 50%; /* Forma circular */
    transition: all 0.3s ease; /* Suaviza as transições */
}

.owl-prev:hover, .owl-next:hover {
    background-color: #007bff; /* Destaque ao passar o mouse */
    color: #fff; /* Mantém o ícone branco */
}

/* Adicional para ajustar o posicionamento */
.owl-prev {
    position: absolute;
    left: -130px; /* Ajusta a posição para a esquerda */
}

.owl-next {
    position: absolute;
    right: -130px; /* Ajusta a posição para a direita */
}


.owl-carousel:hover .owl-nav .owl-prev {
    background: #5da57d;
    left: -36px;
}


.owl-carousel:hover .owl-nav .owl-next {
    background: #5da57d;
    right: -36px;
}


i.uil.uil-angle-left-b:before {
    content: url("../images/arrow-left-mob.png");
    margin-left: 0px;
    margin-top: 9px;
    height: 27px;
    width: 29px;
    display: block;
}


i.uil.uil-angle-right-b:before {
    content: url("../images/arrow-right-mob.png");
    margin-left: 0px;
    margin-top: 9px;
    height: 27px;
    width: 29px;
    display: block;
}


/* ----------------------------------------------------------------
DEPOIMENTOS
-----------------------------------------------------------------*/


#depoimentos .oc-item {
  background: #5da57d;
  padding: 25px;
  border-radius: 6px;    
  display: flex;
  flex-direction: column; /* Permite que os itens se empilhem verticalmente */
}



#depoimentos h3 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}


#depoimentos .quote-img {
    width: 60px;
}

.depoimento {
    font-size: 22px;
    line-height: 28px !important;
}

.owl-custom-nav{
    gap:5px;
}



/* ----------------------------------------------------------------
BTN FIXED
-----------------------------------------------------------------*/


.btn-fixed {
	border-radius:15px;
    position: fixed;
    background-color: #1b1b1b;
    bottom: 25px;
    right: 25px;
    color: #1c1c1c;
    font-size: 15px;
    padding: 5px;
    z-index: 10000;
    font-weight: 700;
    line-height: 18px;
    -webkit-box-shadow: 0px 14px 39px -13px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 0px 14px 39px -13px rgba(0, 0, 0, 0.58);
    box-shadow: 0px 14px 39px -13px rgba(0, 0, 0, 0.58);
}


/* ----------------------------------------------------------------
FOOTER BLACK
-----------------------------------------------------------------*/

hr {
    margin: 1rem 0;
    color: #cccccc;
    opacity: 0.4;
}

footer {
    background: #1b1b1b;
    border: none !important;
}

div#copyrights {
    background: #1b1b1b;
}


#copyrights {
    padding: 50px 0;
    font-size: 0.875rem;
    line-height: 1.8;
}


footer p {
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
}

p.fone {
    margin: 0 0 6px;
    font-size: 20px;
}

footer h3 {
	color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 40px;
	line-height: 22px;
}

.icon-social {
    margin-right: 15px;
}

p.legal {
    font-size: 13px;
    line-height: 16px !important;	
    margin-top: 35px !important;
    width: 70%;
}

.social-icons {
    margin-bottom: 40px;
}

.chat a {
    color: #ffffff;
}



/* ----------------------------------------------------------------
JURÍDICO
-----------------------------------------------------------------*/

#juridico p {
    font-size: 13px;
    line-height: 16px !important;

}



/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    
    
    
.btn-fixed {
    position: fixed; /* Mantém o botão fixo na posição */
    right: 51%; /* Centraliza horizontalmente */
    transform: translate(50%, 0); /* Ajusta o ponto de ancoragem para o centro */
    z-index: 9999; /* Garante que o botão fique acima de outros elementos */
}        
    
    .w-75{width: 95% !important;}
    .w-50{width: 95% !important;}    
    
#hero {
        background: #121212;
        padding: 10px 20px 0;
        height: auto;
    }
    
h1 {
        font-size: 32px;
        line-height: 40px;
    }

    
#oferta {
    margin-top: 0px;
}    
    
#oferta .container {
    background: #121212;
    padding:0;
}    
    
    
#mentores h2 {
    font-size: 43px;
    line-height: 49px;
}    
    
.preco {
    background-color: #5da57d;
    padding: 25px 30px;
    width: 90%;
}  
    
    
.owl-nav {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 35%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 10;
}    
    
    
.owl-carousel .owl-nav .owl-next {
    left: auto;
    right: -8px;
}
    
.owl-carousel .owl-nav .owl-prev {
    left: 8px;
    right: auto;
}   
    
.owl-carousel:hover .owl-nav .owl-prev {
    background: #5da57d;
    left: 0px;
}


.owl-carousel:hover .owl-nav .owl-next {
    background: #5da57d;
    right: 0px;
}  
        
    

#aulas h2, #depoimentos h2, #duvidas h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
}
    
    
#casafolha .container {
    padding: 20px 25px;
    margin: 0px auto 30px;
    width: 90%;
}   
    
    
#casafolha h2 {
    font-weight: 500;
    font-size: 29px;
    line-height: 34px;
    color: #ffffff;
}
    
    
#copyrights {padding: 20px 20px;}	
    
    
	
}


@media (min-width: 1200px) and (max-width: 1400px) {
  /* Estilos para telas com largura entre 1200px e 1400px */
  #hero {background-position-x: 80%;}    
}



@media screen and (min-width: 600px) and (max-width: 768px) and (orientation: portrait) {
    /* Estilos para tablets na vertical */
    #hero {background: none; height: 510px;}
    #aulas .col-12 {text-align: center;}   
    
    .preco {
    background-color: #5da57d;
    padding: 25px 30px;
    width: 90%;
}  
 
}


@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) {
  /* Estilos para o iPad Pro vertical em modo portátil */
    #hero {background-size: contain;}
}



/* Media query para iPad Pro vertical em modo retrete */
@media only screen and (min-device-width: 600px) and (max-device-width: 863.33333px) and (orientation: portrait){
  /* Estilos para o iPad Pro vertical em modo retrete */
#hero {background-size: contain;}

}