/* banner Protegete appCovid*/
.bannerAppCovid-wrapper {
    background-color: #fff;
    height: 30rem;
    margin: 2rem 0rem 1rem;
}

.imgBannerAppCovid {
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-image: url(../images/bannerProtegetePanama.jpg);
}

.btnBannerApp {
    background-color: #154c7e;
    color: #fff;
    padding: 0.65rem 2rem;
    position: relative;
    z-index: 1000;
    top: 75%;
    left: 42%;
    border-radius: 0px;
    box-shadow: 2px 2px 5px #0e3558;
    border:none;
}

a.btn.btnBannerApp:hover {
    color: #fff;
    background-color: #1a2c56;
    border: none;
}

.btn.btnBannerApp:focus, .btn.btnBannerApp.focus {
    outline: 0;
    box-shadow: 2px 2px 5px #0e3558;
}

/* banner vacunación covid */

.bannerVacunaCovid-wrapper {
    background-color: #fff;
    height: 30rem;
    margin: 0rem 0rem 1rem;
    padding-left: 0px;
    padding-right: 0px;
}
.imgBannerVacunaCovid {
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: left;
    background-image: url(../images/bannerVacunacion.jpg);
}
a.imgBGVacuna {
    height: 400px;
    width: 100%;
}

/*.btnBannerVacuna {
    background-color: #6780a1;
    color: #fff;
    padding: 0.65rem 3rem;
    position: relative;
    z-index: 1000;
    top: 75%;
    left: 42%;
    border-radius: 0px;
    box-shadow: 2px 2px 5px #0e3558;
    border: none;
}*/

/*a.btn.btnBannerVacuna:hover {
    color: #fff;
    background-color: #1a2c56;
    border: none;
}

.btn.btnBannerVacuna:focus, .btn.btnBannerVacuna.focus {
    outline: 0;
    box-shadow: 2px 2px 5px #0e3558;
}
*/

/* banner Mi Billetera */

.bgMyWallet {
    margin-top: 0rem;
    padding: 25px;
    border-bottom: 0px solid transparent;
    /* background-image: linear-gradient( 150deg, #6780a1, #bbd5f6, #f2ffff, #6780a1);
    background-repeat: no-repeat;*/
    background-color: #c0ccd5;
    box-shadow: 2px 2px 5px #ccc;
    height: 20rem;
}

