/* =========================================================
   C'. TRASEUL POTRIVIT
   01 SINGUR(Ă)
   02 PERSONALIZAT
   03 ÎMPREUNĂ
========================================================= */

#traseu.route-cprime {
    --route-blue: #4192ff;
    --route-green: #46d982;
    --route-gold: #d3df3f;

    --route-blue-soft: rgba(65, 146, 255, .08);
    --route-green-soft: rgba(70, 217, 130, .08);
    --route-gold-soft: rgba(211, 223, 63, .09);

    --route-ink: #15242e;
    --route-text: #60727e;

    position: relative;

    isolation: isolate;
    overflow: hidden;

    padding:
        clamp(105px, 9vw, 155px)
        0
        clamp(110px, 9vw, 150px);

    background:
        linear-gradient(
            180deg,
            #fbfdfc 0%,
            #f8fbfa 48%,
            #fbfdfc 100%
        );
}


/* =========================================================
   AMBIENT
========================================================= */

#traseu .route-cprime__ambient {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(22px);

    z-index: 0;

    animation:
        routeAmbientFloat
        12s
        ease-in-out
        infinite;
}


#traseu .route-cprime__ambient--blue {
    width: 500px;
    height: 500px;

    top: -190px;
    left: -230px;

    background:
        radial-gradient(
            circle,
            rgba(65, 146, 255, .12),
            transparent 69%
        );
}


#traseu .route-cprime__ambient--green {
    width: 520px;
    height: 520px;

    top: 28%;
    left: 43%;

    background:
        radial-gradient(
            circle,
            rgba(70, 217, 130, .08),
            transparent 70%
        );

    animation-delay:
        -4s;
}


#traseu .route-cprime__ambient--gold {
    width: 480px;
    height: 480px;

    right: -220px;
    bottom: -180px;

    background:
        radial-gradient(
            circle,
            rgba(211, 223, 63, .10),
            transparent 70%
        );

    animation-delay:
        -7s;
}


@keyframes routeAmbientFloat {

    0%,
    100% {
        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

    50% {
        transform:
            translate3d(0, -18px, 0)
            scale(1.035);
    }

}


/* =========================================================
   GRID FUNDAL
========================================================= */

#traseu .route-cprime__grid-bg {
    position: absolute;
    inset: 0;

    z-index: 0;

    pointer-events: none;

    opacity: .035;

    background-image:
        linear-gradient(
            rgba(26, 54, 68, .24) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(26, 54, 68, .24) 1px,
            transparent 1px
        );

    background-size:
        76px 76px;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent,
            #000 12%,
            #000 88%,
            transparent
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent,
            #000 12%,
            #000 88%,
            transparent
        );
}


/* =========================================================
   CONTAINER
========================================================= */

#traseu .route-cprime__container {
    position: relative;

    z-index: 3;

    width:
        min(
            calc(100% - 48px),
            1240px
        );

    margin:
        0 auto;
}


/* =========================================================
   INTRO
========================================================= */

#traseu .route-cprime__intro {
    display: grid;

    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(300px, .72fr);

    gap:
        clamp(
            60px,
            8vw,
            120px
        );

    align-items:
        end;
}


/* =========================================================
   EYEBROW
========================================================= */

#traseu .route-cprime__eyebrow {
    display: flex;
    align-items: center;

    gap: 14px;

    margin-bottom: 22px;

    color: #5d7481;

    font-family:
        "Inter",
        sans-serif;

    font-size: .72rem;

    font-weight: 750;

    letter-spacing: .16em;
}


#traseu .route-cprime__eyebrow-line {
    width: 48px;
    height: 2px;

    flex:
        0 0 48px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--route-blue),
            var(--route-green),
            var(--route-gold)
        );

    transform-origin: left center;

    animation:
        routeEyebrowPulse
        3.5s
        ease-in-out
        infinite;
}


@keyframes routeEyebrowPulse {

    0%,
    100% {
        transform:
            scaleX(1);

        opacity: .8;
    }

    50% {
        transform:
            scaleX(1.22);

        opacity: 1;
    }

}


