.box_identificazione {
    border: 1px solid #007AFF;
    border-radius: 10px;
    padding: 12px 0 12px 12px;
    text-align: center;
    text-decoration: underline;
    color: #007AFF;
    height: 100%;
}

.box_identificazione img {
    cursor: pointer;
}

/* Slider solo su mobile */
@media (max-width: 991px) {
    #slider_riconoscimento_specie {
        display: flex !important;
        flex-wrap: nowrap !important; /* <— evita l'andare a capo */
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 12px;
    }

    #slider_riconoscimento_specie > [class*="col-"] {
        flex: 0 0 100%; /* una slide per viewport */
        max-width: 100%;
        scroll-snap-align: start;
    }

    /* Pulsanti */
    .slider-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    }

    .slider-btn.prev {
        left: .25rem;
    }

    .slider-btn.next {
        right: .25rem;
    }
}

/* Su ≥ md torna il layout Bootstrap classico */
@media (min-width: 768px) {
    .slider-btn {
        display: none !important;
    }
}