/* =========================================
   responsive.css
   Ajustes responsive
========================================= */

@media (max-width:1199.98px){
    .sj-section{
        padding:86px 0;
    }

    .sj-video-vertical{
        min-height:560px;
    }
}

@media (max-width:991.98px){
    body{
        padding-bottom:calc(var(--sj-bottom-nav-height) + env(safe-area-inset-bottom));
    }

    .sj-section{
        padding:78px 0;
    }

    .sj-hero{
        min-height:92vh;
    }

    .sj-hero-overlay{
        background:
            linear-gradient(0deg, rgba(0,0,0,.72), rgba(0,0,0,.40)),
            linear-gradient(90deg, rgba(0,0,0,.45), rgba(0,0,0,.20));
    }

    .sj-logo{
        max-width:320px;
        margin-bottom:26px;
    }

    .sj-hero-text{
        font-size:1.08rem;
    }

    .sj-video-vertical{
        min-height:520px;
        max-height:620px;
    }

    .sj-process-video{
        min-height:460px;
    }

    .sj-process-content{
        padding:72px 0;
    }
}

@media (max-width:767.98px){
    .sj-section{
        padding:66px 0;
    }

    .sj-section-head{
        margin-bottom:36px;
    }

    .sj-hero .row{
        min-height:92vh !important;
        align-items:center !important;
    }

    .sj-logo{
        max-width:230px;
    }

    .sj-hero-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .btn-sj-primary,
    .btn-sj-outline{
        width:100%;
    }

    .sj-video-vertical{
        min-height:460px;
        max-height:520px;
    }

    .sj-benefit-item,
    .sj-product-card,
    .sj-service-item{
        padding:24px;
    }

    .sj-process-video{
        min-height:420px;
    }

    .sj-app-card{
        min-height:96px;
    }

    .sj-menu-offcanvas .offcanvas-body{
        grid-template-columns:1fr;
    }
}

@media (max-width:575.98px){
    h1{
        font-size:2.35rem;
    }

    h2{
        font-size:2rem;
    }

    .sj-section{
        padding:58px 0;
    }

    .sj-hero{
        min-height:88vh;
    }

    .sj-hero-text{
        font-size:1rem;
    }

    .sj-section-kicker,
    .sj-kicker{
        font-size:.75rem;
        letter-spacing:.06em;
    }

    .sj-bottom-item{
        font-size:.68rem;
    }

    .sj-bottom-item i{
        font-size:1.28rem;
    }

    .sj-bottom-whatsapp i{
        font-size:1.45rem;
    }

    .sj-contact-list li{
        font-size:.95rem;
    }

    .sj-bottom-nav-container{
        max-width:100%;
        padding:0 6px;
        gap:6px;
    }

    .sj-bottom-item{
        flex:1;
        width:auto;
        height:54px;
        font-size:.68rem;
    }
}

@media (max-width:575px){

    .sj-bottom-nav-container{

        max-width:100%;

        padding:0 6px;

    }

    .sj-bottom-item{

        flex:1;

        width:auto;

    }

}

@media (max-width:991.98px){

    .sj-container{

        padding-left:24px;
        padding-right:24px;

    }

}

@media (max-width:575.98px){

    .sj-container{

        padding-left:20px;
        padding-right:20px;

    }

}

@media (max-width:575.98px){

    .sj-bottom-nav-container{
        max-width:100%;
        width:100%;
        padding:0;
        gap:0;
        display:grid;
        grid-template-columns:repeat(4,1fr);
    }

    .sj-bottom-item{
        width:auto;
        min-width:0;
        height:70px;
        border-radius:0;
        font-size:.78rem;
        padding:0 4px;
    }

    .sj-bottom-item i{
        font-size:1.55rem;
    }

    .sj-bottom-whatsapp i{
        font-size:1.75rem;
    }


    .sj-hero{
        padding-bottom:50px;
    }

}