@import url('https://fonts.googleapis.com/css?family=Montserrat');
*{ margin: 0; padding: 0; box-sizing: border-box;} /* Reset */



/* Estilos generales */
body{ background: #05b6eb; font-family: 'Montserrat';}
.contenedor{ max-width: 48rem;  margin: 0 auto;}



/* LOGIN */
.login{ text-align: center;}
.login h1{ margin-top: 5rem;}
.login .campo{display: block;
    width: 70%;
    margin: 5% 15%;
    border: none;
    padding: 0.5rem;
    border-radius: 1rem;
    color: chocolate;}


.login .btn{display: block;
    width: 70%;
    margin: 5% 15%;
    border: none;
    padding: 0.5rem;
    border-radius: 1rem;
    background: #0153c3;
    color: #fff;}



.link_chiquito{ color: #fff; text-decoration: none; font-size: 0.5rem;}
.fa-heart{ font-size: 2rem; color: gray;}
.seleccionado{ color: red;}
.mimapa{ width: 100%; height: 10rem;}



header{ background: #0153c3; width: 100%;}
header .bot_menu { display: inline-block; padding: 1rem; background: #fff; border-radius: .2rem; margin: .5rem;}
header nav ul li a{ display: block; padding: 1rem; background-color: #fff; text-decoration: none; color:#0153c3; }

section{ width: 96%; margin: 2%;}


footer{ background:#0153c3; height: 3rem; width: 100%;position: fixed; bottom: 0;}
footer nav ul{ display: flex; justify-content: space-around;}
footer nav ul li{ display: inline-block;margin-top: 0.3rem;}
footer nav ul li a{ color: #fff; text-decoration: none; font-size: 1.5rem;}