

.sin-interes {
    margin-top: 4px;
    border-radius: 0.25rem;
    background: rgba(76, 166, 134, 0.10);
    color: #4CA686;
    padding: 4px 6px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    gap: 4px;
}

.sin-interes::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M12.9596 3.22363C13.6318 3.2919 14.1566 3.8597 14.1569 4.5498V11.2168C14.1569 11.9071 13.6319 12.4746 12.9596 12.543L12.8239 12.5498H3.48987C2.79979 12.5496 2.23214 12.0256 2.1637 11.3535L2.15686 11.2168V4.5498C2.15715 3.81378 2.75382 3.21697 3.48987 3.2168H12.8239L12.9596 3.22363ZM3.15686 7.09473V11.2168C3.15686 11.4008 3.30592 11.5496 3.48987 11.5498H12.8239C13.0077 11.5495 13.1569 11.4007 13.1569 11.2168V7.09473H3.15686ZM3.48987 4.2168C3.3061 4.21697 3.15715 4.36607 3.15686 4.5498V6.09473H13.1569V4.5498C13.1566 4.36616 13.0075 4.21713 12.8239 4.2168H3.48987Z' fill='%234CA686'/></svg>");
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .sin-interes {
        font-size: 10px !important;
        padding: 4px 2px;
        gap: 2px;
    }

    .sin-interes span {
        font-size: 10px !important;
    }

    .sin-interes::before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 16px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M12.9596 3.22363C13.6318 3.2919 14.1566 3.8597 14.1569 4.5498V11.2168C14.1569 11.9071 13.6319 12.4746 12.9596 12.543L12.8239 12.5498H3.48987C2.79979 12.5496 2.23214 12.0256 2.1637 11.3535L2.15686 11.2168V4.5498C2.15715 3.81378 2.75382 3.21697 3.48987 3.2168H12.8239L12.9596 3.22363ZM3.15686 7.09473V11.2168C3.15686 11.4008 3.30592 11.5496 3.48987 11.5498H12.8239C13.0077 11.5495 13.1569 11.4007 13.1569 11.2168V7.09473H3.15686ZM3.48987 4.2168C3.3061 4.21697 3.15715 4.36607 3.15686 4.5498V6.09473H13.1569V4.5498C13.1566 4.36616 13.0075 4.21713 12.8239 4.2168H3.48987Z' fill='%234CA686'/></svg>");
        background-repeat: no-repeat;
    }

    .content-listado .swiper-products .col-6 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .item-producto {
        margin: 4px 0;
    }
}

.content-product {
    padding: 0 4px !important;
}
