@charset "utf-8";


html {font-size: 62,5%; }

#pagina {min-height: 87vh;
   padding: 0rem;
    margin: 0;
    }
 
        text-align:center;

}
 #foto {
        display: flex;
        align-content: center;
        text-align:center;
    padding: 3rem;
        } 

body {width: 100%;
    background-color: rgba(255, 226, 187, 0.73);
    font-family: 'Roboto', sans-serif;
}

nav {background-color: #eb9204; }

* {box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    color: #363434;
    
}

ul {list-style: none;
    font-family: 'Roboto', sans-serif;
    padding: 0;
    margin: 0;
    }



header nav ul li a {
    text-decoration: none;
    text-align: center;
    display: block;
    padding: .7rem;
    color: white;
    border-bottom: #000000 .2rem solid
}

header nav ul li a:hover{
    background-color: #000000;
    color: white;
    font-weight: bold;
}

#isologo {
    text-align: center;
    display: block; 
        margin-left: auto ;
    margin-right: auto ;
        
    
}



h2 {
    font-family: sans-serif;
    font-weight:bold;
        color:#000000;
    font-size: 2em;
    text-align: center;
}




#foto 
{margin-left: 1em;
        align-content: center;
        text-align:center;}



#info ul li {
    list-style: none;
text-align: center;
}



h1,h4 {font-family: 'Roboto',sans-serif;
font-weight: bold;
color:#000000;
     background-color: #eb9204;
     
    text-align: center;
    text-decoration: none;
    display: block;
    margin: 2em;
    text-align: center;
    font-size: 1em;
     line-height: 2;
     }


h3 { font-style:normal;
    font-weight: bold;
    font-family:sans-serif; "roboto";
font-size:1em;
    text-align: center;
}


#info ul li a{
    color: #000000;
    font-weight: bold;
    display: block;
    align-items: center;
}

#info ul li {
    
    font-family: sans-serif;
    list-style: none;
text-align: center;
    font-size: .8em;
    
}



footer {font-size: .9em;
text-align: justify;
    text-justify: inter-word;
    display: block;
    padding: 1.5em;
    margin: .8em;
    font-style: normal;
    font-size: .7em;
    color: #080808;
    }

#redes ul li a {
    
    color: #000000;
    text-decoration-line: none;
    font-weight:normal;
    text-align: center;
    font-size: 1em;
    
}
#datos ul li { font-family: sans-serif;
    list-style: none;
text-align: center;
    font-size: .8em;
}



section a{
    text-decoration: none;
   
    
    }
section a:hover{
   
    font-weight: bold;
}