/* =========================================================
   H2
========================================================= */

#traseu .route-cprime__intro h2 {
    max-width: 760px;

    margin: 0;

    color:
        var(--route-ink);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            2.7rem,
            5vw,
            4.8rem
        );

    line-height: 1.3;

    font-weight: 760;

    letter-spacing: -.055em;

    text-wrap: balance;
}


#traseu .route-cprime__intro h2 span {
    display: block;

    margin-top: .08em;

    background:
        linear-gradient(
            90deg,
            #347fd8 0%,
            #2da06a 55%,
            #919d30 100%
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;

    -webkit-text-fill-color: transparent;
}


/* =========================================================
   INTRO RIGHT
========================================================= */

#traseu .route-cprime__intro-index {
    display: block;

    margin-bottom: 16px;

    color: #6d8795;

    font-family:
        "Inter",
        sans-serif;

    font-size: .70rem;

    font-weight: 800;

    letter-spacing: .18em;
}


#traseu .route-cprime__intro-right p {
    max-width: 430px;

    margin: 0;

    color:
        var(--route-text);

    font-family:
        "Inter",
        sans-serif;

    font-size: .96rem;

    line-height: 1.8;
}


/* =========================================================
   DIRECTION
========================================================= */

#traseu .route-cprime__direction {
    margin-top:
        clamp(
            64px,
            7vw,
            94px
        );
}


#traseu .route-cprime__direction > span {
    display: block;

    margin-bottom: 15px;

    color: #7a8f99;

    font-family:
        "Inter",
        sans-serif;

    font-size: .65rem;

    font-weight: 800;

    letter-spacing: .17em;
}


#traseu .route-cprime__direction-line {
    width: 100%;
    height: 1px;

    transform:
        scaleX(0);

    transform-origin:
        left center;

    background:
        linear-gradient(
            90deg,
            var(--route-blue),
            var(--route-green),
            var(--route-gold)
        );

    opacity: .65;

    transition:
        transform 1.4s
        cubic-bezier(.22, 1, .36, 1);
}


#traseu
.route-cprime__direction.is-visible
.route-cprime__direction-line {
    transform:
        scaleX(1);
}


/* =========================================================
   CHENAR GENERAL
========================================================= */

#traseu .route-cprime__path {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    margin-top: 0;
}


/* =========================================================
   ETAPE - STRUCTURĂ COMUNĂ
========================================================= */

#traseu .route-cprime__stage {
    position: relative;

    min-width: 0;
    min-height: 590px;

    padding:
        0
        clamp(26px, 3vw, 45px)
        42px;

    display: flex;
    flex-direction: column;

    background:
        rgba(255, 255, 255, .18);

    opacity: 0;

    transform:
        translateY(70px)
        scale(.965);

    transition:
        opacity .85s
            cubic-bezier(.22, 1, .36, 1),

        transform .9s
            cubic-bezier(.22, 1, .36, 1),

        background-color .4s ease,
        box-shadow .4s ease;
}


/* =========================================================
   BORDURI SUS/JOS
========================================================= */

#traseu .route-cprime__stage--blue {
    border-top:
        1.5px solid
        var(--route-blue);

    border-bottom:
        1.5px solid
        var(--route-blue);

    border-left:
        1.5px solid
        var(--route-blue);

    border-radius:
        14px 0 0 14px;
}


#traseu .route-cprime__stage--green {
    border-top:
        1.5px solid
        var(--route-green);

    border-bottom:
        1.5px solid
        var(--route-green);
}


#traseu .route-cprime__stage--gold {
    border-top:
        1.5px solid
        var(--route-gold);

    border-right:
        1.5px solid
        var(--route-gold);

    border-bottom:
        1.5px solid
        var(--route-gold);

    border-radius:
        0 14px 14px 0;
}


/* =========================================================
   GRADIENT 01 → 02
========================================================= */

#traseu .route-cprime__stage--blue::after {
    content: "";

    position: absolute;

    top: -1.5px;
    right: -1px;
    bottom: -1.5px;

    width: 2px;

    z-index: 5;

    background:
        linear-gradient(
            180deg,
            var(--route-blue) 0%,
            #4ebcaf 48%,
            var(--route-green) 100%
        );
}


