/* =========================================================
   VOLVER ARRIBA
========================================================= */

.back-to-top {

    position: fixed;

    right: 20px;

    bottom: 20px;

    z-index: 900;

    width: 43px;

    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(242,185,39,.45);

    border-radius: 8px;

    background:
        rgba(8,8,8,.94);

    color:
        var(--dorado);

    font-size: 23px;

    opacity: 0;

    visibility: hidden;

    transform:
        translateY(12px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease,
        background .25s ease;

    cursor: pointer;

}


.back-to-top.visible {

    opacity: 1;

    visibility: visible;

    transform:
        translateY(0);

}


.back-to-top:hover {

    background:
        rgba(242,185,39,.10);

    border-color:
        var(--dorado);

}


@media (max-width: 700px) {

    .back-to-top {

        right: 12px;

        bottom: 12px;

        width: 40px;

        height: 40px;

    }

}