@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@600&family=Ubuntu:ital,wght@1,500&display=swap');

*{padding:0; margin:0; box-sizing: border-box;transition: 0.5s all;}

body{font-family: 'Mukta', sans-serif;background:#79b5a7; } 

header {color: #f5e72c; display: inline-flex; width: auto; padding: 2rem;}

header h2{color: #f5e72c; display: inline-flex; }




.foto { display: inline-flex;} 
.foto img {border-radius: 10rem;}

nav {background:#79b5a7 ; padding: 1rem; text-align: center; }
nav ul li {display: inline-block;padding: 1rem 5rem;}
nav ul li a {color: #ffffff; font-weight: 700;text-decoration: none; }
.link-activo {background:#507d60; padding: 1rem 4rem;} 

ul {list-style-type: none;}

h2{text-align: center; padding: 0.5rem;color:#525252;}

main section article { padding: 1rem;}

.inicio {}
.columna-1 {background-color:#65a195; width: 100%; padding: 2rem;} 

.columna-1 h3 {font-weight: 700;color:#e6dc60;padding:1rem 0rem;font-size:2rem;}
.columna-2 {background-color:#4aa18f; width: 100%; padding: 2rem;}
.columna-2 h3 {font-weight: 700; color:#e6dc60; padding:1rem 0rem;font-size:2rem;}
.columna-3 {background-color:#6d8c8c; width: 100%; padding: 2rem;}
.columna-3 h3 {font-weight: 700;color:#e6dc60;padding:1rem 0rem;font-size:2rem;}




.inicioplan{ width: 40rem; margin: 2rem; text-align: center; font-family: 'Mukta', sans-serif;background-color:#65a195; display:inline-flex; }

.inicioplan h2{font-size: 2rem; color:#f5e72c; display: block;}

.pregunta{font-size: 1.5rem; color:  #f5e72c; display: block;}

.arquser{display:block;height: 42rem; margin: 2rem; padding:1rem 0rem;}

.guia{display:block;height: 42rem;margin: 2rem; padding:1rem 0rem;}
    
    
p{color:#d9d9d9;display: block;}

ul{color:#d9d9d9; display: block;}

.imgmapa{
    width:60rem;
    height: 70rem;
}



footer { font-weight: 300; font-size: 0,2rem; background: #79b5a7; padding: 1rem; font-family: 'Mukta', sans-serif;  margin:0rem 6rem; text-align: center;}

/* cuando es mayor a 768px */
@media screen and (min-width:48rem) {

    
    .top{background-color:#7fc999; width: auto; height: auto; }

    .inicio {display: flex; margin:2rem 4rem; column-gap: 1rem;}
.columna-1 {background-color:#65a195; width: 33,3%; } 
.columna-2 {background-color:#4aa18f; width: 33,3%; }
.columna-3 {background-color:#6d8c8c; width: 33,3%; }