/* =========================================================
   GRADIENT 02 → 03
========================================================= */

#traseu .route-cprime__stage--green::after {
    content: "";

    position: absolute;

    top: -1.5px;
    right: -1px;
    bottom: -1.5px;

    width: 2px;

    z-index: 5;

    background:
        linear-gradient(
            180deg,
            var(--route-green) 0%,
            #9bc65d 50%,
            var(--route-gold) 100%
        );
}


/* =========================================================
   STAGGER REVEAL
========================================================= */

#traseu
.route-cprime__path.is-visible
.route-cprime__stage {
    opacity: 1;

    transform:
        translateY(0)
        scale(1);
}


#traseu
.route-cprime__path.is-visible
.route-cprime__stage:nth-child(1) {
    transition-delay: .08s;
}


#traseu
.route-cprime__path.is-visible
.route-cprime__stage:nth-child(2) {
    transition-delay: .23s;
}


#traseu
.route-cprime__path.is-visible
.route-cprime__stage:nth-child(3) {
    transition-delay: .38s;
}


/* =========================================================
   BADGE SUS
========================================================= */

#traseu .route-cprime__stage-label {
    min-height: 38px;

    display: flex;

    justify-content: center;

    align-items: flex-start;
}


#traseu .route-cprime__stage-label span {
    position: relative;

    top: -1px;

    min-height: 29px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding:
        6px 17px;

    border-radius:
        0 0 9px 9px;

    color: #fff;

    font-family:
        "Inter",
        sans-serif;

    font-size: .64rem;

    font-weight: 800;

    letter-spacing: .13em;

    white-space: nowrap;

    overflow: hidden;

    box-shadow:
        0 8px 18px
        rgba(43, 75, 91, .08);
}


#traseu
.route-cprime__stage--blue
.route-cprime__stage-label span {
    background:
        var(--route-blue);
}


#traseu
.route-cprime__stage--green
.route-cprime__stage-label span {
    background:
        #35b96d;
}


#traseu
.route-cprime__stage--gold
.route-cprime__stage-label span {
    background:
        #c6d53b;

    color:
        #34401d;
}


/* shimmer badge */

#traseu .route-cprime__stage-label span::after {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: -60%;

    width: 34%;

    transform:
        skewX(-20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, .35),
            transparent
        );

    animation:
        routeBadgeShine
        5.5s
        ease-in-out
        infinite;
}


@keyframes routeBadgeShine {

    0%,
    65% {
        left: -60%;
    }

    82%,
    100% {
        left: 150%;
    }

}


/* =========================================================
   NUMERE
========================================================= */

#traseu .route-cprime__number-wrap {
    position: relative;

    margin-top: 21px;
}


#traseu .route-cprime__number {
    display: inline-block;

    color:
        #17303d;

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            2.65rem,
            3.4vw,
            3.65rem
        );

    line-height: 1;

    font-weight: 760;

    letter-spacing: -.07em;

    transition:
        transform .5s
        cubic-bezier(.22, 1, .36, 1);
}


#traseu .route-cprime__number-dot {
    position: absolute;

    left: 4px;
    bottom: -13px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    animation:
        routeDotPulse
        2.5s
        ease-in-out
        infinite;
}


#traseu
.route-cprime__stage--blue
.route-cprime__number-dot {
    background:
        var(--route-blue);

    box-shadow:
        0 0 0 6px
        rgba(65, 146, 255, .08);
}


#traseu
.route-cprime__stage--green
.route-cprime__number-dot {
    background:
        var(--route-green);

    box-shadow:
        0 0 0 6px
        rgba(70, 217, 130, .08);
}


#traseu
.route-cprime__stage--gold
.route-cprime__number-dot {
    background:
        var(--route-gold);

    box-shadow:
        0 0 0 6px
        rgba(211, 223, 63, .09);
}


@keyframes routeDotPulse {

    0%,
    100% {
        transform:
            scale(1);
    }

    50% {
        transform:
            scale(1.45);
    }

}


