html, body{  background-color: #0f1825; background-color: #011015; background-color: #000e12;  }

#menu {
    background-color: #121d2d;
    color: #fff;
    background-color: rgba(11, 28, 16, 0.9);
    background-color: rgb(1 16 21);
    background-image: url(/styles/2/golbg.jpg);
    background-position: center 48%;
    background-size: auto 710%;
    background-repeat: no-repeat;
    border-bottom: 2px solid #001e16;
}

/* footer{ background-color: #02171e!important; z-index: 1035!important; background-image: url(/styles/2/golbg.jpg); background-position: center 45%; background-size: cover; background-repeat: no-repeat; border-bottom: 2px solid #001e16; background-blend-mode: luminosity; overflow: hidden; } */

footer {
    background-color: #1c1c1c!important;
    z-index: 997!important;
    background-image: url(/styles/2/golbg.jpg);
    background-position: center 45%;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 2px solid #001e16;
    background-blend-mode: soft-light;
    overflow: hidden;
    border-top: 2px solid #001e16;
}

footer:after {
    backdrop-filter: unset;
}

.tabs-menu {
    backdrop-filter: blur(5px)!important;
    background-image: url(/styles/2/golbg.jpg)!important;
    background-position: center 48%!important;
    background-size: auto 710%!important;
    background-repeat: no-repeat!important;
}

.b-destaque:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(/styles/2/golbg.jpg)!important;
    background-size: 120% auto;
    background-blend-mode: lighten;
    background-position: center 30%;
    opacity: 0.6;
    background-color: #001e1c;
    border-radius: 5px;
    z-index: -1;
    background-repeat: no-repeat;
}

/*

.odd-destaque:before { content: ""; width: 100%; height: 100%; position: absolute; background-image: url(/styles/2/golbg.jpg)!important; background-size: cover; background-blend-mode: luminosity; background-position: center 30%; opacity: 0.5; background-color: #0d3128; border-radius: 5px; z-index: -1; background-repeat: no-repeat; backdrop-filter: blur(5px); filter: blur(5px); }

.odd-destaque:before { content: ""; width: 100%; height: 100%; position: absolute; background-image: var(--foto, url('/styles/2/golbg.jpg'))!important; background-size: cover; background-blend-mode: luminosity; background-position: center 30%; opacity: 0.5; background-color: #0d3128; border-radius: 5px; z-index: -1; background-repeat: no-repeat; backdrop-filter: blur(5px); filter: blur(5px); }

*/
.odd-destaque {
    /* background-image: var(--foto, url('/styles/2/golbg.jpg'))!important; background-size: cover; background-blend-mode: luminosity; background-position: center 30%; background-repeat: no-repeat; */
    background-color: #0d3128;
    border-radius: 5px;
    background: linear-gradient(317deg, #02221a, #124336, rgba(13, 49, 40, 0.7));
    animation: gradient 5s ease infinite;
    background-size: 400% 400%;
}

.odd-destaque:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background-image: var(--foto, url('/styles/2/golbg.jpg'));
    background-size: cover;
    background-position: center right;
    clip-path: ellipse(45% 80% at 85% 50%);
    z-index: 1;
}

.b-cota {
    background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
}

.odd-destaque {
    .b-cota {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        right: 3%;
        top: 5%;
        border-radius: 5px;
        padding: 5px 8px;
        height: 30px;
    }

    .bt-add {
        position: fixed;
        right: 3%;
        z-index: 9;
        bottom: 5%;
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


.p-dialog .cota-mercado {
    background: rgb(0, 13, 19) !important;
}

.border-semitransparent-bottom {
    border-bottom: 2px solid rgb(0 255 207 / 30%);
}