/* =============================
   SPONSOR / PARTNERS SECTION
   CSS usato anche nel taxi-template
============================= */

.partners-section {
    margin: 3rem 0;
}

.partners-container {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    padding: 0.5rem;
    scroll-snap-type: x mandatory;
}

.partner-banner {
    flex: 0 0 80%;
    max-width: 80%;
    display: block;
    scroll-snap-align: center;
}

.partner-banner img {
    width: 100%;
    height: auto;
    border-radius: 0.75rem;
    display: block;
    object-fit: cover;
}

/* Desktop: mostra 3 banner allineati */
@media (min-width: 768px) {
    .partners-container {
        overflow: visible;
        justify-content: center;
    }

    .partner-banner {
        flex: 0 0 calc((100% - 3rem) / 3);
        max-width: calc((100% - 3rem) / 3);
    }
}