/* ==========================================================
   TERRITÓRIO VIVO - UVT
========================================================== */


.territorio-vivo {

    width:100%;

    padding:100px 0;

    background:#F7F4EE;

}



.territorio-vivo-container {

    width:min(1200px,92%);

    margin:0 auto;

    display:flex;

    flex-direction:column;

    gap:40px;

}




/* ==========================================================
   BANNER 16:9
========================================================== */


.territorio-vivo-banner {

    width:100%;

    aspect-ratio:16 / 9;

    overflow:hidden;

    border-radius:28px;

    background:#0D2C3A;

    box-shadow:

        0 25px 60px rgba(0,0,0,.12);

}



.territorio-vivo-banner img {

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

}





/* ==========================================================
   CHAMADA
========================================================== */


.territorio-vivo-cta {

    max-width:850px;

    margin:0 auto;

    text-align:center;

}



.territorio-vivo-cta p {

    margin:0 0 30px;

    color:#55636A;

    font-size:1.15rem;

    line-height:1.9;

}





/* ==========================================================
   BOTÃO
========================================================== */


.btn-territorio-vivo {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:52px;

    padding:0 32px;

    border-radius:50px;

    background:#267850;

    color:#FFFFFF;

    font-size:1rem;

    font-weight:700;

    text-decoration:none;

    transition:

        transform .25s ease,

        opacity .25s ease;

}



.btn-territorio-vivo:hover {

    transform:translateY(-3px);

    opacity:.9;

}





/* ==========================================================
   RESPONSIVO
========================================================== */


@media(max-width:768px){


    .territorio-vivo {

        padding:70px 0;

    }



    .territorio-vivo-banner {

        border-radius:20px;

    }



    .territorio-vivo-cta p {

        font-size:1rem;

        line-height:1.7;

    }


}