/* ========================================
       CONTENEDOR PRINCIPAL
       ======================================== */

    #wanapix-colab-5 {

        width: 100vw;

        position: relative;

        left: 50%;
        margin-left: -50vw;

        padding: 20px 0;

        background: transparent;

        overflow: hidden;
    }

    /* ========================================
       SWIPER
       ======================================== */

    #wanapix-colab-5 .colab-swiper {

        width: 100%;

        overflow: hidden;
    }

    #wanapix-colab-5 .swiper-wrapper {

        transition-timing-function: linear !important;

        align-items: stretch;
    }

    /* ========================================
       COLUMNA CON DOS LOGOTIPOS
       ======================================== */

    #wanapix-colab-5 .colab-slide {

        display: grid !important;

        grid-template-rows: 110px 110px;

        row-gap: 30px;

        justify-items: center;

        align-items: center;

        height: 250px !important;

        box-sizing: border-box;

        overflow: visible;
    }

    /* ========================================
       ENLACES
       ======================================== */

    #wanapix-colab-5 .colab-link {

        display: flex !important;

        align-items: center;

        justify-content: center;

        width: 100%;

        height: 110px;

        text-decoration: none;

        text-align: center;
    }

    /* ========================================
       CAJAS DE LOGOTIPOS
       ======================================== */

    #wanapix-colab-5 .colab-logo {

        width: 200px;

        max-width: 100%;

        height: 90px;

        display: flex;

        align-items: center;

        justify-content: center;
    }

    /* ========================================
       IMÁGENES
       ======================================== */

    #wanapix-colab-5 .colab-img {

        width: 100% !important;

        height: 100% !important;

        max-width: 100% !important;

        max-height: 100% !important;

        object-fit: contain !important;

        display: block;

        margin: auto;

        filter:
            grayscale(100%)
            brightness(1.15)
            contrast(1.05) !important;

        opacity: 0.95 !important;

        transform: scale(var(--colab-scale, 1));

        transition:
            filter 0.4s ease,
            opacity 0.4s ease,
            transform 0.4s ease !important;
    }

    /* ========================================
       COLOR ORIGINAL AL PASAR EL RATÓN
       ======================================== */

    #wanapix-colab-5    .colab-link:hover .colab-img {

        filter: none !important;

        opacity: 1 !important;

        transform:
            scale(calc(var(--colab-scale, 1) * 1.08));
    }

    /* ========================================
       TABLETS
       ======================================== */

    @media (max-width: 1024px) {

        #wanapix-colab-5 .colab-slide {

            grid-template-rows: 100px 100px;

            row-gap: 25px;

            height: 225px !important;
        }

        #wanapix-colab-5 .colab-link {

            height: 100px;
        }

        #wanapix-colab-5 .colab-logo {

            width: 180px;

            height: 80px;
        }
    }

    /* ========================================
       MÓVILES
       ======================================== */

    @media (max-width: 767px) {

        #wanapix-colab-5 {

            padding: 15px 0;
        }

        #wanapix-colab-5 .colab-slide {

            grid-template-rows: 85px 85px;

            row-gap: 20px;

            height: 190px !important;
        }

        #wanapix-colab-5 .colab-link {

            height: 85px;
        }

        #wanapix-colab-5 .colab-logo {

            width: 150px;

            max-width: 100%;

            height: 70px;
        }

        #wanapix-colab-5        .colab-link:hover .colab-img {

            transform: scale(var(--colab-scale, 1));
        }
    }