/* =====================================================
   DEPOIMENTOS
===================================================== */

.depoimentos{

    padding:70px 0;

    background:#050505;

    position:relative;

    overflow:hidden;

}

.depoimentos-container{

    width:min(1280px,92%);

    margin:0 auto;

}


/* =====================================================
   VÍDEOS
===================================================== */

.depoimentos-videos{

    display:flex;

    justify-content:center;

    align-items:flex-start;

    gap:45px;

    margin-top:70px;

}

.video-depoimento{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    border-radius:28px;

    background:#000;

}

/* =====================================================
   CARD
===================================================== */

.video-card{

    display:flex;

    flex-direction:column;

    align-items:center;

}


/* =====================================================
   ÁREA DO VÍDEO
===================================================== */

.video-placeholder{

    position:relative;

    width:320px;

    aspect-ratio:9/16;

    border-radius:28px;

    background:linear-gradient(
        180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02)
    );

    border:1px solid rgba(255,255,255,.06);

    overflow:hidden;

    cursor:pointer;

    transition:transform .30s ease,
    box-shadow .30s ease,
    border-color .30s ease;

}


.video-placeholder:hover{

    transform:translateY(-4px);

    border-color:rgba(255,255,255,.12);

    box-shadow:0 18px 35px rgba(0,0,0,.28);

}



/* =====================================================
   INFORMAÇÕES
===================================================== */

.video-info{

    text-align:center;

    margin-top:22px;

}


.video-info h3{

    font-size:21px;

    font-weight:600;

    color:#ffffff;

    margin-bottom:8px;

}


.video-info span{

    font-size:15px;

    color:#9b9b9b;

    letter-spacing:.4px;

}


/*==========================================
    CTA DEPOIMENTOS
==========================================*/

.cta-depoimentos{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    margin-top:35px;

    padding:20px 0 10px;

}

.cta-depoimentos p{

    max-width:720px;

    margin:0 auto 20px;

    font-size:20px;

    line-height:1.6;

    color:#ffffff;

    font-weight:500;

}

.cta-depoimentos .btn-principal{

    min-width:720px;

    height:68px;

    font-size:22px;

    position:relative;

}

.cta-depoimentos .btn-principal::before{

    content:"";

    position:absolute;

    inset:-28px;

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

    filter:blur(45px);

    border-radius:28px;

    z-index:-1;

    opacity:.9;

}