.entrada-bkimg{
    z-index: -1;
    position: relative;
}
.modal-home{
    position: absolute;
    background-color: rgba(0,0,0,.7);
}
.entrada-title-container{
    font-family: montserratRegular;
    color: var(--sand);
    position: relative;
    text-align: right;
}
.entrada-description-container{
    font-family: montserratRegular;
    color: var(--white);
    position: relative;
    text-align: justify;
    text-align-last: right;
}
.button-conoce-container{
    font-family: montserratRegular;
    color: var(--black);
    position: relative;
    text-align: center;
    font-weight: bold;
    background-color: var(--gold);
}
.button-conoce-container:hover{
    background-color: var(--sand);
    cursor: pointer;
}
.button-conoce-container span{
    position: absolute;
}
.button-whats-container{
    position: relative;
}
.button-whats-img{
    position: absolute;
}
.button-whats-title{
    font-family: montserratRegular;
    color: var(--black);
    position: relative;
    font-weight: bold;
    background-color: var(--gold);
}
.button-whats-title span{
    position: absolute;
}
.entrada-whats:hover + .button-whats-title{
    background-color: var(--sand);
    cursor: pointer;
}
.entrada-whats:hover, .button-whats-img:hover{
    cursor: pointer;
}
.button-whats-img:hover + .button-whats-title{
    background-color: var(--sand);
    cursor: pointer;
}
.button-whats-title:hover{
    background-color: var(--sand);
    cursor: pointer;
}