@charset "utf-8";
"Mobile First" 
@import{
	 url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
}


body{ 
	min-height: 100vh;
	min-height: -webkit-fill-available;
    background-color: #f4dfdf
	
}
html{
	height: -webkit-fill-available;
}
*{
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box; 
}
header{
	text-decoration: none;
	text-align: center;
	color: darkorchid;
}
.contenedor{
	display: block; 
	display: flex; 
	flex-direction: row;
	flex-wrap: nowrap; 
	justify-content: center;
	justify-content: space-around;
}
#imgLogo{
	width: 50em;
	margin: 2em auto;
}
div a img{
	height: auto;
	width: 20%;
} 
*{
	box-sizing: border-box;
	text-decoration: none;
}
header hgroup h1{
	text-align: center;
	text-decoration: none;
	color: darkorchid;
}
.listahorizontal li a:hover{
	background-color: violet;
	color:crimson;
}

.efectol{
	max-height: 50%;
	height: auto; 
	width: 20%;
	margin-left: auto;
	margin-right: auto; 
	list-style-image: none;
	padding:inherit; 
	display: block; 
	object-fit: cover;
	object-position: center center;
	border-radius: 220px;
	text-align: center; 
	justify-content: center;
}
figure img{
    width: 30%;
	margin: 1em
	border-radius: 220px;
    border-top-left-radius: 220px;
    border-top-right-radius: 220px;
    border-bottom-right-radius: 220px;
    border-bottom-left-radius: 220px;
    
}
figcaption{
	text-align: center;
	color: darkorchid;
	margin: 1em; 
}
nav, ul{
	list-style: none;
	margin: 0em 0em 0em 0em;
	padding: 0em;
}
article, h4{
	text-decoration: none;
	text-align: center;
	color: darkorchid;
	margin: 1em; 
}
h5{
	text-decoration: none;
	text-align: center;
	color: darkorchid;
	font-size: 120%;
}
p{
	text-decoration: none;
	text-align: center;
	color: darkorchid;
}
nav ul il a{
	display: block;
	text-decoration: none;
	text-align: center;
	color: darkorchid;
}
.nombresintegrantes, ul li a{
	display: block;
	text-decoration: none;
	text-align: center;
	margin: 1em 0em 0em 0em;
	color: darkorchid;
}

footer{
	text-align: start;
	margin:1; 
	border:1em;
	padding:1em;
	color:darkmagenta;
}
.logoubafadu{
	max-height: 30%;
	height: auto;
	width:10%;
	display: flex; 
	margin: 1em 0em 0em 0em;
	margin-left: 0;
	margin-right: 0;
	padding: 1em 1em 3em 1em;
	justify-content: center;
	margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}
.section{
	padding: 0; 
	display: flex; 
	margin: auto;
	color:darkmagenta;
	text-align: start;
	margin: auto;
	padding: 1em 1em 1em 1em;
}
.p{
	display: flex; 
	max-width: none; 
	margin: auto;
	padding: 0;
	text-align:start;
}
/*Tamaño table*/

"Tamaño escritorio"
body{ 
	min-height: 50vh;
	flex-direction: column;
    align-items: center;
	font-family:'Roboto', sans-serif;
    background-color: #f4dfdf
	
}
html{
	height: -webkit-fill-available;
}
header{
	text-decoration: none;
	text-align: center;
	color: darkorchid;
}
.contenedor{
	display: block; 
	display: flex; 
	flex-direction: row;
	flex-wrap: nowrap; 
	justify-content: center;
	justify-content: space-around;
	
}
#imgLogo{
	width: 50em;
	margin: 2em auto;
}
div a img{
	height: auto;
	width: 20%;
} 
*{
	box-sizing: border-box;
	text-decoration: none;
}
header hgroup h1{
	text-align: center;
	text-decoration: none;
	color: darkorchid;
}
.listahorizontal li a:hover{
	background-color: violet;
	color:crimson;
}

.efectol{
	max-height: 30%;
	height: auto;
	width: 15%;
	margin-left: auto;
	margin-right: auto; 
	list-style-image: none;
	padding:inherit
	background:no-repeat center center;
	display: block; 
	object-fit: cover;
	object-position: center center;
	border-radius: 220px;
	text-align: center; 
	justify-content: center;
}
figure img{
    width: 80%;
	margin: 1em 
    
}
figcaption{
	text-align: center;
	color: darkorchid;
}
nav, ul{
	list-style: none;
	margin: 0em 0em 0em 0em;
	padding: 0em;
}
article, h4{
	text-decoration: none;
	text-align: center;
	color: darkorchid;
}
h5{
	text-decoration: none;
	text-align: center;
	color: darkorchid;
}
p{
	text-decoration: none;
	text-align: center;
	color: darkorchid;
}
nav ul il a{
	display: block;
	text-decoration: none;
	text-align: center;
	color: darkorchid;
}
.nombresintegrantes, ul li a{
	display: block;
	text-decoration: none;
	text-align: center;
	margin: 1em 0em 0em 0em;
	color: darkorchid;
}

footer{
	text-align: start;
	margin:1; 
	border:1em;
	padding:1em;
	color:darkmagenta;
}
#logoubafadu{
	max-height: 30%;
	height: auto;
	width:10%;
	display: flex; 
	margin: auto;
	margin-left: center;
	margin-right: center;
	padding: 1em 1em 2em 1em;
	justify-content: center;
}
.section{
	padding: 0; 
	display: flex; 
	margin: auto;
	color:darkmagenta;
	text-align: start;
	margin: auto;
	padding: 1em 1em 1em 1em;
}
.p{
	max-width: none; 
	margin: 0 auto;
	padding: 1em 1em 1em 1em;
	text-align: start;
}