@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@400;600&display=swap');
*{
    margin:0;
    padding:0;
}
section{
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.general-conteiner{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2em;
}
.general-institucional{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1em;

}

h2{
    font-size: 60px;
    font-weight: 200;
    text-align: center;
}
.contenedor-cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.cardVideo{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.card{
    width: 320px;
    height: 500px;
    border-radius: 10px;
    border: 2px rgb(151, 146, 146, 0.1) solid;
    box-shadow:1em 1em rgb(136, 132, 132,0.5);
    text-align: center;
    margin:20px 20px 20px 20px;
    
}
.imagen-card{
    width:300px;
    height: 250px;
}
.imagen-card img {
    margin-top: 10px;
    margin-left: 10px;
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
}
h3{
    text-align: center;
    font-family: 'Ibarra Real Nova', serif;
    font-weight: 600;
    font-size: 2em;
}
p{
    text-align:left;
    font-weight: 600;
    font-family: 'Ibarra Real Nova', serif;
    font-size: 20px;
}
.conteiner-button-news{
    display: flex;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.button-novedades{
    width: 250px;
    height: 3em;
    border: 1px solid rgb(27, 16, 92);
    border-radius: 10px;
    background-color: rgba(35, 17, 136, 0.788);
    margin-top: 2em;
    margin-bottom: 2em;
    color: whitesmoke;

}
a{
    text-decoration: none;
}
@media  (min-width:359px) and (max-width:767px){
    .general-conteiner{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .contenedor-cards{
        display: flex;
        flex-direction: column;
        justify-content:center ;
    }
    h2{
        font:3em bold;
    }
}