/* TIRA DE MINIATURAS DENTRO DEL MODAL */

.thumbs-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.thumbs-viewport {
    width: 260px; /* 3 thumbs */
    overflow: hidden;
}

.thumbs-track {
    display: flex;
    gap: 6px;
    transition: transform .3s ease;
}

.modal-thumb {
    width: 80px;
    height: 80px;
    object-fit: cover;
    cursor: pointer;
    opacity: .6;
    border: 2px solid transparent;
    flex-shrink: 0;
}

.modal-thumb.active {
    opacity: 1;
    border-color: #fff;
}

.thumb-btn {
    background: rgba(0,0,0,.7);
    border: none;
    color: #fff;
    font-size: 22px;
    padding: 6px 10px;
    cursor: pointer;
}