body {
    background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/financiacion.png");
}
#financiacion {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

#wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
}

#financiacion .inner {
    width: 100% !important;
    max-width: 1200px;
    margin: 0 auto;
    padding: 3em 2em 1em;
    box-sizing: border-box;

    /* Reset spotlight flex layout forced by wrapper.css */
    display: block !important;
    text-align: left !important;
}

#financiacion .inner img {
    display: block;
    max-width: 100%;
    margin: 1.5em auto 0;
}

#financiacion .inner h2,
#financiacion .inner p {
    color: black;
}

/* Styles for the financing cards inside the wrapper */
            .financing-container {
                max-width: 1200px;
                margin: 0 auto;
                padding: 4em 2em;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 2em;
            }

            .financing-card {
               
                border-radius: 6px;
                display: flex;
                flex-direction: column;
            }

            .financing-card h3 {
                font-size: 1.6em;
                font-weight: 700;
                color: black;
                margin: 0 0 1em 0;
                padding: 0 0 0.5em 0;
                border-bottom: solid 2px rgba(255, 255, 255, 0.125);
                letter-spacing: 0.05em;
            }

            .financing-card ul {
                list-style: none;
                padding: 0;
                margin: 0;
                color: black;
            }

            .financing-card ul li {
                position: relative;
                padding-left: 0;
                margin-bottom: 0.8em;
                line-height: 1.6;
                font-size: 0.95em;
                font-weight: 900;
            }

            @media screen and (max-width: 980px) {
                .financing-container {
                    grid-template-columns: repeat(2, 1fr);
                    padding-bottom: 5em;
                }
            }

            @media screen and (max-width: 736px) {
                .financing-container {
                    grid-template-columns: 1fr;
                    padding-bottom: 5em;
                }
            }

.page-financiacion #banner {
    margin-bottom: 0;
    height: auto;
}
@media screen and (max-width: 1100px) {
    .page-financiacion #banner {
        height: 13em;
    }
}
@media screen and (max-width: 736px) {
    .page-financiacion #banner {
        height: 13em;
    }
}

@media screen and (max-width: 400px) {
    .page-financiacion #banner {
        height: 10em;
    }
}

    #footer-nav {
         margin-top: auto;
    }