.whatsapp-icon {
    margin-top:13px;
}
.whatsapp {
    width: 60px;
    height: 60px;
    color: #FFF;
    border-radius: 10px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    padding: 5px;

}
.whatsapp a:hover, a:focus {
    color: #FFF !important;
    text-decoration: none;
}
.contenedor-btn-whatsapp{
    margin-bottom: 20px;
    text-align: center;
}
#descripcion-desktop {
    margin-left: 0px !important;
    margin-top: 15px;
    padding-right: 20px;
    font-size: .90em;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-word;
    line-height: 17px;
}
.card-desktop{
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 6px;
    color: rgba(0,0,0,0.87);
    background: #fff;
}

@media only screen and (min-width : 320px) {
    .etiqueta_porcentaje {
        color: #ffffff;
        top: -47px;
        right: 74%;
        margin-right: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
        text-align: center;
        position: absolute;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        float: left;
        width: 30%;
        height: 39px;
        border-left-style: dotted;
        border-left-style: none;
    }

    .etiqueta_letra {
        color: #ffffff;
        top: -15px !important;
        right: 44% !important;
        margin-right: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
        text-align: center;
        position: absolute;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        float: left;
        width: 60% !important;
        height: 49px !important;
        border-left-style: dotted;
        border-left-style: none;
    }
    .porcentaje_personalizado{
        position: absolute;
        right: 81%;
        z-index: 500;
        font-size: 2.5rem;
        color: white;
        font-weight: bold;
        top: -7%;
    }
    .off_l{
        position: absolute;
        right: 86%;
        z-index: 500;
        font-size: 1.2rem;
        color: white;
        font-weight: bold;
        top: 3%;
    }
}

@media only screen and (min-width : 375px) {
    .porcentaje_personalizado {
        position: absolute;
        right: 82%;
        z-index: 500;
        font-size: 2.5rem;
        color: white;
        font-weight: bold;
        top: -5%;
    }
    .off_l {
        position: absolute;
        right: 86%;
        z-index: 500;
        font-size: 1.5rem;
        color: white;
        font-weight: bold;
        top: 5%;
    }
}
@media only screen and (min-width : 414px) {
    .porcentaje_personalizado {
        position: absolute;
        right: 83%;
        z-index: 500;
        font-size: 2.5rem;
        color: white;
        font-weight: bold;
        top: -3%;
    }
    .off_l {
        position: absolute;
        right: 86%;
        z-index: 500;
        font-size: 1.70rem;
        color: white;
        font-weight: bold;
        top: 7%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .porcentaje_personalizado {
        position: absolute;
        right: 82%;
        z-index: 500;
        font-size: 1.70rem;
        color: white;
        font-weight: bold;
        top: -3%;
    }
    .off_l {
        position: absolute;
        right: 84%;
        z-index: 500;
        font-size: 1.3rem;
        color: white;
        font-weight: bold;
        top: 7%;
    }
    .etiqueta_porcentaje {
        top: -28px;
        right: 74%;
    }
}

@media only screen and (min-width : 600px) {
    .porcentaje_personalizado {
        position: absolute;
        right: 83%;
        z-index: 500;
        font-size: 3.7rem;
        color: white;
        font-weight: bold;
        top: 10%;
    }
    .off_l {
        position: absolute;
        right: 86%;
        z-index: 500;
        font-size: 2.3rem;
        color: white;
        font-weight: bold;
        top: 18%;
    }
    .etiqueta_porcentaje {
        top: -28px;
        right: 74%;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .porcentaje_personalizado {
        position: absolute;
        right: 83%;
        z-index: 500;
        font-size: 1.6rem;
        color: white;
        font-weight: bold;
        top: -3%;
    }
    .off_l {
        right: 86%;
        font-size: 1.2rem;
        top: 7%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .etiqueta_porcentaje {
        color: #ffffff;
        top: -47px;
        right: 74%;
        margin-right: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
        text-align: center;
        position: absolute;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        float: left;
        width: 30%;
        height: 39px;
        border-left-style: dotted;
        border-left-style: none;
    }

    .etiqueta_letra {
        color: #ffffff;
        top: -15px !important;
        right: 44% !important;
        margin-right: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
        text-align: center;
        position: absolute;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        float: left;
        width: 60% !important;
        height: 49px !important;
        border-left-style: dotted;
        border-left-style: none;
    }
    .porcentaje_personalizado {
        position: absolute;
        right: 83%;
        z-index: 500;
        font-size: 2.6rem;
        color: white;
        font-weight: bold;
        top: -3%;
    }
    .off_l {
        right: 85%;
        font-size: 1.8rem;
        top: 7%;
    }
}
@media only screen and (min-width : 1024px) {
    .etiqueta_porcentaje {
        top: -47px;
        right: 74%;
        width: 33%;
        height: 50px;
    }

    .etiqueta_letra {
        color: #ffffff;
        top: -15px !important;
        right: 44% !important;
        margin-right: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
        text-align: center;
        position: absolute;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        float: left;
        width: 60% !important;
        height: 49px !important;
        border-left-style: dotted;
        border-left-style: none;
    }
    .porcentaje_personalizado {
        position: absolute;
        right: 83%;
        z-index: 500;
        font-size: 2.2rem;
        color: white;
        font-weight: bold;
        top: -6%;
    }

    .off_l {
        position: absolute;
        right: 86%;
        z-index: 500;
        font-size: 1.3rem;
        color: white;
        font-weight: bold;
        top: 4%;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .etiqueta_porcentaje {
        color: #ffffff;
        top: -47px;
        right: 74%;
        margin-right: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
        text-align: center;
        position: absolute;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        float: left;
        width: 30%;
        height: 39px;
        border-left-style: dotted;
        border-left-style: none;
    }

    .etiqueta_letra {
        color: #ffffff;
        top: -15px !important;
        right: 44% !important;
        margin-right: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
        text-align: center;
        position: absolute;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        float: left;
        width: 60% !important;
        height: 49px !important;
        border-left-style: dotted;
        border-left-style: none;
    }
    .porcentaje_personalizado{
        position: absolute;right: 82%;z-index: 500;font-size: 2.85rem;color: white;font-weight: bold;
    }
    .off_l{
        position: absolute;right: 86%;z-index: 500;font-size: 1.5rem;color: white;font-weight: bold;top: 10%;
    }
}

.btn_carrito_what{
    background: #00bb2d;
    color: #FFF;
    text-align: center;
    width: 98%;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.45rem;
    margin-bottom: 10px;
    border:none;
}

.swal2-icon.swal2-question {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    color: #87adbd;
    border-color: #c9dae1;
    font-size: 1.70rem !important;
    line-height: 80px;
    text-align: center;
}
.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86;
    font-size: 1.70rem !important;
}

elemento {
    display: inline-block;
    background-color: rgb(0, 187, 45);
    border-left-color: rgb(0, 187, 45);
    border-right-color: rgb(0, 187, 45);
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
}
.swal2-styled.swal2-confirm {
    font-size: 1.70em !important;
}
.swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474;
    font-size: 1.35rem !important;
}