html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    overflow-y: auto;
    padding-top: 65px; /* padding for fixed navbar */
}

/* optional style active link */
.navbar-light .navbar-nav .nav-link.active {
    background-color: rgb(18, 177, 31);
    color: rgb(251, 235, 5) !important;
    border-radius: 4%;
}

/* hidden spacer before sections for proper offset */
main h3:before {
    height: 65px;
    content: "";
    display: block;
}
/* Inicio boton navegacion arriba */
#myBtn {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #228B22;
    color: #ffda00;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    width: 70px;
    height: 70px;
    transition: all .3s;
}

    #myBtn:hover {
        border-radius: 50%;
        background-color: rgba(255, 218, 0, 0.781);
        transition: all .3s;
        color: #228B22;
    }
/* Fin boton navegacion arriba */

/* Configuracion whattsap para movil o escritorio */
.whatsappLink.mobile {
    display: none;
}

@media only screen and (min-width: 800px) {
    .whatsappLink.desktop {
        display: inline;
    }

    .whatsappLink.mobile {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .whatsappLink.desktop {
        display: none;
    }

    .whatsappLink.mobile {
        display: inline;
    }
}
/* Fin configuracion whattsap para movil o escritorio */

.alingRightLogo {
    top: 7px;
    left: 20px;
    position: relative;
}

.img-responcive {
    height: 100%;
    width: auto;
}

.myButton:hover.dxbButton div.dxb {
    background-color: Yellow;
    color: green;
}