@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

*{
	transition: 1s;
	text-align: center;
}

body {
	background-color: #f3e5f5;
}

td, th {
	font-family: Inter;
	padding: 2%;
} 

table {
	margin-top: 3%;
}

img {
	max-width: 500px;
	max-height: 450px;
}

li {
	color: grey;
}

p {
	font-family: Inter;
	color: grey;
}

label {
	font-family: Inter;
	color: grey;
	font-weight: 700;
}

legend {
	font-family: Inter;
	color: #5600E8;
	font-family: Inter;
	font-weight: 700;
	font-size: 30px;
}

h1, h2, h3, h4, h5, h6 {
	color: #5600E8;
	font-family: Inter;
	font-weight: 700;
	padding-top: 3%
}

div {
	padding-bottom: 1%;
}

footer {
	background-image: url("imagenesFondos/footer.png");
	font-size: xx-small;
	text-align: center;
	color: grey;
	background-position: left;
	background-repeat: no-repeat;
	height: 200px;
	}

	.avatar {
		border-radius: 50%;
		max-width: 10rem;
		max-height: 10rem;
	}

@media (min-width:576px) {
	.integrantes{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: stretch;
		align-content: stretch;
		padding: 0rem;
	}
	.botones {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: stretch;
        align-content: stretch;
        padding: 0rem;
    }
	.botones img {
		max-width: 100%;
	}
	
	.funciones img {
	max-height: 150px;
	margin-top: 0%;
	}

	#inicial img {
		margin-top: 0%;
	}
}

.botones img {
	max-width: 150px;
}

.funciones img {
	margin-top: 15%;
	max-height: 150px;
	}

.datos {
    font-size: x-small;
}

.header-violeta{
	background:linear-gradient(#5600E8,#f3e5f5);
	height: 30%;
}

.header-violeta img {
	max-height: 150px;
	max-width: 80%;
	margin-top: 5%;
}
.banner {
	max-height: 300px;
}

.mapa {
	min-width: 95%;
	min-width: 95%;
}

.user {
	border-radius: 0%;
	max-width: 15rem;
	max-height: 15rem;
	padding-bottom: 1rem;
}

.barraMenu {
    margin: -10px auto 50px auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.container-fluid {
	padding: 5% 10% 5% 10%;
}

.bench_logo {
	max-width: 5rem;
}

#bienvenidos {
	background-image: url("imagenesFondos/bienvenidos2.png");
	background-position: left;
	background-repeat: no-repeat;
	height: 768px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#bienvenidos div {
	align-items: flex-end;
}

#inicial {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#inicial div {
	align-items: flex-end;
}

#inicial div {
	align-items: flex-end;
}

#inicial img {
	max-width: 100%;
	margin-top: 10%;
}