/*====================================================

        TRANSPARÊNCIA MOBILE

====================================================*/

@media (max-width:768px){

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

.transparencia-mobile{

    width:100%;

    padding:30px 0 30px;

    overflow:hidden;

    background:#050505;

}

.transparencia-mobile-container{

    width:100%;

    max-width:360px;

    margin:0 auto;

    padding:18px 18px;

}

/*==================================
TITLE
==================================*/

.section-title-mobile{

    margin-bottom:40px;

}

.section-title-mobile h2{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:10px;

    text-align:center;

}

.section-title-mobile span{

    font-family:'Anton',sans-serif;

    font-size:44px;

    line-height:.92;

    color:#ffffff;

}

.section-title-mobile strong{

    font-family:'Anton',sans-serif;

    font-size:44px;

    line-height:.92;

    font-weight:400;

    color:#00DA00;

}

/*==================================
CONTENT
==================================*/

.transparencia-mobile-content{

    width:100%;

}

.transparencia-mobile-content p{

    font-family:'Poppins',sans-serif;

    font-size:15px;

    line-height:1.85;

    color:#d4d4d4;

    margin-bottom:30px;

}

.transparencia-mobile-content h3{

    font-family:'Anton',sans-serif;

    font-size:25px;

    line-height:1.15;

    color:#ffffff;

    margin:45px 0 24px;

}

.transparencia-mobile-content strong{

    color:#ffffff;

    font-weight:600;

}

.transparencia-mobile-highlight{

    color:#ffffff;

    font-weight:500;

    margin-bottom:42px !important;

}

/*==================================
IMAGE
==================================*/

.transparencia-mobile-proof{

    width:calc(100% + 36px);

    margin:-50px -36px 10px;

}

.transparencia-mobile-proof img{

    width: 110%;

    display:block;

}

/*==================================
FINAL CTA
==================================*/

.transparencia-mobile-next{

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

}

.transparencia-mobile-next p{

    font-family:'Poppins',sans-serif;

    font-size:18px;

    color:#bdbdbd;

    margin-bottom:10px;

}

.transparencia-mobile-next h3{

    font-family:'Poppins',sans-serif;

    font-size:25px;

    line-height:1.20;

    color:#ffffff;

    margin-bottom:40px;

}

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

.transparencia-mobile-arrow{

    width:66px;

    height:66px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#00DA00;

    background:rgba(0,218,0,.05);

    border:1px solid rgba(0,218,0,.20);

    box-shadow:
        0 0 20px rgba(0,218,0,.18),
        inset 0 0 18px rgba(0,218,0,.05);

    animation:arrowFloatMobile 2.5s ease-in-out infinite;

    transition:.35s;

}

.transparencia-mobile-arrow:hover{

    transform:scale(1.06);

    background:#00DA00;

    color:#050505;

}

.transparencia-mobile-arrow svg{

    width:28px;

    height:28px;

    stroke-width:2;

}

/*==================================
ANIMATION
==================================*/

@keyframes arrowFloatMobile{

    0%{

        transform:translateY(0);

        box-shadow:0 0 20px rgba(0,218,0,.18);

    }

    50%{

        transform:translateY(10px);

        box-shadow:0 0 35px rgba(0,218,0,.38);

    }

    100%{

        transform:translateY(0);

        box-shadow:0 0 20px rgba(0,218,0,.18);

    }

}

}