@charset "utf-8";

/* Reglas generales */
body{
    font-family: sans-serif;
    margin:0;
    padding:0;
    
    display:flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
}
ul{
    list-style: none;
}

a{
    text-decoration: none;
    color:darksalmon;
}

img{
    width:100%;
    display: block;
    height: auto;
    max-width: 100%
}

h1, h2, h3, h4, h5{
    text-align: center
}

h2, h3, h4, h5{
    color:rgba(51, 21, 10, 0.79);
}

/* para celular */
.navegacion{
    background-color: darksalmon;
    padding-top: 0.5em;
    height: 3em;
    display: flex;
    justify-content:center;
}


.navegacion ul{
    margin:0;
    padding:0;
    display: flex;
    
}

.navegacion nav ul li a{
    color:antiquewhite;
    font-size: 1.2em;
    margin:0.5em;
    font-weight: lighter;
    
    display: flex;
}


main{
     background-color: peachpuff;
    flex-grow: 1;
    
}

section{
    margin:3em;
    padding:2em;
    background-color:antiquewhite;
    border-radius: 1.7em;
}
h1{
    font-size: 2em;
    color:#d86d49;
}

.alumna img {
    display:block;
    width:300px;
    height:auto;
    margin:auto;
    border-radius: 50%
}


.segunda nav a{
    background-color: darksalmon;
    color:antiquewhite;
    display: block;
    font-size:1.2em;
    margin-bottom: 1em;
    margin-right:2em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    text-align: center;
    border-radius: 2em;
}

section h3{
    border-bottom-style: dashed;
    border-bottom-color: darksalmon
    
}
section ul {
    padding:0 0 0.3em;
}

.equipo ul a{
    display: block;
    text-align: center;
    font-size: 1.2em;
    width:100%;
    margin-bottom: 1em;
    background-color: darksalmon;
    padding-top:0.5em;
    padding-bottom:0.5em;
    color: antiquewhite;
    border-radius: 2em;
}

.datos{
    padding:0;
    font-size: 0.8em;
    
}

.datos h4{
    text-align: left;
    margin:0;
    padding:0;
}

.datos ul{
    margin-top:0;
}

footer{
    background-color: darksalmon;
}

footer p{
    color:antiquewhite;
    margin:0;
    padding-top: 2em;
    padding-bottom:2em;
    padding-left:3em;
    padding-right:3em;
}
/* para otros dispositivos */
@media screen and (min-width: 939px){
    section{
        margin-right:10em;
        margin-left:10em;
    }
    
    .segunda nav a{
        margin-right:19em;
        margin-left:19em;
    }
   
}


@media screen and (min-width:1200px){
     .equipo ul{
        margin-right:16em;
        margin-left:16em;
    }
    
    .datos{
        display: flex;
        justify-content: space-around;
    }
}


@media screen and (min-width:1400px){
    .contenedora{
        display: flex;
        justify-content: space-around;
    }
}