@media(max-width:1100px){
    .fp-hero-inner{
        gap:38px;
    }

    .fp-hero h1{
        font-size:54px;
    }
}

@media(max-width:950px){
    .fp-hero{
        min-height:auto;
        padding:118px 0 65px;
    }

    .fp-hero-inner{
        grid-template-columns:1fr;
        text-align:center;
        gap:52px;
    }

    .fp-hero-copy{
        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .fp-hero p{
        max-width:640px;
    }

    .fp-hero-points{
        width:100%;
        max-width:650px;
    }

    .fp-hero-visual{
        width:100%;
        max-width:760px;
        margin:0 auto;
    }
}

@media(max-width:768px){
    .fp-logo{
        width:130px;
    }

    .fp-menu-toggle{
        display:block;
        position:relative;
        z-index:1001;
    }

    .fp-menu{
        position:fixed;
        top:0;
        right:-100%;
        width:min(320px, 86%);
        height:100vh;
        padding:95px 26px 30px;
        flex-direction:column;
        align-items:flex-start;
        gap:22px;
        background:rgba(2,4,3,.96);
        border-left:1px solid var(--fp-border);
        backdrop-filter:blur(20px);
        box-shadow:-25px 0 70px rgba(0,0,0,.6);
        transition:.35s ease;
    }

    .fp-menu.fp-active{
        right:0;
    }

    .fp-menu a{
        width:100%;
        font-size:16px;
    }

    .fp-menu-toggle.fp-active span:nth-child(1){
        transform:translateY(7px) rotate(45deg);
    }

    .fp-menu-toggle.fp-active span:nth-child(2){
        opacity:0;
    }

    .fp-menu-toggle.fp-active span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg);
    }

    .fp-hero{
        padding:110px 0 54px;
    }

    .fp-hero h1{
        font-size:44px;
        letter-spacing:-1px;
    }

    .fp-hero p{
        font-size:15px;
    }

    .fp-screen-card{
        transform:none;
    }

    .fp-screen-card:hover{
        transform:none;
    }

    .fp-status-card{
        display:none;
    }
}

@media(max-width:560px){
    .fp-container{
        width:91%;
    }

    .fp-kicker{
        font-size:11px;
        padding:8px 12px;
    }

    .fp-hero h1{
        font-size:36px;
        line-height:1.08;
    }

    .fp-hero-points{
        grid-template-columns:1fr;
    }

    .fp-hero-points div{
        min-height:auto;
    }

    .fp-screen-media{
        aspect-ratio:4 / 3;
    }
}

@media(max-width:380px){
    .fp-logo{
        width:116px;
    }

    .fp-hero h1{
        font-size:31px;
    }

    .fp-menu{
        width:100%;
    }
}

/* ==================================================
   RESPONSIVO - QUEM SOMOS TIMELINE
================================================== */

@media(max-width:980px){

    .fp-timeline{
        grid-template-columns:repeat(2, 1fr);
    }

    .fp-timeline-line{
        display:none;
    }

}

@media(max-width:560px){

    .fp-about-timeline{
        padding:70px 0 75px;
    }

    .fp-about-head{
        margin-bottom:40px;
    }

    .fp-about-head h2{
        font-size:36px;
    }

    .fp-about-head p{
        font-size:15px;
    }

    .fp-timeline{
        grid-template-columns:1fr;
    }

    .fp-time-card{
        min-height:auto;
        padding:22px;
        display:grid;
        grid-template-columns:auto 1fr;
        column-gap:16px;
        text-align:left;
        align-items:center;
    }

    .fp-time-icon{
        width:56px;
        height:56px;
        margin:0;
        grid-row:1 / 3;
    }

    .fp-time-card h3{
        margin-bottom:4px;
    }

    .fp-about-note{
        align-items:flex-start;
        font-size:14px;
        line-height:1.5;
    }

}

/* ==================================================
   RESPONSIVO - COMPATIBILIDADE TOTAL
================================================== */

@media(max-width:900px){

    .fp-compat{
        padding:85px 0;
    }

    .fp-compat-head{
        margin-bottom:45px;
    }

    .fp-compat-map{
        height:auto;
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        gap:18px;
    }

    .fp-compat-map::before,
    .fp-compat-map::after,
    .fp-center-ring,
    .fp-device-node::before{
        display:none;
    }

    .fp-compat-center{
        position:relative;
        left:auto;
        top:auto;
        width:auto;
        height:auto;
        transform:none;
        grid-column:1 / -1;
        margin-bottom:6px;
    }

    .fp-center-content{
        position:relative;
        inset:auto;
        min-height:190px;
        border-radius:26px;
        padding:28px;
    }

    .fp-device-node,
    .node-1,
    .node-2,
    .node-3,
    .node-4,
    .node-5,
    .node-6{
        position:relative;
        inset:auto;
        transform:none;
        width:100%;
        min-height:155px;
    }

    .fp-device-node:hover{
        transform:translateY(-6px);
    }
}

@media(max-width:560px){

    .fp-compat{
        padding:70px 0;
    }

    .fp-compat-head h2{
        font-size:35px;
    }

    .fp-compat-head p{
        font-size:15px;
    }

    .fp-compat-map{
        grid-template-columns:1fr;
    }

    .fp-center-content{
        min-height:175px;
    }

    .fp-center-content strong{
        font-size:25px;
    }
}

