@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;}


.color-blanco{ color: #fff}
.color-celeste{ color: #008db7}
.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;}



.leermas-texto{ display: none;}
.leermas-link{ margin: 1rem 0; display: inline-block; text-decoration: none; color: #fff; border: 1px solid #fff; padding: 0.5rem; border-radius: 2px;}

/* Scroll Horizontal */
.scroll-horizontal{display: flex;flex-wrap: nowrap;overflow-x: auto;}
.card{ width: 40%; margin: 2%; background: #fff; box-shadow: 1px 1px 10px #888; flex: 0 0 auto;}
.card:first-child{margin: 2% 2% 2% 0;} /* solo a la primrea card, para que no tenga margen izq */
.card img{ width: 100%;}
.card h3{font-size: 0.8rem; margin: 0.5rem;color: #034b82;}
.card p{font-size: 0.7rem; margin: 0rem 0.5rem 1rem 0.5rem ;color: #818181;}


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;}