.nova-app2024 * {
    font-family: 'Roboto', sans-serif ;
}

.nova-app2024 strong,
.nova-app2024 b {
    font-weight: 700;
}



.keymessage-app .key-info .left-info h1.highlight {
    font-family: 'MonumentExtended', sans-serif;
    font-size: 50px;
    font-weight: 600;
    line-height: 46px;
    color: #DBC074 !important;
    letter-spacing: 3px;
    margin-bottom: 5px;
}

    .keymessage-app h1.highlight span {
        font-family: 'MonumentExtended', sans-serif;
        font-size: 25px;
    }

.selector-wrapper {
    padding-bottom: 10px;
}


.selector .selector-wrapper .screen .info {
    font-size: 28px !important;
    line-height: 32px !important;
    color: #000000 !important;
    font-style: italic !important;
}

.selector .selector-wrapper .screen .info span.special {
    font-weight: 100;
}

.nova-app2024 #conceptJersey .left-column h3 {
    font-size: 46px !important;
}

.details .horizontal-detail{
    padding-bottom: 60px !important;
}

.intro .info-wrapper {
    background-color: #242424;
}

.intro.repsol-intro .info-wrapper {
    background-color: #ffffff;
}

.intro .player-img, .intro .texture-img, .intro .player-img img {
    height: initial;
    bottom: initial;
    position: relative;
}
.intro .player-img img {
    transform: translateY(-10%);
}
.intro.repsol-intro .player-img img {
    transform: translateY(-36%);
}
.intro.repsol-intro .texture-img img {
    margin-top: -200px;
    float: right;
}
/*.intro.repsol-intro .player-img {
    bottom: -215px;
}

.intro.repsol-intro .texture-img {
    bottom: -400px;
}*/
.intro.repsol-intro .text-wrapper {
    top: 0;
}
.intro.repsol-intro .text-wrapper .title {
    font-style: italic;
    padding-bottom: 24px;
    width: 85%;
}

.carteira .cite p:first-child {
    font-size: 36px !important;
    line-height: 42px !important
}
.carteira .cite p:last-child {
    font-size: 20px !important;
    line-height: 24px !important
}


.download-app .product-img-title .title{
    font-size: 46px !important;
    font-style: italic;
}


.download-app .img-wrapper .title.no-mobile {
    font-style: italic;
}


.download-app .img-wrapper picture img {
    object-position: 80%;
}

.intro.repsol-intro {
    background-color: #ffffff;
}

    .intro.repsol-intro .dark-div {
        height: 400px;
        margin-bottom: 60px;

    }

.intro .text-wrapper .title {
    font-weight: 100 !important;
    width: 83%;
    font-style: italic;
}
.nova-app2024 #conceptJersey .left-column {
    gap: 15px;
}
.carteira .cite p:first-child {
    width: 90%;
}

.nova-app2024.campaign2025 .intro .dark-div {
    height: initial ;
}

.nova-app2024.campaign2025 .intro .dark-div p {
    bottom: initial;
    line-height: 1.2em;
    padding-top: 10px;
}


