#homeSlider {
        float: right;
        width: 690px;
        overflow: hidden;
        position: relative;
        margin-left: 10px;
    }

    .sliderTrack {
        display: flex;
        gap: 6px;
        transition: transform 0.5s ease;
        touch-action: pan-y;
    }

    /* 🔥 3 slides exactos */
    .slideCard {
        flex: 0 0 calc((100% - 12px) / 3);
        /* 2 gaps de 6px = 12px */

        height: 128px;
        position: relative;
        overflow: hidden;
    }

    .slideCard img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.35s ease, opacity 0.35s ease;
    }

    /* efecto hover */
    .slideCard:hover img {
        transform: scale(1.08);
        opacity: 0.75;
    }

    /* opcional: mejora general del card */
    .slideCard {
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }


    .nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);

        background: transparent;
        border: none;

        cursor: pointer;
        z-index: 10;

        font-size: 28px;
        /* 🔥 tamaño */
        color: #e96713;

        opacity: 0.7;
        transition: all 0.3s ease;
    }

    .nav i {
        text-shadow:
            1px 7px 5px #000,
            -1px 3px 5px #000;
    }

    /* hover fino */
    .nav:hover {
        opacity: 1;
        color: #fff;
        transform: translateY(-50%) scale(1.2);
    }

    /* posiciones */
    .prev {
        left: 1px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .next {
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        right: 1px;
    }

    @media only screen and (max-width: 1139px) {
        #homeSlider {
            width: 64%;
            margin-left: 5px;
        }
    }

    @media only screen and (max-width: 1139px) {
        #homeSlider {
            width: 64%;
        }
    }

    @media only screen and (max-width: 768px) {
        #homeSlider {
            width: 100%;
        }

        .slideCard {
            flex: 0 0 calc((100% - 6px) / 2);
        }
    }