/*=====================================
    JOURNEY SECTION
======================================*/


.journey-section{

    position:relative;

    padding:30px 20px;

    overflow:hidden;

    background:#fff;


}



.journey-container{

    max-width:850px;

    margin:auto;

    text-align:center;

    position:relative;

    z-index:2;

}



/* decoração */


.journey-decoration{

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;


    background:

    radial-gradient(
        circle,
        rgba(212,175,55,.12),
        transparent 70%
    );


}



.journey-left{

    left:-180px;

    top:50px;

}



.journey-right{

    right:-180px;

    bottom:0;

}



/* badge */


.journey-badge{

    display:inline-flex;

    padding:8px 22px;

    border-radius:50px;

    background:#fafafa;

    color:#B08D2C;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

}





/* título */


.journey-container h2{


    margin-top:30px;


    font-family:
    "Lobster Two",
    cursive;


    font-size:55px;


    font-weight:700;


    color:#B08D2C;


    line-height:1.2;


}




/* divisor */


.journey-divider{


    display:flex;

    align-items:center;

    justify-content:center;

    gap:20px;

    margin:35px 0;


    color:#D4AF37;

    font-size:22px;


}



.journey-divider span{


    width:80px;

    height:1px;

    background:#D4AF37;


}




/* cartão versículo */


.journey-card{


    position:relative;


    padding:55px 40px;


    background:white;


    border-radius:35px;


    border:1px solid #eeeeee;


    box-shadow:


    0 25px 70px rgba(0,0,0,.08);


}




.quote-mark{


    position:absolute;


    top:15px;


    left:30px;


    font-family:serif;


    font-size:80px;


    color:rgba(212,175,55,.20);


}




.journey-text{


    font-family:

    "Lobster Two",
    cursive;


    font-size:40px;


    color:#333;


    line-height:1.5;


}




.journey-reference{


    margin-top:25px;


    color:#B08D2C;


    font-weight:600;


    letter-spacing:1px;


}




/* mensagem final */


.journey-message{


    max-width:650px;


    margin:35px auto 0;


    color:#666;


    font-size:16px;


    line-height:1.9;


}





@media(max-width:768px){


.journey-section{

    padding:90px 15px;

}



.journey-container h2{

    font-size:38px;

}



.journey-text{

    font-size:30px;

}



.journey-card{

    padding:45px 25px;

}


}


/*=====================================
    JOURNEY FINAL IMAGE
======================================*/


.journey-final{


    position:relative;


    margin-top:90px;


    min-height:650px;


    display:flex;


    align-items:center;


    justify-content:center;


    overflow:hidden;


    background-image:


    url("/images/hero/alianca.jpg");


    background-size:cover;


    background-position:center;


}



/* camada escura */


.journey-final-overlay{


    position:absolute;


    inset:0;


    background:


    linear-gradient(

        180deg,

        rgba(0,0,0,.25),

        rgba(0,0,0,.75)

    );


}





.journey-final-content{


    position:relative;


    z-index:3;


    max-width:700px;


    padding:40px 25px;


    text-align:center;


    color:white;


}





.final-heart{


    display:flex;


    align-items:center;


    justify-content:center;


    margin:auto;


    width:70px;


    height:70px;


    border-radius:50%;


    background:

    rgba(212,175,55,.18);


    color:#D4AF37;


    font-size:30px;


    animation:

    heartPulse 2s infinite;


}




.journey-final h3{


    margin-top:30px;


    font-family:


    "Lobster Two",
    cursive;


    font-size:55px;


    line-height:1.3;


    font-weight:700;


}




.journey-final p{


    margin:25px auto 40px;


    max-width:600px;


    font-size:17px;


    line-height:1.9;


    color:rgba(255,255,255,.85);


}




/* botão */


.final-btn{


    padding:17px 45px;


    border:none;


    border-radius:50px;


    cursor:pointer;


    background:


    linear-gradient(

        135deg,

        #D4AF37,

        #B08D2C

    );


    color:white;


    font-size:15px;


    font-weight:600;


    box-shadow:


    0 15px 40px rgba(212,175,55,.35);


    transition:.4s;


}



.final-btn:hover{


    transform:

    translateY(-5px);


    box-shadow:


    0 25px 60px rgba(212,175,55,.5);


}






/* partículas douradas */


.gold-particle{


    position:absolute;


    width:8px;


    height:8px;


    background:#D4AF37;


    border-radius:50%;


    opacity:.7;


    animation:

    floatGold 6s infinite ease-in-out;


}



.particle-one{

    top:20%;

    left:15%;

}



.particle-two{

    top:60%;

    right:20%;

    animation-delay:2s;

}



.particle-three{

    bottom:20%;

    left:40%;

    animation-delay:4s;

}





@keyframes floatGold{


    0%,100%{

        transform:

        translateY(0)
        scale(1);

        opacity:.4;

    }


    50%{

        transform:

        translateY(-40px)
        scale(1.5);

        opacity:1;

    }


}





@keyframes heartPulse{


    0%,100%{

        transform:scale(1);

    }


    50%{

        transform:scale(1.1);

    }


}





@media(max-width:768px){


.journey-final{

    min-height:550px;

}



.journey-final h3{


    font-size:38px;


}



.journey-final p{


    font-size:15px;


}


}