.btn-menuAño.Nuevo {
    &:after {
        content: "";
        width: 100%;
        height: 3px;
        background: var(--c-yellow);
        position: absolute;
        bottom: -3px;
    }
}
.title-topic-ct {
    img{
        width: 200px;
        margin-left: -20px;
    }
}
@media (min-width:820px){
    .container-nav-menu{
        
    }
    .title-topic-ct {
        min-width: 50%;
        p {
            max-width: 65%;
        }
        img{
            width: 300px;
        }
    }
}
.body-topic-product{
    margin-top: -40px;
    position: relative;
}
.body-topic{
    margin-top: 0px;
    a:nth-child(1){
        border: 3px solid var(--c-action);
    }
    h4{
        text-align: center;
        color: var(--c-blanco);
        position: relative;
    }
}
@media (max-width:819px){
    .body-topic-product{
        margin-top: -50px;
    }
    .body-topic{
        margin-top: 0px;
        h4{
            display: none;
        }
    }
}
.card-content{
    img{
        width: 100%;
        border-radius: 20px;
    }
    h2{
        color: var(--c-scale-70);
    }
}
.main-topic .ct-btn{
    /*width: fit-content;*/
}
.title-url{
    display: none;
}

.row-product-topic{
    background: var(--c-blanco);
    border-radius: 20px;
    height: fit-content;
    position: relative;
    box-shadow: 3px 3px 15px -10px var(--c-yellow-hover-10);
    img{
        border-radius: 20px 20px 0 0;
        width: 100%;
        max-height: 230px;
        object-fit: cover;
    }
}
@media (min-width:820px){
    .row-product-topic {
        max-width: 310px;
    }
}
.list-prod{
    padding: 20px;
    margin-top: -25px;
    background: var(--c-blanco);
    border-radius: 20px;
    color: var(--c-scale-80);
    h3{
        font-size: 12px;

        strong{
            font-size: 25px;
        }
    }

}
.list-price{
    h3{
        font-size: 16px;
        b{
            font-size: 17px;
        }
    }

}
.list-icons{
    ul li{
        display: flex;
        gap: 5px;
        padding: 0;
        font-size: 16px;
    }
}
@media (max-width:819px){
    .item-ico{
        .tooltip-text {
            position: initial;
            opacity: 1;
            visibility: visible;
            background-color: transparent;
            color: var(--c-scale-70);
            transform: translateX(0%);
            padding: 0;
            font-size: 14px;
            font-weight: 400;
        }
        .tooltip-text-mult::after, .tooltip-text::after{
            display: none;
        }
    }
}

.badge-flotante{
    background: linear-gradient(45deg, var(--c-yellow-40), var(--c-yellow-hover));
    box-shadow: -5px 5px 12px -5px var(--c-yellow-hover-10);
    color: var(--c-blanco);
    font-size: 30px;
    position: absolute;
    top: -12px;
    right: 20px;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    font-weight: 300;
    stroke-width: 1px;
    span{
        font-size: 12px;
        font-weight: 400;
    }

    &:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: -1px;
        right: 86px;
        border-top: 14px solid transparent;
        border-right: 18px solid var(--c-yellow-hover-10);
        border-bottom: 0px solid transparent;
    }
}