/* ==========================================================
   CONTEXTO
========================================================== */


.contexto {

    padding: 120px 0;

    background: #ffffff;

}




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


.contexto-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 90px;

    align-items: center;

}




/* ==========================================================
   LABEL
========================================================== */


.section-label {

    display: block;

    margin-bottom: 20px;

    color: #65776b;

    font-size: .85rem;

    letter-spacing: 3px;

    text-transform: uppercase;

}




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


.contexto-title h2 {

    color: #163b2f;

    font-size: clamp(2.5rem, 5vw, 4.2rem);

    line-height: 1.1;

}




/* ==========================================================
   TEXT
========================================================== */


.contexto-text p {

    color: #45545a;

    font-size: 1.15rem;

    line-height: 1.8;

    margin-bottom: 25px;

}




/* ==========================================================
   RESPONSIVE
========================================================== */


@media(max-width:900px) {


    .contexto-grid {

        grid-template-columns: 1fr;

        gap: 40px;

    }


}