/* etiqueta{propiedad:valor;} */

/*  #FF6978;rosa, #6D435A; borravino, #B1EDE8; celeste */

*{
    margin:0; padding: 0; box-sizing: border-box;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');

header{
    background-image: url('../img/header.jpg');
    background-position: center;
    background-size:cover;
    
}

body{
    background: white; 
   
    color: black; 
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

h1{ text-shadow: 6px 6px  #6D435A;
    margin-top: 3rem;
    margin-bottom: 0;
    color: #FF6978; 
    padding-top: 4rem;
    padding-bottom: 1rem;
    
    border-radius: 6px;

    margin: 0% 39% 0% 39%; 
    font-weight: 900;
    font-size: 6rem;
}

.contenedor{
    max-width: 100%; 
}

.integrantes{
    background: white;
	width: 100%;
	min-height: 8rem;
	border-radius: .375rem;
    color: #6D435A;
    line-height: 3rem;
    text-align: center;
    padding-top: 10%;
}

.alumnas{
    line-height: 1.7rem;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
    margin-bottom: 4%;
}

.alumno {
    font-family: 'Roboto', sans-serif;
   font-weight: 900; 
	text-decoration: none;
    color: #6D435A;
    font-size: 20px;
}

.alumno:hover{ 
    background: #B1EDE8; color: #FF6978;
    
}

h6 {
color: #6D435A;
font-family:'Roboto', sans-serif;
font-weight: 500;
font-size: 2rem;
text-align: center;
margin-block-start: 3rem;
margin-block-end: 3rem;
}

h5 {
    color: #6D435A;
    font-family:'Roboto', sans-serif;
    font-weight: 900;
    font-size: 1rem;
    text-align: center;
    /*margin-block-start: 1rem;*/
    margin-block-end: 1rem;   
}
.nombreapp{
   
    background: white; 
    width: auto; 
    margin: 0% 3% 3% 3%; 
    padding: 1rem; 
    min-height: 8rem; 
    border-radius: .375rem;
    border: 0.125rem solid #FF6978;
    border-top: 1px solid #FF6978;
    border-right: 1px solid #FF6978;
    border-bottom: 6px solid #FF6978;
    border-left: 1px solid #FF6978;
    color: #6D435A;
    text-align: center;
}

.descripcion 
{
    font-size: 2rem;
    font-weight: 900;
}

.rotulogrupal{
    padding: 0 10%;
    display: flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}

.menu {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    align-content: flex-start;
    padding-top:4%;
    padding-bottom: 1.2rem;


    
}

.item{
	padding: 1%;
	border-radius: 0.375rem;
    text-decoration: none;
    height: 50%;
    align-items: center;
    padding: .5rem 2rem;
    background-color: #FF6978;  
    display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    align-content: center;
    margin:  0 3rem 0.2rem 0;
    border: 0.125rem solid #6D435A;

    top: 25%;
    bottom: 26.79%;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-align: center;
    color: #6D435A;
}
.item-act{
	padding: 1%;
	border-radius: 0.375rem;
    text-decoration: none;
    height: 50%;
    align-items: center;
    padding: .5rem 2rem;
    background: #B1EDE8;  
    display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    align-content: center;
    margin:  0 3rem 0.2rem 0;
    border: 0.125rem solid #6D435A;

    top: 25%;
    bottom: 26.79%;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-align: center;
    color:#6D435A;
}

.item:hover{
    background: #B1EDE8; color:#6D435A;
    border: 0.125rem solid #6D435A ;
}

.datos{
    font-size: 0.9rem; 
    width: auto;
    color: #6D435A; 
    /*margin: 3 3% 3% 3%;*/ 
    padding:3% 10% 3%; 
    border-radius: .375rem;
    display:flex; 
    justify-content: space-around;}

.datos div {  
    border-right: 2px solid;
    border-left: 2px solid;
    border-top: 2px solid;
    border-bottom: 6px solid;
    padding: 2rem;
    border-color: #FF6978;
    border-radius: 6px;}

.plan{
    padding: 2% 15%;}

.plan-encabezado {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;}

plan-columna{display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;}

.MibancoFADU 
{   border-radius: 2rem; 
    margin: 0 3% 3%}
.Mapavn19{
    width: 100%;
    height: auto;
}


footer { 
    padding: 2%;}
footer p{
    color: darkgray;
    font-size: 0.8rem;
    font-style: italic;
    font-family: roboto;
    font-weight: 300;
}