/* =========================================================
   STATUS
========================================================= */

#traseu .route-cprime__stage-head {
    margin-top: 35px;
}


#traseu .route-cprime__status {
    display: block;

    margin-bottom: 8px;

    font-family:
        "Inter",
        sans-serif;

    font-size: .69rem;

    font-weight: 800;

    letter-spacing: .13em;
}


#traseu
.route-cprime__stage--blue
.route-cprime__status {
    color:
        #347fd8;
}


#traseu
.route-cprime__stage--green
.route-cprime__status {
    color:
        #29945b;
}


#traseu
.route-cprime__stage--gold
.route-cprime__status {
    color:
        #89952b;
}


#traseu .route-cprime__type {
    display: block;

    color: #87959d;

    font-family:
        "Inter",
        sans-serif;

    font-size: .62rem;

    font-weight: 700;

    letter-spacing: .13em;
}


/* =========================================================
   H3
========================================================= */

#traseu .route-cprime__stage h3 {
    max-width: 330px;

    margin:
        27px
        0
        0;

    color:
        var(--route-ink);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            1.45rem,
            2vw,
            2rem
        );

    line-height: 1.15;

    font-weight: 730;

    letter-spacing: -.038em;
}


#traseu .route-cprime__stage h3 span {
    display: block;

    margin-top: .05em;
}


#traseu
.route-cprime__stage--blue h3 span {
    color:
        #347fd8;
}


#traseu
.route-cprime__stage--green h3 span {
    color:
        #29945b;
}


#traseu
.route-cprime__stage--gold h3 span {
    color:
        #89952b;
}


/* =========================================================
   P
========================================================= */

#traseu .route-cprime__stage > p {
    max-width: 345px;

    margin:
        22px
        0
        0;

    color:
        var(--route-text);

    font-family:
        "Inter",
        sans-serif;

    font-size: .89rem;

    line-height: 1.72;
}


/* =========================================================
   FEATURES
========================================================= */

#traseu .route-cprime__features {
    margin-top: 27px;

    display: flex;
    flex-direction: column;

    gap: 10px;
}


#traseu .route-cprime__features span {
    display: flex;

    align-items: center;

    gap: 9px;

    color: #465e6a;

    font-family:
        "Inter",
        sans-serif;

    font-size: .76rem;

    font-weight: 600;

    transition:
        transform .35s ease;
}


#traseu .route-cprime__features i {
    width: 19px;

    flex:
        0 0 19px;

    font-size: 1.04rem;
}


#traseu
.route-cprime__stage--blue
.route-cprime__features i {
    color:
        var(--route-blue);
}


#traseu
.route-cprime__stage--green
.route-cprime__features i {
    color:
        #35ad68;
}


#traseu
.route-cprime__stage--gold
.route-cprime__features i {
    color:
        #99a534;
}


/* =========================================================
   ACTION
========================================================= */

#traseu .route-cprime__action {
    margin-top: auto;

    padding-top: 34px;
}


/* =========================================================
   BUTTON
========================================================= */

#traseu .route-cprime__button {
    min-height: 51px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 11px;

    padding:
        12px
        18px;

    border-radius: 10px;

    text-decoration: none;

    font-family:
        "Inter",
        sans-serif;

    font-size: .79rem;

    font-weight: 700;

    transition:
        transform .35s
            cubic-bezier(.22, 1, .36, 1),
        box-shadow .35s ease,
        filter .35s ease;
}


#traseu .route-cprime__button i {
    font-size: 1.25rem;

    transition:
        transform .35s
        cubic-bezier(.22, 1, .36, 1);
}


#traseu .route-cprime__button--blue {
    border:
        1px solid
        rgba(65, 146, 255, .18);

    background:
        rgba(255, 255, 255, .9);

    color:
        #285d99;

    box-shadow:
        0 10px 25px
        rgba(48, 89, 120, .09);
}


#traseu .route-cprime__button--green {
    border:
        1px solid
        transparent;

    background:
        linear-gradient(
            135deg,
            #357fda,
            #30a56a
        );

    color: #fff;

    box-shadow:
        0 13px 28px
        rgba(48, 125, 117, .18);
}


