@charset “utf-8”;

/* reglas generales */

img{max-width: 100%}

body{
    font-family: sans-serif;
    background-color: #7FB7BF;
    list-style: none;
    min-height: 100vh;
    min-height:  -webkit-fill-available;
    
}
header h1{
   color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 2.5rem;
    margin-top: 2em;
    margin-bottom: 1.5em;
    
}
header p{
    text-align: center;
    font-size: 1.5rem;
    color: white;
}
main {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
   }

 .noticias{
    width: 100%;    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: bolder;
     margin-top: 2em;
}

 .avance{
    width: 100%;    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: bolder;
     margin-top: 2em;
}
.sino{ 
    display: flex;
    align-content: center;
    justify-content: center;
    
}
.sino p{
    flex-direction: row;
    align-content: center;
    flex-direction: row;
    margin-left: 2em;
    margin-right: 2em;
    border-radius: 1.5em;
    color: white;
    background-color:rgba(1,1,1,.35);
    margin-top: 1em;
    padding: 0.4em .7em .4em .7em;
    
    }

main a {
    color: white;
    background-color: black;
    padding: 0.9em;
    border-radius:1.5em;
    align-content: center;
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin: auto;
    margin-top: 3em;
}
footer{
    display: flex;
    align-content: center;
    justify-content: center;
    margin-top: 2em;
    margin-bottom: 2em;
}


/*media menos 600px*/
@media screen and (min-width: 992px) {
    
    .sino{
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    margin-left: 3em;
    margin-right: 3em;
    font-weight: bolder;
    
    }
}