/*posiciona el contenido, pero podría decirse que es parte del index si se cambian algunas cosas*/
main{
    /*height: 120vw; */
    /*Altura y tamaño del main, cambiar según necesario, 
    o quitarlo, ya que el contenido dará el coso
    */
    padding-top: 5.1rem;
    /*Usar MARGIN si se quiere que todo el contenido del margin aparezca, de lo contrario, dejar
    padding, ya que permitirá colocar la navbar transparente o darle algún efecto y que salga el fondo*/
    /*border: 1px solid red;*/
    overflow-y: hidden;
}

.banner-img{
    /* width: 100%;
    height: auto;
    min-height: 70vh;
    max-height: 30vw;
    background-image: url("../../img/banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; */
    height: auto; 
    width: auto; 
    max-width: 100%;
}

.banner-img > img{
    width: 100%; 
    height: 100%;
}

.wrapper-texto-portada{
    /*min-height: 30vh;*/
    /*border: 1px solid blue;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: justify;
    padding-top:3rem;
    padding-bottom:2rem;
}

/*Media query para hacer el padding del bloque*/

/*.texto-portada{
    max-width: 75ch;
}*/