.elementor-1354 .elementor-element.elementor-element-34181fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//*resolver problemas com scrollbar*/
html, body{
    overflow-x: hidden;
}

[data-elementor-type="wp-page"]{
    overflow: hidden;
}

body.elementor-page-1354 svg{
    height: unset !important;
}

body.elementor-page-1354{
    text-wrap: balance !important;
}

/*impedir seleção de textos e imagens*/
*{
    user-select: none !important;
}

/*linhas fixas*/
.container-linhas{
    display: flex;
    justify-content: space-evenly;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    pointer-events: none;
    z-index: 3;
}

.linhas{
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 5px, transparent 5px, transparent);
    background-size: 100% 10px;
    position: relative;
}

/*destaque em textos*/
.destaque{
    color: #ffffff;
    font-weight: 600;
}

/*estilo de textos de descrição*/
.descricao{
    display: block;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0;
    font-weight: 400;
    color: #B8B8B8;
}


/*cursor personalizado no hover*/
a:hover, .elementor-custom-embed-image-overlay, iframe, .e-n-accordion-item *, .botao-discord, .whatsapp:hover, .email:hover {
    cursor:url('https://ciparoni.com/wp-content/uploads/2023/12/cursor-hover.svg'), auto !important;
}


/*remover barra de rolagem*/
::-webkit-scrollbar{
    display: none;
}


/*botão*/
.botao .elementor-button{
    box-shadow: 0px 9px 30px 0px rgba(255, 255, 255, 0.28);
    position: relative;
    z-index: 1;
}

.botao::before{
    content:"";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border: 1px solid #808080;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    transition: 0.3s;
    pointer-events: none;
    z-index: -1;
}

.botao:hover::before{
    width: 100%;
    height: 100%;
}

.botao:hover .elementor-button{
    transition: 1s 0.3s;
    color: #777 !important;
    box-shadow: 0px 0px 300px 10px #ffffff70;
}

.botao .elementor-button-icon,
.botao .elementor-button-icon svg{
    transition: 0.5s !important;
}

.botao:hover .elementor-button-icon{
    transform-origin: center;
    transform: rotate(45deg);
}

.botao:hover .elementor-button-icon svg{
    transform-origin: center;
    animation: seta 1s infinite;
}

.botao .elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}

@media(min-width: 1025px) and (max-width:1026px){
    .botao .elementor-button-text{
        white-space: nowrap;
    }
}

@media(max-width:767px){
    .botao .elementor-button-text{
        font-size: 14px;
        text-wrap: balance;
    }
    
    .botao .elementor-button-icon{
        display: none;
    }
}

@keyframes seta{
    0%, 100%{
        transform: translate(0px, 0px);
    }
    50%{
        transform: translate(10px, -10px);
    }
}


/*fotos alunos*/
.aluno{
    position: relative;
    margin-left: -20px;
    transition: 0.5s;
}

.aluno:hover{
    transform: translatey(-10px)
}


/*título cards depoimentos*/
.depoimento{
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
    line-height: 1.5em;
    text-wrap: balance;
}

/*grid depoimentos masonry*/
.grid-sizer,
.grid-item {
    width: 413px;
    margin-bottom: 20px !important;
}

/*estilo cards degradê radial*/ 
.card{
    position: relative;
    z-index: 2;
}
.card *{
    position: relative;
    z-index: 1;
}

