.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;
        }
    }
}
.header-topic {
    z-index: 0;
}
.body-topic-product{
    margin-top: -20px;
    position: relative;
    @media (min-width:1024px){
        margin-top: -40px;
    }
}
.body-topic{
    margin-top: 0px;
    a:nth-child(1){
        border: 3px solid var(--c-action);
        background: var(--c-action-10);
    }
    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;
        }
    }
    
    .nivo-main-image{
        height: 250px !important;
        min-height: 100% !important;
        object-fit: cover !important;
    }
}
.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;
    position: relative;
    width: 100%;

    @media (min-width:768px){
        max-width: 320px;
    }
    img{
        border-radius: 20px 20px 0 0;
        width: 100%;
        max-height: 220px;
        object-fit: cover;
    }
}
.list-prod{
    padding: 20px;
    margin-top: -25px;
    position: relative;
    background: var(--c-blanco);
    border-radius: 20px;
    color: var(--c-scale-80);
    height: 100%;
    .title-product{
        font-size: 12px;
        font-weight: 400;
        flex-grow: 1;
        strong{
            font-size: 20px;
            line-height: 1.3;
            span{
                font-size: 14px;
            }
        }
        b{
            color: var(--c-action);
        }
    }

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

}
.list-marca{
    img{
        width: 100px;
        border-radius: 0;
    }
}
@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{
    position: absolute;
    top: -14px;
    left: 20px;
    span{
        font-size: 12px;
        font-weight: 500;
    }
}

/* Contenido Infografias */
.content-infografia-crucero{
    img{
        width: 100%;
        border-radius: 20px;
    }
    @media (min-width:820px){
        img{
            width: 600px;
        }
    }
}

/* Marcas item */
.content-marcar-landing{
    .list-marca{
        padding: 20px;
        width: 100%;
        background: var(--c-scale-20);
        border-radius: 20px;
        min-height: 30%;
        img{
            width: 130px;
        }
        &:nth-child(1) img{
            width: 160px;
        }
    }
}

/*Display*/
.display-landing{
    position: relative;
    img{
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 20px;
    }
    a{
        position: absolute;
        bottom: 50px;
        left: 50px;
        @media (min-width:820px){
            bottom: 20px;
            left: 25px;
        }
    }
}