/* Vitrina Random - Namespace rnd__ */
.rnd {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: var(--vitrina-random-fondo);
    padding-bottom: 10px;
}

.rnd__cate {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    background: var(--vitrina-random-fondo-titulo);
    color: var(--vitrina-random-color);
    font-size: var(--vitrina-titulo-1000);
    font-family: var(--vitrina-random-titulo-font-family);
}

.rnd__slider-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.rnd__container {
    display: flex;
    overflow-x: auto;
    gap: 15px;
    padding: 20px 15px;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.rnd__container::-webkit-scrollbar { display: none; }

.rnd__card {
    flex: 0 0 auto;
    width: 180px; /* Más estrecha que destacados */
    height: 230px; /* Más baja al no tener precios ni botón */
    background: var(--vitrina-card-bg);
    border-radius: var(--vitrina-card-radius);
    border: var(--vitrina-card-border);
    transition: all 0.3s ease;
    overflow: hidden;
}

.rnd__card:hover {
    transform: translateY(-5px);
    border: var(--vitrina-card-border-hover);
    box-shadow: var(--vitrina-card-shadow);
}

.rnd__link {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 12px;
    box-sizing: border-box;
}

.rnd__conte-image {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.rnd__img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.rnd__name {
    font-size: 13px;
    font-weight: 500;
    color: #444;
    text-align: center;
    margin: 0;
    height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rnd__tag {
    margin-top: auto;
    font-size: 10px;
    text-transform: uppercase;
    color: #999;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

.rnd__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--vitrina-btn-carrucel-bg);
    border: var(--vitrina-btn-carrucel-border);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--vitrina-btn-carrucel-shadow);
}
.rnd__btn:hover{
    background: var(--vitrina-btn-carrucel-bg-hover);
}

.rnd__btn.prev { left: 5px; }
.rnd__btn.next { right: 5px; }

@media (max-width: 720px) {
    .rnd__card { width: 150px; height: 210px; }
    .rnd__btn { width: 30px; height:30px; }
}