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



/* Generales */

body {background-color: #f0e3ca; font-family: sans-serif; text-align: center;}
header{background: #ffcd29;}
nav{color: white;}
h1{color:black; font-size: 3rem; font-family: ARIAL black;}
h2{color:grey; font-size: 1.2rem}  
h3{color:black; font-size: 2rem;} 
h4{color:black; font-size: 1.7rem;}
h5{color:black; font-size: 1.7rem;}
h6{color:black; font-size: 1.7rem;}
h7{color:black; font-size: 1.6rem;}
h8{color:white; font-size: 1.7rem; font-family:arial black;}
h9{color:white; font-size: 1.7rem; font-family:arial black;}

/* Primera parte*/

nav {background: black; padding: 1.5%; width: 100%; opacity: 80%;}
nav ul li {display: inline-block;}
nav ul a{ color: #ffcc29;  padding: 1rem; font-size 3rem; opac}
.linkactivo:hover{background: white}

.dis{padding: 2rem; width: auto;}


/* Menu*/ 
.inicio{display: flex; justify-content: space-around; }

.inicio ul p{font-size: 0.9rem;}

.inicio ul{align-content:center;}

.columna1{background: #ffcc29; text-align: center; padding: 0,7rem; font-family: arial;
    padding: 2%;
    width: 30%;
    margin: 2%;
    min-height: 8rem;} 
.columna2{background: #ffcc29; text-align: center; padding: 0,7rem; font-family: arial;
    padding: 2%;
    width: 30%;
    margin: 2%;
    min-height: 8rem;} 
.columna3{background: #ffcc29; text-align: center; padding: 0,7rem; font-family: arial;
    padding: 2%;
    width: 30%;
    margin: 2%;
    min-height: 8rem;} 


article{ 
    background: #ffcc29; 
    width: auto;
    margin: 20;
    padding: 10%;
   
    box-shadow: 0.3rem 0.3rem 0.3rem 0.3rem rgba(0,0,0,0.10);}

article ul p{color: grey; font-size: 1.2rem;}
article h3 span{color: grey; font-size: 1rem; font-family: arial; opacity: 70%;}


span{color: white;}
.contenedor{max-width: 75rem; margin: auto;}

/* segunda seccion */

.segundaseccion{display: flex; justify-content: space-around; align-content:center}
.linkcompas:hover{background: white}
.columnaequipo p a{font-size:  0.rem; text-align: center;}
.compasparrafo{color: white;}

/* Datos obligatorios*/

.datosobligatorios p{color: grey; margin:10%rem; width:100%; padding: 2% }
.datosobligatorios{background: #dfd2ba;}


footer p{color: grey; font-size: 0.9rem; text-align center