/* ==================================================
   RESPONSIVO - PLANOS COMPACTO
================================================== */

@media(max-width:1050px){

    .fp-plans-wrapper{
        grid-template-columns:1fr;
        max-width:560px;
        margin:0 auto;
        gap:22px;
    }

    .fp-plan-card,
    .fp-plan-featured{
        transform:none;
        min-height:465px;
    }

    .fp-plan-featured:hover,
    .fp-plan-card:hover{
        transform:translateY(-7px);
    }
}

@media(max-width:560px){

    .fp-plans{
        padding:65px 0 72px;
    }

    .fp-plans-head{
        margin-bottom:30px;
    }

    .fp-plans-head h2{
        font-size:32px;
    }

    .fp-plans-head p{
        font-size:14px;
    }

    .fp-plan-card{
        min-height:455px;
        padding:24px 20px 22px;
        border-radius:23px;
    }

    .fp-plan-card::before{
        border-radius:23px;
    }

    .fp-plan-badge{
        top:14px;
        right:14px;
        font-size:9px;
    }

    .fp-plan-label{
        font-size:12px;
        margin-bottom:9px;
    }

    .fp-plan-card h3{
        font-size:27px;
    }

    .fp-plan-price{
        font-size:44px;
        margin-bottom:18px;
    }

    .fp-plan-price small{
        font-size:20px;
    }

    .fp-plan-card ul{
        gap:12px;
        margin-bottom:16px;
    }

    .fp-plan-card li{
        font-size:13.5px;
    }

    .fp-plan-btn{
        left:20px;
        right:20px;
        bottom:20px;
        min-height:50px;
        font-size:13px;
    }
}

@media(max-width:380px){

    .fp-plan-card{
        min-height:470px;
    }

    .fp-plan-price{
        font-size:40px;
    }
}

/* ==================================================
   RESPONSIVO - FAQ PREMIUM
================================================== */

@media(max-width:900px){

    .fp-faq-pro{
        padding:72px 0 82px;
    }

    .fp-faq-pro-head{
        margin-bottom:34px;
    }

    .fp-faq-pro-panel{
        display:none;
    }

    .fp-faq-mobile{
        display:grid;
    }
}

@media(max-width:620px){

    .fp-faq-pro-head h2{
        font-size:32px;
    }

    .fp-faq-pro-head p{
        font-size:14px;
    }

    .fp-faq-mobile-question{
        min-height:60px;
        padding:0 15px;
    }

    .fp-faq-mobile-question span{
        font-size:14.5px;
    }

    .fp-faq-mobile-answer p{
        padding:0 15px 18px;
        font-size:13.5px;
    }
}

/* ==================================================
   RESPONSIVO - CTA WHATSAPP
================================================== */

@media(max-width:620px){

    .fp-cta-whatsapp{
        padding:65px 0 75px;
    }

    .fp-cta-box{
        padding:36px 22px;
        border-radius:26px;
    }

    .fp-cta-box::before{
        border-radius:26px;
    }

    .fp-cta-box h2{
        font-size:30px;
    }

    .fp-cta-box p{
        font-size:14.5px;
    }

    .fp-cta-btn{
        width:100%;
        min-height:56px;
        padding:0 18px;
        font-size:13px;
    }
}

/* ==================================================
   RESPONSIVO FOOTER
================================================== */

@media(max-width:480px){

    .fp-footer{
        padding:38px 0 30px;
    }

    .fp-footer-nav{
        flex-direction:column;
        gap:14px;
    }

    .fp-footer-nav span{
        display:none;
    }

    .fp-footer-copy{
        font-size:13px;
    }

    .fp-footer-dev{
        font-size:12px;
    }

}

/* ==================================================
   RESPONSIVO - COOKIES
================================================== */

@media(max-width:760px){

    .fp-cookie-box{
        grid-template-columns:1fr;
        text-align:center;
        padding:22px 18px;
        bottom:16px;
        border-radius:22px;
    }

    .fp-cookie-icon{
        margin:0 auto;
    }

    .fp-cookie-actions{
        width:100%;
        flex-direction:column-reverse;
    }

    .fp-cookie-btn{
        width:100%;
    }
}

/* ==================================================
   RESPONSIVO - CTA TESTE GRÁTIS
================================================== */

@media(max-width:820px){

    .fp-trial-box{
        grid-template-columns:1fr;
        text-align:center;
        padding:34px 26px;
    }

    .fp-trial-content p{
        margin:0 auto;
    }

    .fp-trial-btn{
        width:100%;
    }

    .fp-trial-action{
        width:100%;
    }
}

@media(max-width:480px){

    .fp-trial-cta{
        padding:58px 0;
    }

    .fp-trial-box{
        padding:30px 20px;
        border-radius:24px;
    }

    .fp-trial-box::before{
        border-radius:24px;
    }

    .fp-trial-content h2{
        font-size:28px;
    }

    .fp-trial-content p{
        font-size:14.5px;
    }

    .fp-trial-btn{
        min-width:0;
        min-height:56px;
        font-size:13px;
        padding:0 18px;
    }
}