.title-vivo {
    color: black;
    font-weight: 500;
}

.lista-cab {
    margin-top: 15px;
}

.syne {
    font-family: 'Syne';
}

.span-red-vivo {
    font-size: 14px;
    background-color: red;
    padding: 10px;
    font-weight: 500;
    color: whitesmoke;

}

.span-red-vivo-x {
    font-size: 14px;
    background-color: red;
    padding: 10px;
    font-weight: 500;
    color: whitesmoke;  
    /*margin-left: 29.9%;*/
    float: right;
}

.span-red-vivo-s {
    font-size: 14px;
    background-color: rgb(224 224 224);
    padding: 9px;
    font-weight: 500;
    color: #525252;
}

@media (max-width:997px) {
    .lote-pre-oferta {
        position: absolute;
        width: 50%;
        font-size: 11px;
        padding: 16px;
        margin-top: -179px !important;
        margin-left: -82px;
    }

    .span-red-vivo {
        background-color: red;
        padding: 10px;
        font-weight: 500;
        color: whitesmoke;
        font-size: 9px !important;

    }

    .span-red-vivo-x {
        font-size: 9px !important;
        background-color: red;
        padding: 10px;
        font-weight: 500;
        color: whitesmoke;
        margin-left: 0;
        float: right;
    }

    .span-red-vivo-s {
        font-size: 9px !important;
        background-color: rgb(224 224 224);
        padding: 10px;
        font-weight: 500;
        color: #525252
    }

    .lote-pre-ofertas {
        position: absolute;
        width: 59%;
        font-size: 10px;
        padding: 6px;
        margin-top: -106px !important;
        margin-left: -59px;
    }
}

@media (max-width:1200px) {
    .span-red-vivo {
        background-color: red;
        padding: 10px;
        font-weight: 500;
        color: whitesmoke;
        font-size: 8px !important;

    }

    .span-red-vivo-x {
        font-size: 8px !important;
        background-color: red;
        padding: 10px;
        font-weight: 500;
        color: whitesmoke;
        float: right;
        /*margin-left: 41% !important;*/
    }

    .span-red-vivo-s {
        font-size: 7px !important;
        background-color: rgb(224 224 224);
        padding: 10px;
        font-weight: 500;
        color: #525252
    }
}

.caja-top {
    background-color: red;
    padding: 5%;
}

@media (max-width: 768px) {
    .card-group {
        margin: -37px;
    }

    .span-red-vivo-x {
        /*margin-left: 31% !important;*/
    }

    .lote-pre-oferta {
        position: absolute;
        width: 57%;
        font-size: 11px;
        padding: 10px;
        margin-top: -131px !important;
        margin-left: -69px;


    }
}

@media (max-width: 575px) {
    .lote-pre-ofertas {
        position: absolute;
        width: 59%;
        font-size: 28px;
        padding: 6px;
        margin-top: -261px !important;
        margin-left: -156px;
    }

    .card-group {
        margin: 0;
    }

    .lote-pre-oferta {
        position: absolute;
        width: 57%;
        font-size: 11px;
        padding: 10px;
        margin-top: -231px !important;
        margin-left: -30%;
    }
}

@media (max-width: 430px) {
    .lote-pre-oferta {
        position: absolute;
        width: 57%;
        font-size: 11px;
        padding: 10px;
        margin-top: -198px !important;
        margin-left: -110px;
    }

    .lote-pre-ofertas {
        position: absolute;
        width: 57%;
        font-size: 11px;
        padding: 10px;
        margin-top: -198px !important;
        margin-left: -30%;
    }
}

@media (min-width:1020px) {
    .lote-pre-ofertas {
        margin-top: -60px;
        display: table;
    }
}

@media (max-width: 564px) {
    .span-red-vivo-x {
        margin-left: 0% !important;
    }
}

@media (max-width:360px) {
    .lote-pre-ofertas {
        position: absolute;
        width: 57%;
        font-size: 11px;
        padding: 10px;
        margin-top: -169px !important;
        margin-left: -30%;
    }

    .lote-pre-oferta {
        position: absolute;
        width: 57%;
        font-size: 11px;
        padding: 10px;
        margin-top: -169px !important;
        margin-left: -30%;
    }
}