/* Estilos personalizados para versión app (móvil) */
@media screen and (min-width: 769px) {
    .imagen-header {
        content: url(../Image/banner_general.jpg);
    }
}
@media screen and (max-width: 768px) {
    .imagen-header {
        content: url(../Image/IMG_ENTERO.svg);
    }
}
    .margin-bottom-20 {
        margin-bottom: 20px;
    }

    .fs-3 {
        font-size: 2.3rem;
    }

    .text-center {
        text-align: center !important;
    }

    .card {
        position: relative;
        padding: 3% 10px;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .5rem;
    }

    .card-gob {
        margin-bottom: 2rem;
    }

        .card-gob:hover {
            -webkit-box-shadow: 0 5px 8px 0 #d1d1d1;
            box-shadow: 0 5px 8px 0 #d1d1d1;
        }
.bg-info {
    background-color: #d9edf7 !important;
    color: #287191 !important;
}

.bodyTop {
    padding-top: 0px;
}

@media screen and (min-width: 280px) {
    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../Image/BANNER_MH_MOVIL_280X217px.jpg);
    }
}

@media screen and (min-width: 320px) {
    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../Image/BANNER_MH_MOVIL_320X248px.jpg);
    }
}

@media screen and (min-width: 360px) {
    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../Image/BANNER_MH_MOVIL_360X280px.jpg);
    }
}

@media screen and (min-width: 450px) {
    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../Image/BANNER_MH_MOVIL_450X350px.jpg);
    }
}

@media screen and (min-width: 640px) {
    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../Image/BANNER_MH_MOVIL_640X497px.jpg);
    }
}

@media screen and (min-width: 768px) {
    .imagen-header {
        content: url(../Image/banner_general.jpg);
    }

    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../Image/BANNER_MH_MOVIL_811X631px.svg);
    }
}

@media screen and (min-width: 960px) {
    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../Image/BANNER_MH_MOVIL_960X208px.jpg);
    }
}

@media screen and (min-width: 1280px) {
    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../Image/BANNER_MH_MOVIL_1280X277px.jpg);
    }
}

@media screen and (min-width: 1349px) {
    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../Image/BANNER_MH_MOVIL_1349X291px.jpg);
    }
}

@media screen and (min-width: 1498px) {
    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../Image/BANNER_MH_MOVIL_1498X324px.jpg);
    }
}

@media screen and (min-width: 1920px) {
    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../Image/BANNER_MH_MOVIL_1920X416px.jpg);
    }
}

@media screen and (min-width: 2560px) {
    .bodyTop {
        padding-top: 60px;
    }

    .banner_principal {
        content: url(../ImageBANNER_MH_MOVIL_2560X564px.jpg);
    }
}