.cardProduct .col-100{
    display: flex;
}

.imgProductDO img{
    width: 100%;
    margin: auto;
    max-width: 280px;
    padding: 10px;
}

html body .w100{width: 100%!important;}

.planes .col-100{
    padding: 0px 10px;
}

.planes .col-100 img{
    width: 100%;
    max-width: 250px;
    margin: auto;
    display: block;
}
.planes .card span{
    font-family: 'font__5';
    font-size: 24px;
    text-align: center;
    width: 100%;
    display: block;
    padding-top: 10px;
}
.planes .card label{
    font-size: 16px;
    text-align: center;
    width: 100%;
    display: block;
}
.comprar-ahora{
    padding:20px;
    padding-top:5px;
}
html body .comprar-ahora .button{
    position: relative;
    font-family: 'font__5';
    background: #478c08!important;
}
.comprar-ahora i{
    position: absolute;
    top:10px;
    left:15px;
    font-size: 16px;
}
.recomendado{
    all: unset;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    position: absolute;
    font-family: font__5;
    background: linear-gradient(-15deg, #2e8900, #19ca03);
    color: white;
    border-radius: 24pt;
    padding: 0px 10px;
    top: -16px;
    border: 3px solid white;
    box-shadow: 0px 0px 10px -6px black;
}