/* -------------------------------------------------- */
/* Fonts */
/* -------------------------------------------------- */


@font-face {
    font-family: Flexo; src: url('lottie-resources/fonts/Flexo-Regular.otf');
} 

@font-face {
    font-family: Flexo; font-weight: bold; src: url('lottie-resources/fonts/Flexo-Demi.otf');
}

.marketplace-h3 {
    font-family: flexo, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #002A8D;
    margin: 0px;
}


.marketplace-p {
    font-family: flexo, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #002A8D;
    margin: 0px;
    text-align: center;
}

.marketplace-bold {
    font-family: flexo, sans-serif;
    font-weight: 600;
}


/* -------------------------------------------------- */
/* Elements */
/* -------------------------------------------------- */


.marketplace-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    padding-top: 120px;
    padding-bottom: 60px;
}

.items-container {
    display: flex;
    gap: 24px;
    justify-content: center;
}

.item {
    display: flex;
    flex-direction: column;
    background: #fff;
    width: 140px;
    padding-top: 16px;
    padding-left: 16px;
    padding-bottom: 16px;
    padding-right: 16px;
    gap: 12px;
    border-radius: 20px;
    transition: scale 250ms, box-shadow 250ms;
    box-shadow: 0px 15px 30px rgba(212, 221, 243, 75%), 0px -5px 20px rgba(212, 221, 243, 25%);
    cursor: pointer;
}

.item:hover {
    scale: 110%;
    transition: scale 250ms, box-shadow 250ms;
    box-shadow: 0px 25px 30px rgba(212, 221, 243, 85%), 0px 0px 20px rgba(212, 221, 243, 45%);
    
}

.cuentas-lottie {
    width: 48px;
    height: 48px;
}


/* -------------------------------------------------- */
/* Media querys */
/* -------------------------------------------------- */


/* ------------------------------ */
/* 375 */
/* ------------------------------ */


@media screen and (max-width: 375px) {

    .marketplace-container {
        display: none;
    }

    .interaction-tag {
        display: none;
    }

    .interaction-tag-mobile {
        display: flex;
    }

}


/* ------------------------------ */
/* 376 - 570 */
/* ------------------------------ */


@media screen and (min-width: 376px) and (max-width: 570px) {

    .marketplace-container {
        display: none;
    }

    .interaction-tag {
        display: none;
    }

    .interaction-tag-mobile {
        display: flex;
    }

}


/* ------------------------------ */
/* 571 - 640 */
/* ------------------------------ */


@media screen and (min-width: 571px) and (max-width: 640px) {

    .marketplace-container {
        display: none;
    }

    .interaction-tag {
        display: none;
    }

    .interaction-tag-mobile {
        display: flex;
    }

}


/* ------------------------------ */
/* 641 - 834 */
/* ------------------------------ */


@media screen and (min-width: 641px) and (max-width: 834px) {

    .marketplace-container {
        display: none;
    }

    .interaction-tag {
        display: none;
    }

    .interaction-tag-mobile {
        display: flex;
    }

}


/* ------------------------------ */
/* 835 - 1024 */
/* ------------------------------ */


@media screen and (min-width: 835px) and (max-width: 1024px) {

    .marketplace-container {
        display: none;
    }

    .interaction-tag {
        display: none;
    }

    .interaction-tag-mobile {
        display: flex;
    }

}


/* ------------------------------ */
/* 1025 - 1280 */
/* ------------------------------ */


@media screen and (min-width: 1025px) and (max-width: 1280px) {

    .marketplace-container {
        display: none;
    }

    .interaction-tag {
        display: none;
    }

    .interaction-tag-mobile {
        display: flex;
    }
}


/* ------------------------------ */
/* 1680 */
/* ------------------------------ */


@media screen and (min-width: 1680px) {

    

}