*{ 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: 2rem; 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;}


/* 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;} 
.croma{width: 20%;margin-left: 40%; margin-right: 40%;margin-bottom: 5%;margin-top: 5%; }
section .mapa {text-align: center; font-size: 1rem; }
section .mapa p {font-display: block; margin: 1rem; padding: 0.3rem;  }
section .mapa p a{ text-decoration: none ; color: #7c7c7c; padding: 1rem;}
section .mapa p a:hover{color: #23E5BF; }

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; ; margin: 1rem; }

img{ width: 100%;
    margin: 0rem 1rem 0rem 1rem; display: inline-block; display: flex; justify-content: space-around; }