.jersey-home .intro {
    pointer-events: none;
}


.jersey-home:last-of-type .intro {
    cursor: pointer;
    pointer-events: all;
}

.intro .info-wrapper {
    position: relative;
}

.intro .text-wrapper p {
    font-size: 20px;
    line-height: 26px;
}

.intro .back {
    position: relative;
}

    .intro .back img {
        object-fit: cover;
        height: 100%;
        min-height: 546px;
        width: 100%;
    }

.intro .dark-div.principal {
    min-height: 233px;
    background-color: #242424;
    /*background-image: url('/Images/Jersey24_25/background-principal.png');*/
    /*background-repeat: repeat;*/
}

.intro .dark-div.alternate {
    min-height: 233px;
    background-color: #242424;
    /*background-image: url('/Images/Jersey22_23/background-alternate.png');*/
    /*background-repeat: repeat;*/
    /*background-position: 6% 2%;*/
}

.intro .dark-div.third {
    min-height: 233px;
    background-color: #242424;
    background-image: url('/Images/Jersey22_23/background-third.png');
    background-repeat: repeat;
    background-position: 39% 4%;
}

.intro .dark-div p {
    position: relative;
    /*padding: 47px 15px 30px;*/
    padding: 120px 15px 30px 15px;
    color: white;
    font-size: 26px;
    font-weight: bold;
    width: 95%;
}

.intro .text-wrapper {
    position: absolute;
    padding: 60px 15px;
    color: white;
    top: 0;
}

    .intro .text-wrapper .title {
        font-size: 36px;
        line-height: 42px;
        font-weight: bold;
        margin: 0;
        /*padding-right: 20%;*/
        color: white;
    }

.intro .shadows {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

    .intro .shadows .top-shadow {
        height: 360px;
        width: 100%;
        top: 0;
        background: linear-gradient(to bottom, rgb(0 0 0 / 65%), transparent);
    }

.intro .bot-shadow {
    height: 187px;
    width: 100%;
    background: linear-gradient(to top, rgb(0 0 0 / 50%), transparent);
}

.intro .shadows .top-color-layer {
    height: 22px;
    width: 100%;
    position: absolute;
    top: 0;
    mix-blend-mode: multiply;
}

.intro.principal .shadows .top-color-layer {
    background: #c30000;
}

.intro.alternate .shadows .top-color-layer {
    background: #F3B300;
}

.intro .texture-img {
    position: absolute;
    bottom: -80.5px;
    right: 0;
}

.intro .player-img {
    position: absolute;
    bottom: -100.5px;
    left: 0;
}

    .intro .player-img img {
        width: min(calc(270 / 375 * 100vw), 270px);
    }

.intro .texture-img img {
    width: min(calc(180 / 375 * 100vw), 180px);
}

.intro .player-img .campaign-element {
    z-index: 10;
}

@media(min-width: 992px) {

    .intro .text-wrapper {
        display: flex;
        padding: 120px 135px;
        gap: 25px;
    }

        .intro .text-wrapper .title {
            font-size: 46px;
            line-height: 52px;
            padding: 0;
            width: 50%;
        }

        .intro .text-wrapper p {
            font-size: 20px;
            line-height: 26px;
            width: 50%;
        }

    .intro .shadows .top-shadow {
        height: 49%;
    }

    .intro .shadows .bot-shadow {
        height: 51%;
    }

    .intro .shadows .top-color-layer {
        height: 50px;
        width: 55%;
    }

    .intro.principal .shadows .top-color-layer {
        margin-right: 5%;
        right: 0;
    }

    .intro.alternate .shadows .top-color-layer {
        margin-left: 5%;
    }

    .jersey22_23-home.fase1 .intro.principal .shadows .top-color-layer {
        margin-right: 0;
        width: 60%;
    }

    .intro .back img {
        min-height: 878px;
    }

    .intro .player-img {
        bottom: -245px;
    }

    .intro .texture-img {
        bottom: 0;
    }

        .intro .player-img img, .intro .texture-img img {
            width: min( calc(559 / 1366 * 100vw), 559px);
        }

    .intro .dark-div.alternate, .intro .dark-div.principal {
        min-height: 252px;
    }

    .intro .dark-div p {
        padding: 60px 135px;
        font-size: 36px;
        width: max( calc(805 / 1366 * 100vw), 520px);
        margin-right: 0;
        margin-left: auto;
        line-height: 42px;
        color: black;
    }

    .register-login .info-section {
        position: relative;
        overflow: visible;
    }
}