:root{
    
    --azul: #57babf;
    --roxo: #832376;

}

.text-roxo{color: var(--roxo);}
.text-azul{color: var(--azul);}
.bg-roxo{background-color: var(--roxo) !important  ;}
.bg-azul{background-color: var(--azul);}


header {

background-image: url('../img/bg-home.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;

min-height: 550px;
 height: 100vh;

}



.thome{
    min-height: 550px;
 height: 100vh;
}

.box-home{

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

min-height: 550px;
 height: 100vh;

}


.form-home{

 
background: rgba(0, 0, 0, 0.511);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
-webkit-backdrop-filter: blur(0px);
border: 1px solid var(--azul);

    display: flex;
    justify-content: center;
    align-items: center ;
    flex-direction: column;


height: 70vh;
position: relative;


}

#galeria{

    background: url('../img/bg-galeria.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    /* min-height: 600px ; */

}


.box-principal{
    background-image: url('../img/galeria/piscina.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;

}

.box-thumbnail{
    
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
 
    cursor: pointer;
   

}
.slick-active.slick-center{
    box-shadow: inset 0 0 0 9px #832376;

}

.box-thumbnail:hover{
    box-shadow: inset 0 0 0 9px #832376;
}
.thumbgl{

    min-height: 200px;
    height: 200px;
}

.thumbgl:hover{
    box-shadow: inset 0 0 0 9px #832376;
    cursor: pointer;

   

}
.boxazul{
    background: var(--azul);
    width: 100%;
position: absolute;

}

.txthome{
    position: relative;
}


 
input{
color: #fff !important;
    background: #0000 !important;
    border-radius: 0px !important;
    border: none !important;
    border-bottom: 1px solid var(--azul) !important;
    
}

input::placeholder{
    color: #fff !important;
    font-size: 12px;
}


.brilhotopo{
    position: absolute;
    left: -25px;
    width: 50px;
    top: 0;

}

.brilhobaixo{
    position: absolute;
    right: -25px;
    width: 50px;
bottom : 0;

}

.btn-home, .btn-form{

    border-radius: 26px;
    color: #fff;
    background-color: #ff6600;
    border: none;
    padding: 5px 30px;
    font-weight: bold;



}

.galeria{
    
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    
}

.locais p {
    font-size: 0.8rem;
    line-height: 1.8rem;
}
#trapezio{
    /* width: 500px; */
}

@media (max-width: 800px){


header,.thome, .box-home {
    height: unset;
}



.form-home{

 
    background: rgba(0, 0, 0, 0.511);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(0px);
    border: 1px solid var(--azul);
    
        display: flex;
        justify-content: center;
        align-items: center ;
        flex-direction: column;
    
    
    height: unset;
    position: relative;
    
    
    }

}



.coracao{

width: 300px;
position: relative;
top: -10.7%;

}

*{
    font-family: "graphie", sans-serif;
}