#traseu .route-cprime__button--gold {
    border:
        1px solid
        rgba(181, 195, 52, .24);

    background:
        rgba(255, 255, 255, .90);

    color:
        #66721e;

    box-shadow:
        0 10px 25px
        rgba(105, 111, 54, .08);
}


/* =========================================================
   HOVER
========================================================= */

@media (hover: hover) {

    #traseu .route-cprime__stage:hover {
        transform:
            translateY(-7px)
            scale(1.008);

        background:
            rgba(255, 255, 255, .50);

        box-shadow:
            0 25px 55px
            rgba(36, 72, 89, .07);

        z-index: 8;
    }


    #traseu
    .route-cprime__stage:hover
    .route-cprime__number {
        transform:
            translateY(-4px)
            scale(1.035);
    }


    #traseu
    .route-cprime__stage:hover
    .route-cprime__features span {
        transform:
            translateX(3px);
    }


    #traseu .route-cprime__button:hover {
        transform:
            translateY(-3px);
    }


    #traseu
    .route-cprime__button:hover i {
        transform:
            translateX(5px);
    }


    #traseu .route-cprime__button--blue:hover {
        box-shadow:
            0 16px 35px
            rgba(48, 89, 120, .15);
    }


    #traseu .route-cprime__button--green:hover {
        box-shadow:
            0 18px 38px
            rgba(48, 125, 117, .25);

        filter:
            brightness(1.025);
    }


    #traseu .route-cprime__button--gold:hover {
        box-shadow:
            0 16px 35px
            rgba(105, 111, 54, .13);
    }

}


/* =========================================================
   CLOSING
========================================================= */

#traseu .route-cprime__closing {
    max-width: 720px;

    margin:
        70px
        auto
        0;

    text-align: center;
}


#traseu .route-cprime__closing-line {
    width: 64px;
    height: 2px;

    margin:
        0
        auto
        18px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--route-blue),
            var(--route-green),
            var(--route-gold)
        );
}


#traseu .route-cprime__closing p {
    margin: 0;

    color: #667b86;

    font-family:
        "Inter",
        sans-serif;

    font-size: .9rem;

    line-height: 1.7;
}


#traseu .route-cprime__closing strong {
    color:
        #29404b;
}


/* =========================================================
   GENERAL REVEAL
========================================================= */

#traseu [data-route-reveal] {
    opacity: 0;

    transform:
        translateY(42px);

    transition:
        opacity .85s
            cubic-bezier(.22, 1, .36, 1),

        transform .9s
            cubic-bezier(.22, 1, .36, 1);
}


#traseu [data-route-reveal].is-visible {
    opacity: 1;

    transform:
        translateY(0);
}


/* =========================================================
   TABLETĂ
========================================================= */

@media (max-width: 991.98px) {

    #traseu.route-cprime {
        padding:
            90px
            0
            105px;
    }


    #traseu .route-cprime__container {
        width:
            min(
                calc(100% - 40px),
                720px
            );
    }


    #traseu .route-cprime__intro {
        grid-template-columns:
            1fr;

        gap: 28px;
    }


    #traseu .route-cprime__intro-right {
        max-width: 580px;
    }


    #traseu .route-cprime__direction {
        margin-top: 52px;
    }


    #traseu .route-cprime__path {
        display: flex;

        flex-direction: column;

        gap: 26px;
    }


    #traseu .route-cprime__stage {
        min-height: auto;

        padding:
            0
            34px
            40px;

        border-radius: 14px;

        background:
            rgba(255, 255, 255, .34);
    }


    /*
       Fiecare devine chenar propriu.
    */

    #traseu .route-cprime__stage--blue {
        border:
            1.5px solid
            var(--route-blue);
    }


    #traseu .route-cprime__stage--green {
        border:
            1.5px solid
            var(--route-green);
    }


    #traseu .route-cprime__stage--gold {
        border:
            1.5px solid
            var(--route-gold);
    }


    #traseu
    .route-cprime__stage--blue::after,
    #traseu
    .route-cprime__stage--green::after {
        display: none;
    }


    #traseu .route-cprime__stage h3 {
        max-width: 610px;
    }


    #traseu .route-cprime__stage > p {
        max-width: 610px;
    }


    #traseu .route-cprime__features {
        flex-direction: row;

        flex-wrap: wrap;

        gap:
            12px
            25px;
    }


    #traseu .route-cprime__action {
        margin-top: 0;

        padding-top: 30px;
    }

}