/*****************************************************************************************************************************/
@media (min-width: 768px) {
    .keymessage-app .key-info .left-info h1.highlight {
            font-size: 74px;
            line-height: 74px;
            margin-bottom: 10px;
        }

            .keymessage-app h1.highlight span {
                font-size: 44px;
            }

        .selector-wrapper{
            padding-bottom: 33px;
        }
        .selector .selector-wrapper .screen .info {
            font-size: 28px;
            line-height: 32px;
        }
        .details .horizontal-detail {
            padding-bottom: 80px !important;
        }

        .intro .player-img {
            height: 800px;
            position: absolute;
            bottom: -400px;
        }
        .intro .player-img img {
            transform: translateY(-16%);
            min-width: 500px;
        }
        .intro.repsol-intro .dark-div {
            visibility: hidden;
        }

        .intro.repsol-intro .player-img {
            bottom: -215px;
        }
        .intro.repsol-intro .texture-img {
            padding-bottom: 260px;
        }
        .intro.repsol-intro .player-img img {
            transform: translateY(-220px);
        }
        .nova-app2024.campaign2025 .intro .dark-div p {
            padding-top: 60px;
            padding-bottom: 100px;
        }

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

            .intro.repsol-intro .text-wrapper .title{
                width: 50%;
            }

            .download-app .img-wrapper picture img {
                object-position: initial;
            }

        .intro .text-wrapper .title {
            width: 55%;
        }
        .nova-app2024 #conceptJersey .left-column{
            gap: 30px;
        }

        .nova-app2024.campaign2025 .intro .dark-div {
            height: initial;
        }

        .nova-app2024.campaign2025 .intro .dark-div p {
            bottom: initial;
        }

        .details .color-layer .img-info:last-of-type {
            align-self: initial;
            padding-top: 180px;
        }

        .details .color-layer .img-info:first-of-type {
            padding-bottom: 0;
        }


    }




/*.nova-app2024 * {
    font-family: 'Mont', sans-serif ;
}

.nova-app2024 strong,
.nova-app2024 b {
    font-weight: 700;
}

.intro.repsol-intro .text-wrapper .title{
    font-style: italic;
    font-we
    padding-bottom: 24px;
}

.keymessage-app h1.highlight {
    font-family: 'MonumentExtended', sans-serif;
    font-size: 74px;
    font-weight: 600;
    line-height: 80px;
    color: #DBC074 !important;
    letter-spacing: 3px;
}

    .keymessage-app h1.highlight span {
        font-family: 'MonumentExtended', sans-serif;
        font-size: 44px;
    }

            .selector-wrapper .screen .info {
                color: #000000 !important;
                font-style: italic;
            }

.nova-app2024 #conceptJersey .left-column h3 {
    font-size: 46px !important;
}

.details .horizontal-detail{
    padding-bottom: 80px !important;
}

.carteira .cite p:first-child {
    font-size: 36px !important;
    line-height: 42px !important
}

.download-app .product-img-title .title{
    font-size: 46px !important;
    font-style: italic;
}


.download-app .img-wrapper .title.no-mobile {
    font-style: italic;
}

.intro.repsol-intro {
    background-color: #ffffff;
}

    .intro.repsol-intro .dark-div {
        visibility: hidden;
    }

.intro .text-wrapper .title {
    font-weight: 100 !important;
}

    @media (max-width: 768px) {
        .keymessage-app h1.highlight {
            font-size: 50px !important;
            line-height: 50px !important;
        }

            .keymessage-app h1.highlight span {
                font-size: 25px;
            }

        .selector-wrapper{
            padding-bottom: 10px;
        }
        .selector-wrapper .screen .info {
            font-size: 28px !important;
            line-height: 32px;
        }
        .details .horizontal-detail {
            padding-bottom: 60px !important;
        }

        .intro.repsol-intro .dark-div {
            height: 400px;
            margin-bottom: 60px;
        }

        .intro.repsol-intro .player-img {
            bottom: -150px;
        }

        .intro.repsol-intro .texture-img {
            bottom: -400px;
        }

        .intro.repsol-intro .text-wrapper {
            top: 0;
        }

            .intro.repsol-intro .text-wrapper .title{
                width: 85%;
            }

            .download-app .img-wrapper picture img {
                object-position: 80%;
            }

        .intro .text-wrapper .title {
            width: 70%;
        }

        .nova-app2024 #conceptJersey .left-column h3 {
            font-size: 46px !important;
        }

        .nova-app2024 #conceptJersey{
            gap: 15px;
        }

        .nova-app2024 #conceptJersey .left-column{
            gap: 15px;
        }

        .carteira .cite p:first-child {
           width: 90%;
        }
    }*/