* {
    margin: 0%;
    padding: 0%;
}
.header-products-customer {
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 10px;
    font-family: "Nunito Sans", sans-serif;
}
/* nombre de la categoria */
.product-category-carrusel {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
    font-family: "Nunito Sans", sans-serif;
}
/* contenedor de la vista del viewport carrusel */
.cont-viewport-products-customer {
    /*background-color: #ebebeb49;*/
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    font-family: "Nunito Sans", sans-serif;
}

.cont-viewport-products-customer::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 0.9;
    /* background-color: rgb(109, 109, 251); */
    background-color: #d4d2d2;
    border-radius: 4px; /* Bordes redondeados */
}

.cont-viewport-products-customer::-webkit-scrollbar {
    display: none; /* Oculta la barra de desplazamiento en navegadores WebKit como Chrome y Safari */
}
/*  firefox */
.cont-viewport-products-customer {
    scrollbar-width: none;
    -webkit-scrollbar-width: none;
}
.cont-viewport-products-customer {
    -ms-overflow-style: none; /* Oculta la barra de desplazamiento en IE y Edge */
}
.cont-viewport-products-customer:hover .icon-back-carrusel-products-customer {
    display: flex;
}

.cont-viewport-products-customer:hover .icon-next-carrusel-products-customer {
    display: flex;
}
.icon-back-carrusel-products-customer {
    z-index: 1;
    outline: color-mix(in srgb, #afaeae 60%, transparent) solid 0.2px;
    position: absolute;
    font-size: 40px;
    display: none;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 2%;
    background-color: color-mix(in srgb, #f1f6f7 65%, transparent);
    border-radius: 50%;
    color: color-mix(in srgb, #2c2e30 85%, transparent);
    height: min-content;
    padding: 5px;
    cursor: pointer;
}
.linea-notification-error {
    background-color: red;

    height: 2px;
    animation: loading 2500ms 1;
}
@keyframes loading {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

.linea-notification-success {
    background-color: rgb(32, 212, 62);
    height: 2px;
    animation: loading 2500ms 1;
}

.icon-next-carrusel-products-customer {
    position: absolute;
    outline: color-mix(in srgb, #afaeae 60%, transparent) solid 0.2px;
    background-color: color-mix(in srgb, #f1f6f7 65%, transparent);
    font-size: 40px;
    cursor: pointer;
    display: none;
    justify-content: center;
    align-items: center;
    right: 2%;
    top: 50%;
    color: color-mix(in srgb, #302c2c 85%, transparent);
    border-radius: 50%;
    padding: 5px;
}

/* contenedor de las cards */
.cont-carrusel-product {
    display: flex;
    gap: 35px;
}
/* carta del producto */
.card-carrusel-product {
    margin-top: 4px;
    margin-bottom: 5px;
    width: 254px;
    /*     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; */
    /*   background-color: #ebebeb49; */
    background: white;
}

/* imagen del producto */
.cont-img-product-customer {
    height: 250px;
    width: 254px;
    position: relative;
}

.cont-img-product-customer img {
    height: 100%;
    width: 100%;

    mask-image: linear-gradient(black 80%, transparent);
}
.tag-rent-product {
    position: absolute;
    background: linear-gradient(to right, #c5cffd 80%, #d9dffe);

    /* background: linear-gradient(to right, #adadad 80%, #d7d7d7); */
    font-size: 15px;
    font-weight: 500;
    padding: 4px;
    z-index: 1;
    top: 0%;
    left: 0%;
}
/* nombre del producto */
.product-name-card {
    white-space: nowrap;
    width: 254px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    font-size: 18px;
}

/* descripcion del producto */
.product-description-card {
    width: 100%;
    font-weight: 300;
    color: rgb(78, 78, 78);
    height: 100px;
    overflow-y: scroll;
}

/* Estilizar la barra de desplazamiento */
.product-description-card::-webkit-scrollbar {
    width: 3px; /* Grosor de la barra de desplazamiento */
}

.product-description-card::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 0.9;
    /* background-color: rgb(109, 109, 251); */
    background-color: #d4d2d2;
    border-radius: 4px; /* Bordes redondeados */
}

/* precio del producto */
.product-price-card {
    font-weight: 400;
}