.imgMyWallet {
    border-radius: 0px;
    width: 336px;
    height: 250px;
    /*max-width: 336px;
    max-height: 250px;
    min-width: 336px;
    min-height: 250px;*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-image: url(../images/banner_PIN.jpg);
}

.bgMyWallet a {
    min-width: 300px;
    height: 250px;
}
/*-------------------------- sección Noticias --------------------------*/

.bgNoticias {
    background-color: #f5f5f5;
    padding: 30px;
    padding-bottom: 120px;
}

    .bgNoticias h2 {
        color: #9e9e9e;
        margin-left: 1%;
        padding: 30px;
    }

.bgNotice {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #9e9e9e;
    box-shadow: 1px 1px 5px #9e9e9e;
    padding: 0px;
    margin: 10px;
    height: 18rem;
}

.bgImage {
    height: 21rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.contentNoticias{
    margin: 0px !important;
}

.noticiaText {
    text-align: center;
    color: #215585;
    background-color: #ffffffe0;
    font-size: 18px;
    padding: 20px;
    height: 7rem;
    margin-top: 11rem;
  
}

div.noticiaText a, div.noticiaText a:hover, h2 a, h2 a:hover {
    color: #215585;
    text-decoration: none;
    font-weight: bold;
}

a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

@media (min-width:300px){
 
    /*appcovid*/
    .bannerAppCovid-wrapper {
        background-color: #fff;
        height: 10rem;
        margin: 4rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .imgBannerAppCovid {
        height: auto;
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: left;
        background-image: url(../images/bannerProtegetePanama.jpg);
    }
    .btnBannerApp {
        background-color: #154c7e;
        color: #fff;
        padding: 0.45rem 1.25rem;
        position: relative;
        z-index: 1000;
        top: 75%;
        left: 30%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
    }

    /*mi billetera*/
    .bgMyWallet {
        margin-top: 0rem;
        padding: 25px;
        border-bottom: 0px solid transparent;
        background-color: #c0ccd5;
        box-shadow: 2px 2px 5px #ccc;
        height: 10rem;
    }

    /* banner vacunacion */
    .bannerVacunaCovid-wrapper {
        background-color: #fff;
        height: 7rem;
        margin: 0rem 0rem 0rem;
        padding-left: 0px;
        padding-right: 0px;
    }

/*    .btnBannerVacuna {
        background-color: #6780a1;
        color: #fff;
        padding: 0.15rem 1.75em;
        position: relative;
        z-index: 1000;
        top: 61%;
        left: 37%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
        font-size: 0.75rem;
    }
*/
    /*noticias*/
    .noticias-wrapper {
        height: 70rem;
    }
    .bgNoticias {
        background-color: #f5f5f5;
        padding: 30px;
        padding-bottom: 120px;
        height: 65rem;
    }

    .noticiaText {
        text-align: center;
        color: #215585;
        background-color: #ffffffe0;
        font-size: 15px;
        padding: 10px;
        height: 7rem;
        margin-top: 11rem;
    }
}

@media (min-width:768px){

    /* banner app covid protegete*/
    .bannerAppCovid-wrapper {
        background-color: #fff;
        height: 10rem;
        margin: 2rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }

    .imgBannerAppCovid {
        height: auto;
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: left;
        background-image: url(../images/bannerProtegetePanama.jpg);
    }

    .btnBannerApp {
        background-color: #154c7e;
        color: #fff;
        padding: 0.45rem 1.25rem;
        position: relative;
        z-index: 1000;
        top: 75%;
        left: 30%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
    }

    /* banner Mi billetera*/
    .bgMyWallet {
        margin-top: 0rem;
        padding: 25px;
        border-bottom: 0px solid transparent;
        background-color: #c0ccd5;
        box-shadow: 2px 2px 5px #ccc;
        height: 17rem;
    }

    /* banner vacunacion */
    .bannerVacunaCovid-wrapper {
        background-color: #fff;
        height: 11.5rem;
        margin: 0rem 0rem 0rem;
        padding-left: 0px;
        padding-right: 0px;
    }
.imgBannerVacunaCovid{
    background-size:contain;
}


 /*   .btnBannerVacuna {
        background-color: #6780a1;
        color: #fff;
        padding: 0.35rem 2.35rem;
        position: relative;
        z-index: 1000;
        top: 65%;
        left: 40%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
        font-size: 0.8rem;
    }*/


    /*noticias*/
    .noticiaText {
        text-align: center;
        color: #215585;
        background-color: #ffffffe0;
        font-size: 18px;
        padding: 20px;
        height: 7rem;
        margin-top: 11rem;
        /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
    }
}

@media (min-width:992px){
    /* banner App Covid*/
    .btnBannerApp {
        background-color: #154c7e;
        color: #fff;
        padding: 0.45rem 1.25rem;
        position: relative;
        z-index: 1000;
        top: 75%;
        left: 38%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
    }

    /* banner vacunacion */

    .bannerVacunaCovid-wrapper {
        background-color: #fff;
        height: 15rem;
        margin: 0rem 0rem 0rem;
        padding-left: 0px;
        padding-right: 0px;
    }

 /*   .btnBannerVacuna {
        background-color: #6780a1;
        color: #fff;
        padding: 0.5rem 3rem;
        position: relative;
        z-index: 1000;
        top: 68%;
        left: 40%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
        font-size: 1rem;
    }*/

    .bgMyWallet {
        margin-top: 0rem;
        padding: 25px;
        border-bottom: 0px solid transparent;
        background-color: #c0ccd5;
        box-shadow: 2px 2px 5px #ccc;
        height: 19rem;
    }
}

@media (min-width:1024px){
    /* banner appcovid protegete*/
    .bannerAppCovid-wrapper {
        background-color: #fff;
        height: 16rem;
        margin: 2rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .btnBannerApp {
        background-color: #154c7e;
        color: #fff;
        padding: 0.45rem 1.25rem;
        position: relative;
        z-index: 1000;
        top: 76%;
        left: 42%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
    }
    /* banner vacunacion */
    .bannerVacunaCovid-wrapper {
        background-color: #fff;
        height: 16rem;
        margin: 0rem 0rem 0rem;
        padding-left: 0px;
        padding-right: 0px;
    }
  
/*    .btnBannerVacuna {
        background-color: #6780a1;
        color: #fff;
        padding: 0.5rem 3rem;
        position: relative;
        z-index: 1000;
        top: 68%;
        left: 40%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
        font-size: 1.05rem;
    }*/

    /*noticias*/
    .noticiaText {
        text-align: center;
        color: #215585;
        background-color: #ffffffe0;
        font-size: 20px;
        padding: 20px;
        height: 7rem;
        margin-top: 11rem;
    }
}

@media (min-width:1280px){
    /* banner appcovid protegete*/
    .bannerAppCovid-wrapper {
        background-color: #fff;
        height: 20rem;
        margin: 2rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    /* banner vacunacion */
    .bannerVacunaCovid-wrapper {
        background-color: #fff;
        height: 21rem;
        margin: 0rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }

 /*   .btnBannerVacuna {
        background-color: #6780a1;
        color: #fff;
        padding: 0.65rem 3.25rem;
        position: relative;
        z-index: 1000;
        top: 68%;
        left: 42%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
        font-size: 1.10rem;
    }*/

    /*noticias*/
    .noticias-wrapper {
        height: 30rem;
    }

    .bgNoticias {
        background-color: #f5f5f5;
        padding: 30px;
        padding-bottom: 120px;
        height: 25rem;
    }
    .noticiaText {
        text-align: center;
        color: #215585;
        background-color: #ffffffe0;
        font-size: 17px;
        padding: 20px;
        height: 7rem;
        margin-top: 11rem;
    }
}

@media (min-width:1366px){
    .bannerAppCovid-wrapper {
        background-color: #fff;
        height: 21rem;
        margin: 3rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .bannerVacunaCovid-wrapper {
        background-color: #fff;
        height: 22.5rem;
        margin: 0rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }

    /*   .btnBannerVacuna {
        background-color: #6780a1;
        color: #fff;
        padding: 0.65rem 3.25rem;
        position: relative;
        z-index: 1000;
        top: 68%;
        left: 42%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
        font-size: 1.10rem;
    }*/
}

@media (min-width:1440px){
    .bannerAppCovid-wrapper {
        background-color: #fff;
        height: 23rem;
        margin: 3rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .bannerVacunaCovid-wrapper {
        background-color: #fff;
        height: 23rem;
        margin: 0rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }
  /*  .btnBannerVacuna {
        background-color: #6780a1;
        color: #fff;
        padding: 0.65rem 3.25rem;
        position: relative;
        z-index: 1000;
        top: 68%;
        left: 42.5%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
        font-size: 1.10rem;
    }*/
}

@media (min-width:1600px){
    .bannerAppCovid-wrapper {
        background-color: #fff;
        height: 25rem;
        margin: 3rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .btnBannerApp {
        background-color: #154c7e;
        color: #fff;
        padding: 0.65rem 1.75rem;
        position: relative;
        z-index: 1000;
        top: 76%;
        left: 42%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
    }
    .bannerVacunaCovid-wrapper {
        background-color: #fff;
        height: 25rem;
        margin: 0rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .imgBannerVacunaCovid {
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-image: url(../images/bannerVacunacion.jpg);
    }
 /*   .btnBannerVacuna {
        background-color: #6780a1;
        color: #fff;
        padding: 0.65rem 3.25rem;
        position: relative;
        z-index: 1000;
        top: 68%;
        left: 42.5%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
        font-size: 1.10rem;
    }*/
}

@media (min-width:1800px) {

    .bannerAppCovid-wrapper {
        background-color: #fff;
        height: 30rem;
        margin-top: 2rem;
        margin: 3rem 0rem 1rem;
    }

    .imgBannerAppCovid {
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-image: url(../images/bannerProtegetePanama.jpg);
    }

    .btnBannerApp {
        padding: 0.65rem 2rem;
        position: relative;
        z-index: 1000;
        top: 75%;
        left: 42%;
    }

    .bannerVacunaCovid-wrapper {
        background-color: #fff;
        height: 31rem;
        margin: 0rem 0rem 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .imgBannerVacunaCovid {
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-image: url(../images/bannerVacunacion.jpg);
    }

  /*  .btnBannerVacuna {
        background-color: #6780a1;
        color: #fff;
        padding: 0.65rem 3.25rem;
        position: relative;
        z-index: 1000;
        top: 68%;
        left: 43%;
        border-radius: 0px;
        box-shadow: 2px 2px 5px #0e3558;
        border: none;
        font-size: 1.15rem;
    }*/

    .bgMyWallet {
        margin-top: 0rem;
        padding: 40px 25px;
        border-bottom: 0px solid transparent;
        background-color: #c0ccd5;
        box-shadow: 2px 2px 5px #ccc;
        height: 22rem;
    }


  

}