﻿.participa {
    margin-bottom: 3.5rem;
}

    .participa .imagen-donaciones {
        width: 100%;
        max-width: 20rem;
    }

        .participa .imagen-donaciones img {
            object-position: center center;
            object-fit: cover;
            width: 100%;
        }

.datos-donaciones .titulo-donaciones {
    /*font-family: 'Noto Sans', sans-serif;*/
    font-size: 24px;
    font-weight: 700;
}

.donaciones .titulo-donaciones .linea {
    width: 100%;
    height: 2px;
    background-color: black;
    margin-top: 1.25rem;
}

.datos-donaciones .subtitulo-donaciones {
    /*font-family: 'Noto Sans', sans-serif;*/
    font-size: 18px;
    font-weight: 300;
}

.datos-donaciones .descripcion-donaciones {
    /*font-family: 'Noto Sans', sans-serif;*/
    font-size: 16px;
    font-weight: 300;
}

#formulario-donaciones .campo {
    width: 100%;
    border-width: 1px;
    border-color: rgb(0 0 0 / 1);
    padding: 0.5rem;
}

@media only screen and (min-width: 768px) {
    .participa {
        padding-left: 1rem;
        padding-right: 1rem;
    }

        .participa .imagen-donaciones {
            max-width: 100%;
        }

    .donaciones .datos-donaciones {
        width: 46%;
    }

    .donaciones .imagen-donaciones {
        width: 45%;
    }

    .datos-donaciones .titulo-donaciones {
        font-size: 30px;
    }

    .donaciones .titulo-donaciones .linea {
        height: 4px;
        margin-top: 0.5rem;
    }
}

@media only screen and (min-width: 992px) {

    .participa {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .donaciones .datos-donaciones {
        width: 49%;
    }

}

#formulario-donaciones .campo {
    width: 100%;
    border-width: 1px;
    border-color: rgb(0 0 0 / 1);
    padding: 0.5rem;
}