.nuestros-pilares-container {
    width: 100vw;
    min-height: 100vh;
    background-image: url("/assets/solofinanciados/images/Banner_NuestrosPilares.jpg");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    font-family: "Montserrat";
}

.nuestros-pilares-container .content-container {
    width: 55vw;
    padding: 5vw 0 5vw 10vw;
}
.nuestros-pilares-container .content-container .title {
    font-size: clamp(2rem, 3.2vw, 5rem);
    margin-bottom: 2vw;
    font-weight: 800;
    color: rgb(36, 36, 36);
}

.pilares-cards-container .pilares-card {
    display: flex;
    align-items: center;
    gap: 1vw;
    margin-bottom: 3vw;
}
.pilares-cards-container .pilares-card .pilares-icon {
    height: 8vw;
}
.pilares-cards-container .right-info {
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
}
.pilares-cards-container .right-info .pilares-title {
    font-size: clamp(1.6rem, 1.7vw, 3.5rem);
    font-weight: 800;
}
.pilares-cards-container .right-info .pilares-description {
    font-size: clamp(0.9rem, 1.2vw, 2rem);
    font-weight: 400;
}

@media (max-width: 768px) {
    .nuestros-pilares-container {
        background-image: none;
    }
    .nuestros-pilares-container .content-container {
        width: 90vw;
        padding-top: 20vw;
    }
    .pilares-cards-container .pilares-card {
        gap: 1vw;
        margin-bottom: 13vw;
        flex-direction: column;
    }
    .pilares-cards-container .pilares-card .pilares-icon {
        height: 30vw;
    }
    .pilares-cards-container .right-info {
        width: 75vw;
    }
    .pilares-cards-container .right-info .pilares-description {
        font-size: clamp(0.9rem, 3.5vw, 3rem);
        font-weight: 500;
    }

    .nuestros-pilares-container .content-container .title {
        font-size: clamp(1rem, 10vw, 3rem);
        margin-bottom: 10vw;
    }
}