*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: "Barlow", sans-serif;
}

:root{
    font-size: 62.5%;
}



body{
    font-size: 1.6rem;
    min-height: 100vh;
    overflow-x: hidden;
}



.pr-home-vasco-container{
    width: 100%;
    
}

/* Navegação */
.pr-home-navigation{
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 80px;
    background-color: #fff;

    display: flex;
    flex-direction: row;
    align-items:center;
    justify-content:space-between;

 
}

.logo-vb-home{
    display: block;
    width: 170px;
    padding: 1.6rem 4rem;
}



.pr-home-menu-list{
    display: flex;
    flex-direction: row;
    gap: 1.2rem;

    align-items: center;
    justify-content: center;

}

.pr-home-menu-list{
    list-style: none;
    color: #000;
    padding-right: 6rem;

    display: flex;
    flex-direction: row;
    gap: 4rem;

    align-items: center;
    justify-content: center;

}

.pr-home-menu-list a{
    text-decoration: none;
    color: #000;

    
}

.pr-home-menu-list a li{
    padding-bottom: 1rem;

    border-bottom: 4px solid #fff;
    transition: all ease .6s;
}

.pr-home-menu-list a li:hover{
    border-bottom: 4px solid #000000;
}


/* Mobile Icon */
.pr-home-mobile-icon{

    display: none;

    padding: 2rem 4rem;
    font-size: 4rem;
    font-weight: bold;
    cursor: pointer;
    transform: rotate(90deg);
}




.pr-home-vasco{
    width: 100vw;
    max-width: 1920px;

    margin-top: 80px;
}

.pr-home-vasco-banner-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    position: relative;

}

.pr-home-banner img{
    display: block;
    width: 100%;
}

.pr-home-inf{
    position: absolute;
    bottom: 2rem;

    display: flex;
    flex-direction: column;
    gap: 1rem;

    align-items: center;
    justify-content: center;

    color: #fff;

    padding: 0 4rem;
    text-align: center;
}

.pr-home-inf h1{
    font-size: clamp(2.8rem, 2vw, 3.6rem);
}

.pr-home-btn{
    display: inline-block;
    background-color: #fff;
    color: #000;
    text-decoration: none;

    padding: 18px 40px;
    border-radius: 50px;
    margin-top: 2rem;

    font-weight: bold;

    transition: all ease .6s;

}

.pr-home-btn:hover{
    opacity: .6;
}




/* Segunda Linha */

.pr-home-vasco-nd{
    width: 100vw;
}



.pr-home-vasco-nd-banner-container{
    display: flex;
    flex-direction: row;
    width: 100vw;
    max-width: 1920px;
}

.pr-home-vasco-nd-banner{
    width: 50%;

   
}

.pr-home-vasco-nd-banner img{
    width: 100%;
    display: block;
}


.pr-home-vasco-nd-content{
    width: 50%;
    background-color: #000;
    color: #fff;

    display: flex;
    flex-direction: column;
    gap: 1rem;

    align-items: center;
    justify-content: center;

    padding: 2rem 8rem;;
}



.pr-home-vasco-nd-content h1{
    font-size: clamp(2.8rem, 2vw, 4rem );
}

.pr-home-vasco-nd-content p{
    font-size: clamp(1.6rem, 2vw, 2rem );
}





.pr-home-vasco-rd{
    width: 100vw;
}



.pr-home-vasco-rd-banner-container{
    display: flex;
    flex-direction: row;
    width: 100vw;
    max-width: 1920px;
}


.pr-home-vasco-rd-banner{
    width: 50%;

   
}

.pr-home-vasco-rd-banner img{
    width: 100%;
    display: block;
}


.pr-home-vasco-rd-content{
    width: 50%;
    background-color: #000;
    color: #fff;

    display: flex;
    flex-direction: column;
    gap: 1rem;

    align-items: center;
    justify-content: center;

    padding: 2rem 6rem;;
}


.pr-home-vasco-rd-content h1{
    font-size: clamp(2.8rem, 2vw, 4rem);
}


.pr-home-vasco-rd-content p{
    font-size: clamp(1.6rem, 2vw, 2rem);
}






/* Banner Mobile */


.pr-home-banner-mobile{
    display: none;
}

.pr-home-banner-mobile img{
    width: 100%;
    display: block;
}





.pr-home-icon-efc{
   
    transform: translate(-100%);
   
}



@media screen and (max-width: 720px) {

    /* Menu Mobile */


    .pr-home-mobile-icon{
        display: block;
    }



    .pr-home-menu-list{
        display: flex;
        flex-direction: column;
        gap: 0;    
        flex-grow: 1;
        position: absolute;
        right: -100%;
        top:600px;
        width: 100%;

        
        background-color: #000;
        opacity: .8;
        padding-right: 0;
        z-index: 10;

        transition: all ease .4s;

        

    }


    .pr-home-menu-list a{
        display: block;
        width: 100vw;
        margin: 0;
        padding: 2rem;

        text-align: right;

    }


    .pr-home-menu-list a li{
        color: #fff;
        border: none;
        
    }

    .pr-home-menu-list a li:hover{
        border-bottom: none;
        
    }

    .pr-home-menu-list a:hover{
        background-color: #610000;        
    }



    /* Banner Mobile Responsivo */
    .pr-home-banner-mobile{
        display: block;

    }

    .pr-home-banner{
        display: none;
        
    }

    .pr-home-vasco-nd-banner-container{

        display: flex;
        flex-direction: column;
    }

    .pr-home-vasco-nd-banner{
        width: 100%;
    }

    .pr-home-vasco-nd-content{
        width: 100%;
    }









    .pr-home-vasco-rd-banner-container{
        display: flex;
        flex-direction: column-reverse;
    }

    .pr-home-vasco-rd-banner{
        width: 100%;
    }

    .pr-home-vasco-rd-content{
        width: 100%;
    }
}