.btn-lilas {
    background-color: #875BC4;
    border: 1pt solid #875BC4;
    border-radius: 0px;
    color: #fff;
}

.btn-lilas:hover {
    background-color: #6a3da8;
    border: 1pt solid #6a3da8;
    color: #fff;
}

.texto-lilas {
    color: #875BC4;
}

body{
    background: #fff2f5;
    font-family: 'Segoe UI',sans-serif;
}

.hero{
    padding-bottom: 80px;
    background: linear-gradient(135deg,#ffe6ec,#ffffff);
}

.hero h1{
    font-size: 55px;
    font-weight: 700;
}

.profile{
    transition: .3s;
    border: none;
    border-radius: 15px;
    overflow: hidden;
}

.profile img{
    height: 320px;
    object-fit: cover;
}

.profile:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,.15);
}

.card{
    border-radius: 15px;
}

.btn-site{
    background: #ff4d6d;
    color: #fff;
    border: none;
}

.btn-site:hover{
    background: #e6395c;
    color: #fff;
}

.btn-site-2{
    font-weight: bold;
    color: #ff4d6d;
    border: none;
    background-color: transparent;
}

.btn-site-2:hover{
    font-weight: bold;
    color: #e6395c;
    background-color: transparent;
}

.nav-vip {
    position: fixed;
    width: 100%;
    background-color: #fff;
}

.navbar{
    box-shadow: 0 3px 15px rgba(0,0,0,.15);
}

.nav-perfil {
    color: #6a3da8;
    text-decoration: none;
    padding: 15px;
}

.nav-sair {
    color: #750d0d;
    text-decoration: none;
    padding: 15px;
}

.nav-active, .nav-active:hover {
    background-color: #6a3da8;
    color: #fff;
}

footer{
    margin-top: 40px;
}

#loading {
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}