/* =========================================================
   TELEFON
========================================================= */

@media (max-width: 575.98px) {

    #traseu.route-cprime {
        padding:
            74px
            0
            90px;
    }


    #traseu .route-cprime__container {
        width:
            min(
                calc(100% - 28px),
                540px
            );
    }


    #traseu .route-cprime__eyebrow {
        align-items: flex-start;

        font-size: .62rem;

        line-height: 1.45;
    }


    #traseu .route-cprime__eyebrow-line {
        width: 34px;

        flex-basis: 34px;

        margin-top: 6px;
    }


    #traseu .route-cprime__intro h2 {
        font-size:
            clamp(
                2.1rem,
                10vw,
                3rem
            );

        line-height: 1.02;
    }


    #traseu .route-cprime__intro-right p {
        font-size: .89rem;

        line-height: 1.72;
    }


    #traseu .route-cprime__direction {
        margin-top: 44px;
    }


    #traseu .route-cprime__stage {
        padding:
            0
            20px
            32px;
    }


    #traseu .route-cprime__stage-label span {
        max-width: 96%;

        white-space: normal;

        text-align: center;

        line-height: 1.3;
    }


    #traseu .route-cprime__number {
        font-size: 2.55rem;
    }


    #traseu .route-cprime__stage h3 {
        font-size:
            clamp(
                1.4rem,
                7vw,
                1.9rem
            );
    }


    #traseu .route-cprime__stage > p {
        font-size: .87rem;

        line-height: 1.7;
    }


    #traseu .route-cprime__features {
        flex-direction: column;

        gap: 10px;
    }


    #traseu .route-cprime__button {
        width: 100%;

        min-height: 52px;

        padding:
            13px
            14px;

        font-size: .78rem;
    }


    /*
       Pe telefon fiecare intră
       dintr-o direcție diferită.
    */

    #traseu
    .route-cprime__stage:nth-child(1) {
        transform:
            translateX(-45px)
            translateY(25px)
            scale(.97);
    }


    #traseu
    .route-cprime__stage:nth-child(2) {
        transform:
            translateY(50px)
            scale(.97);
    }


    #traseu
    .route-cprime__stage:nth-child(3) {
        transform:
            translateX(45px)
            translateY(25px)
            scale(.97);
    }


    #traseu
    .route-cprime__path.is-visible
    .route-cprime__stage {
        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

}


/* =========================================================
   FOARTE ÎNGUST
========================================================= */

@media (max-width: 359.98px) {

    #traseu .route-cprime__container {
        width:
            calc(100% - 20px);
    }


    #traseu .route-cprime__stage {
        padding-left: 15px;
        padding-right: 15px;
    }


    #traseu .route-cprime__stage-label span {
        font-size: .57rem;
    }

}

/* =========================================================
   C'. SUB 992px
   FIECARE ETAPĂ SE DEZVĂLUIE INDIVIDUAL
========================================================= */

@media (max-width: 991.98px) {

    /*
       Nu mai folosim reveal-ul comun al containerului.
       Fiecare card primește propria clasă .is-visible.
    */

    #traseu .route-cprime__stage {
        opacity: 0;
    }


    #traseu .route-cprime__stage.is-visible {
        opacity: 1;

        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    #traseu *,
    #traseu *::before,
    #traseu *::after {
        animation:
            none !important;

        transition:
            none !important;
    }


    #traseu [data-route-reveal],
    #traseu .route-cprime__stage {
        opacity:
            1 !important;

        transform:
            none !important;
    }


    #traseu .route-cprime__direction-line {
        transform:
            scaleX(1) !important;
    }

}