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


/* Estilos generales */
.contenedor {max-width: 80rem; margin: auto;}
body{font-family: Arial;  background: #f5f4f4; }
h1{color: #7c7c7c; font-size: 2 rem; text-align: left; margin: 1rem 0rem 2rem 0rem; padding: 1.5rem 2rem 1.5rem 2rem; text-decoration: none; }
header{ background: #fff; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 1rem;}
h2 {margin-top: 3rem; margin-bottom: 3rem;}



/* Estilos de nav */
nav{ text-align: right; font-size: 0.8rem; letter-spacing: 0.2rem; }
nav ul li{ list-style-type: none; display: inline-block; background: #ffffff;  margin: 2rem; }
nav ul li a{ color: #7c7c7c; text-decoration: none ; margin: 0rem; padding: 0.8rem 1rem 0.8rem 0.5rem; display: inline-block; }
nav ul li a:hover{ color: #23E5BF;}
h2{color: #7c7c7c; margin: 0rem; padding: 1rem; padding-top: 4rem; text-align: center; }
section article {text-align: center; font-size: 1rem; }

h4{color: #7c7c7c; font-size: 1rem; margin: 0rem; padding-top: 0.5rem;}
section article p { color: #7c7c7c;  margin: 1rem; padding: 0rem 24rem 2rem 24rem; }




footer {color: #7c7c7c; font-size: 0.7rem; text-align: center; margin: 12rem 3rem 1rem 3rem; padding: 2rem; width: auto }
.pie {margin: 0rem 0rem 0.5rem 0rem; }
img{ width: 15rem; border-radius: 7rem; margin: 1rem; }