.card::before,
.card::after{
    position: absolute;
    content: "";
    border-radius: 20px;
    background: 
    radial-gradient(105.21% 80.83% at 50% 139.64%, #47474790 0%, rgba(255, 255, 255, 0.00) 100%),
    radial-gradient(71.2% 56.16% at 39.65% 8.34%, #47474740 0%, rgba(255, 255, 255, 0.00) 100%),
    radial-gradient(44.99% 44.08% at 32.68% 3.28%, #47474720 0%, rgba(217, 217, 217, 0.00) 100%), 
    #0d0d0d;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.card::before{
    background: linear-gradient(to bottom, #ffffff30 0%, #07090C 70%);
    width: 100%;
    height: 100%;
}


/*quadrados nos cantos*/
.dot{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fff;
}

.dot1{
    top: -3px;
    left: -3px;
}

.dot2{
    top: -3px;
    right: -3px;
}

.dot3{
    bottom: -3px;
    left: -3px;
}

.dot4{
    bottom: -3px;
    right: -3px;
}

/*estilos textos dados*/
.subtitulo1,
.subtitulo2,
.fonte{
    display: block;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -1.5px;
    line-height: 1.5em;
    color: #B8B8B8;
    margin-bottom: 20px;
}

.subtitulo2{
    margin-top: 20px;
    color: #FF9A42;
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
}

.fonte{
    font-size: 14px;
    color: #656565;
    margin-top: 20px;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

/*para quem é*/
.mini-card .elementor-widget-container::after{
    position: absolute;
    content: "";
    border-radius: 20px;
    background: radial-gradient(105.21% 80.83% at 50% 139.64%, #ffffff10 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(71.2% 56.16% at 39.65% 8.34%, #ffffff30 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(44.99% 44.08% at 32.68% 3.28%, #ffffff20 0%, rgba(217, 217, 217, 0.00) 100%), #160142;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    opacity: 0;
    transition: 0.5s;
}

.mini-card .elementor-widget-container:hover::after{
    opacity: 1;
}

.mini-card .elementor-widget-container{
    padding: 3rem 2rem;
}

.mini-card .elementor-widget-container::before{
    content:"";
    height: 5px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 2em;
    background: #FFBEF9;
    z-index: 3;
}

.mini-card {
    width: 360px;
    border-radius: 16px;
    transition: .2s;
}

.mini-card {
    box-shadow: -2rem 0 3rem -2rem #07090C;
}

.mini-card:focus-within,
.mini-card:hover {
    transform: translateY(-1rem) rotate(3deg);
}

.mini-card:focus-within ~ .mini-card,
.mini-card:hover ~ .mini-card {
    transform: translateX(130px);
}

.mini-card:first-child:focus-within,
.mini-card:first-child:hover {
    transform: translate(-.5rem, -1rem) rotate(3deg);
}

.mini-card {
    margin-left: 0px;
    box-shadow: -3rem 0 3rem -2rem #07090C;
}

.mini-card:not(:first-child) {
    margin-left: -130px;
    box-shadow: -2rem 0 3rem -1.5rem #07090C;
}

@media (max-width:1200px) {
    .mini-card:not(:first-child) {
        margin-left: 0px;
    }
    .mini-card:hover {
        transform: translateY(-1rem);
    }
    .mini-card:hover ~ .mini-card {
        transform: translateX(10px);
    }
}


/*sombra ícones ILIOS*/
.ilios .elementor-image-box-img{
    filter:
        drop-shadow(0px 0px 30px #110E12)
        drop-shadow(10px 0px 30px #110E12)
        drop-shadow(-10px 0px 30px #110E12);
    position: relative;
    z-index: 0;
}

@media(max-width: 1024px){
    .ilios .elementor-image-box-img{
    filter:
        drop-shadow(0px 0px 20px #110E12)
        drop-shadow(0px 10px 20px #110E12)
        drop-shadow(0px -10px 20px #110E12);
    }
}


.ilios .elementor-image-box-title,
.ilios .elementor-image-box-description{
    position: relative;
    z-index: 1;
}


/*tag bonus*/
.tag-bonus{
    color: #FF9A42;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.2475rem;
    padding: 10px 20px;
    background: #1a171d;
    border-radius: 100px;
    margin-right: 20px;
    border: none !important;
    border-top: 1px solid #FFFfff10 !important;
}

/*preço bonus*/
.preco-bonus{
    color: #B8B8B8;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    position: relative;
}

.bonus{
    margin: 20px 0;
    display: block;
}

/*sublinhado SVG*/
.sublinhado{
    position: relative;
}



/*alinhamento titulo e icone bonus*/
.container-bonus{
    display: flex;
    align-items: center;
    gap: 20px
}

/*linha do tempo*/

/*bullets*/
.timeline::before{
    content: "";
    width: 12px; /*largura dos bullets*/
    height: 12px; /*altura dos bullets*/
    background: #FFAC00; /*cor dos bullets*/
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 
    0 0 0 6px #07090C,
    0 0 0 8px #fff; /*cor das bordas dos bullets*/
    z-index: 2;
    transition: 0.5s;
}

/*linha cinza*/
.timeline::after{
    content: "";
    width: 1px;
    height: 105%; /*controle a altura da linha por aqui*/
    background: #777777; /*cor da linha*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translatex(-50%);
}

/*linha rosa*/
.linha-timeline{
    width: 2px;
    height: 0%;
    background: #FF7700 !important;
    position: absolute;
    top: 50%;
    left: 49.95%;
    transition: 0.5s;
}
/* === BOTÕES EM 2 COLUNAS === */
.container-botoes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 800px;
    margin: 40px auto;
    padding: 0 20px;
    position: relative;
    right: -125px;
}

/* === ESTILO BOTÃO DISCORD === */
.botao-discord {
    padding: 15px 20px;
    border-radius: 100px;
    border: 1px solid #7A7A7A;
    background: rgba(15, 20, 23, 0.40);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transition: background 0.7s;
    box-shadow: 0 10px 30px -10px #07090C;
    color: white;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}

.botao-discord:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* === POSIÇÃO DAS IMAGENS (todas sobrepostas) === */
.mockup-discord {
    position: absolute;
    top: 2.5vw;
    right: -1vw;
    width: auto;
    height: auto;
    max-width: 100%;
    opacity: 0;
    transform: translateY(20px) scale(0.95);
    transition: opacity 0.8s ease, transform 0.8s ease;
    pointer-events: none;
    z-index: 2;
    filter: blur(2px);
}

/* === IMAGEM VISÍVEL (com animação sutil de entrada) === */
.mockup-ativo {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    filter: blur(0) !important;
    z-index: 10 !important;
}

/* === IMAGEM INICIAL (começa já visível e animada) === */
.mockup-peru {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

@media(max-width: 768px) {
    .container-botoes {
        rid-template-columns: 1fr 1fr !important;
        max-width: 100%;
    }

}

@media(min-width: 1025px) and (max-width: 1366px){
    .mockup-discord{
        right: -2vw;
        
    }
}

@media (min-width: 768px) and (max-width: 1024px){
    .mockup-discord{
        position: absolute;
        order: -9999999;
        top: -300px;
        left: 50%;
        transform: translate(-50%);
    }
}

/*hover nomes experts*/
.expert{
    transition: 0.5s;
}

.expert:hover{
    transform: translatey(-10px)
}

.expert::before{
    content: "Wendell Carvalho";
    position: absolute;
    color: #fff;
    font-family: "Metropolis";
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    top: -35px;
    left: 50%;
    transform: translatex(-50%);
    transition: 0.5s;
    padding: 5px 10px;
    background: #ffffff10;
    border-radius: 100px;
    opacity: 0;
}

.expert:hover::before{
    opacity: 1;
}


/*exibir primeiro mockup discord*/
.mockup-discord.suporte{
    opacity: 1;
}

/*tamanho parcela preço*/
.parcela{
    font-size: 32px;
    font-weight: 600;
    color: #fff;
}

/*preço parcelado*/
.preco-par{
    font-size: clamp(80px, 4.7vw, 90px);
    letter-spacing: -5px;
    background: linear-gradient(
        to right,
        #FF9D00 20%,
        #FF4D00 30%,
        #FF9D00 70%,
        #FF4D00 80%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 3s ease-in-out infinite alternate;
font-family: "Times New Roman";
font-style: italic;

    padding: 2px;
    white-space: nowrap !important;
}

.preco{
    display: block;
}

/*tamanho preço ultrawide*/
@media(min-width: 2074px){
    .preco-par{
        font-size: clamp(80px, 4vw, 95px);
    }
}

/*posicionamento elementos oferta*/
@media(min-width: 1025px) and (max-width: 1294px){
    #oferta .e-con-inner{
        display: grid;
        grid-template-areas:
        "a b"
        "c b";
        row-gap: 0;
    }
    
    .titulo-oferta{
        grid-area: a;
        width: 100% !important;
    }
    
    .box-oferta{
        grid-area: b;
        width: 100% !important;
    }
    
    .resumo-oferta{
        grid-area: c;
        margin-top: 20px;
    }
}


/*ajustes mobile e tablet*/
@media (max-width: 1024px){
    .linha-timeline{
        left: 9.5px;
    }

    .timeline{
        padding-left: 15%;
    }

    .timeline::before{
        left: 10px;
    }

    .timeline::after{
        height: 105%;
        left: 10px;
        background: #FFBEF9
    }
    
    .container-bonus img{
        width: 32px;
    }
    
    .container-bonus .tag-bonus{
        font-size: 10px !important;
        white-space: nowrap;
    }
    
    .container-botoes{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px
    }
    
    .botoes{
        position: relative;
        right: 0px;
    }
    
    .botao-discord{
        width: 100%;
    }

    .botoes::after{
        display: none;
    }

    #oferta .e-con-inner{
        display: grid;
        grid-template-areas:
        "a"
        "c"
        "b";
        row-gap: 32px;
    }
    
    .titulo-oferta{
        grid-area: a;
        width: 100% !important;
    }
    
    .box-oferta{
        grid-area: b;
        width: 100% !important;
    }
    
    .resumo-oferta{
        grid-area: c;
    }
}


/*animação de entrada apenas desktop*/
@media(min-width: 1025px){
.scroll-bottom{
    opacity: 0;
    transition: 0.8s;
    transform: translate(0px, 30px);
}

.scroll-left{
    opacity: 0;
    transition: 0.8s;
    transform: translate(-30px, 0px) 
    ;
}

.scroll-right{
    opacity: 0;
    transition: 0.8s;
    transform: translate(30px, 0px);
}

.elementor-editor-active .scroll-bottom,
.elementor-editor-active .scroll-left,
.elementor-editor-active .scroll-right,
.ativo{
    opacity: 1;
    transition: 0.8s;
    transform: translatey(0px);
}
}


/*ajustes apenas tablet*/
@media(min-width: 768px) and (max-width: 1366px){
    .e-con-inner{
        --content-width: 90%;
    }
    
    .grid-sizer,
    .grid-item {
        width: 48.5% !important;
        margin-bottom: 20px !important;
    }
}

/*ajustes apenas mobile*/
@media(max-width: 767px){
    .e-con-inner{
        --content-width: 100%;
        padding: 4em 1.25em !important;
    }
    
    .grid-sizer,
    .grid-item {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    .subtitulo2{
        font-size: 18px;
        padding: 0;
        letter-spacing: 0;
}

    .expert::before{
        font-size: 10px;
        top: inherit;
        bottom: -40px;
    }
    
    .expert:hover{
        transform: translatey(0);
    }
    
    .preco-par{
        font-size: clamp(30px, 11vw, 150px);
        letter-spacing: -2px;
    }
    
    .parcela{
        font-size: 24px;
        font-weight: 600;
        color: #fff;
    }
    
    .timeline::before{
        top: 20px;
        left: 10px;
    }

    .timeline::after{
        top: 20px;
        height: 112%;
        left: 10px;
    }
    
    .linha-timeline{
        top: 30px;
    }
    
    .mockup-discord{
        top: -10vw;
        left: 21vw;
        transform: scale(1.5);
    }
    
    .botao-discord{
    padding: 15px 5px;
    border-radius: 100px;
    border: 1px solid #7A7A7A;
    background: rgba(15, 20, 23, 0.40);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transition: 0.7s;
    box-shadow: 0 10px 30px -10px #07090C
}

    .container-botoes{
        gap: 10px !important
    }
    
    .mockup-ativo {
    opacity: 1 !important;
    transform: translateY(0) scale(1.6) !important;
    filter: blur(0) !important;
    z-index: 10 !important;
}

}

/*ajustes quebras notebook*/
@media(min-width: 1025px) and (max-width: 1075px){
    .timeline::after{
        height: 110%;
    }
    
    .mockup-discord{
        width: 45%;
        top: 50% !important;
        transform: translatey(-50%);
    }
}


/*sumir terceiro logo tráfego no mobile */
@media(min-width: 320px) and (max-width: 354px){
    .container-bonus img:nth-child(3){
        display: none;
    }
}

/*ajustes mobile tela menor*/
@media(max-width: 370px){
    .aluno{
        margin-left: -10px;
    }

    .preco-bonus{
        display: block;
        margin-top: 10px;
        margin-left: 5px;
    }
}

.elementor-element-270b35e{
    display: none !important;
}


body::after{
    content:"";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: radial-gradient(at 20% 80%, #fff 1px, transparent 0px);
    background-size: 2px 2px;
    pointer-events: none !important;
    z-index: 9999;
    opacity: 0.05;
    mix-blend-mode: plus-lighter;
}


.cor2{
    background: linear-gradient(
        to right,
        #FF9D00 20%,
        #FF4D00 30%,
        #FF9D00 70%,
        #FF4D00 80%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 3s ease-in-out infinite alternate;
font-family: "Times New Roman";
font-size: 1.1em;
font-style: italic;
font-weight: 700;
line-height: 110%;
letter-spacing: 0;
}

@media(max-width: 1024px){
    .cor2{
        font-size: 10vw;
    }
}/* End custom CSS */