/* ==================================================
                    TABLET
================================================== */

@media (max-width:992px){

    .hero-text h1{
        font-size:58px;
    }

    .hero-video{
        width:480px;
    }

    .hero-dancer{
        width:520px;
        left:58%;
    }

    .sobre{
        padding:100px 0;
    }

    .sobre-text h2{
        font-size:60px;
    }

    .premiacao h2{
        font-size:58px;
    }

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

}


/* ==================================================
                    MOBILE
================================================== */

@media (max-width:768px){
/* ==========================================
                HERO
========================================== */

.hero{

    position:relative;

    min-height:100vh;

    padding:95px 0 60px;

    display:flex;

    align-items:center;

}

.hero-content{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:35px;

}

.hero-text{

    width:100%;

    text-align:left;

}

.hero-text span{

    display:block;

    margin-bottom:15px;

    font-size:11px;

    font-weight:500;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#D4B98B;

}

.hero-text h1{

    margin-bottom:20px;

    font-family:"Parode",serif;

    font-size:38px;

    font-weight:300;

    line-height:1.08;

    color:#fff;

}

.hero-text p{

    margin-bottom:28px;

    font-size:15px;

    line-height:1.9;

    color:#E8D3AC;

}

.hero-text .btn{

    width:100%;

    height:54px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hero-video{

    width:100%;

}

.hero-video iframe{

    width:100%;

    aspect-ratio:16/9;

    border:none;

    border-radius:6px;

}

.hero-dancer{

    display:none;

}

.hero::before{

    background:linear-gradient(

        180deg,

        rgba(0,0,0,.75) 0%,

        rgba(0,0,0,.55) 55%,

        rgba(0,0,0,.75) 100%

    );

}
/* ==========================================
                SOBRE
========================================== */

.sobre{

    position:relative;

    padding:55px 0;

    overflow:hidden;

}

.sobre::before{

    background-size:700px;

    opacity:.05;

}

.sobre .container{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:25px;

}

.sobre-img{

    width:100%;

    display:flex;

    justify-content:center;

}

.sobre-img img{

    width:145px;

}

.sobre-text{

    width:100%;

}

.sobre-text span{

    display:block;

    margin-bottom:12px;

    font-size:11px;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#B89661;

}

.sobre-text h2{

    margin-bottom:20px;

    font-family:"Parode",serif;

    font-size:36px;

    font-weight:300;

    line-height:1.1;

    color:#555;

}

.sobre-text p{

    font-size:15px;

    line-height:1.9;

    color:#5B5B5B;

}

.sobre-text .btn-outline{

    width:100%;

    height:52px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-top:25px;

}
    /* ==========================================
                    PREMIAÇÃO
    ========================================== */

    .premiacao{

        padding:70px 0;

    }

    .premiacao span{

        font-size:12px;

        letter-spacing:3px;

    }

    .premiacao h2{

        font-size:42px;

        line-height:1.1;

        margin-bottom:35px;

    }

    .gallery{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:8px;

    margin-bottom:30px;

    }

   @media (max-width:768px){

    .gallery{

        grid-template-columns:repeat(3,1fr);

        gap:10px;

    }

    .gallery img{

        width:100%;

        aspect-ratio:4 / 3;

        object-fit:cover;

        object-position:center;

        border-radius:6px;

        border:none;

    }

}

    .premiacao .btn-outline{

        padding:16px 28px;

    }


    /* ==========================================
                    LIGHTBOX
    ========================================== */

    .lightbox img{

        max-width:92vw;

        max-height:80vh;

    }

    .close{

        top:20px;

        right:20px;

        font-size:36px;

    }

    .prev,
    .next{

        font-size:34px;

        padding:10px;

    }

    .prev{

        left:5px;

    }

    .next{

        right:5px;

    }

}