@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Open+Sans:ital,wght@0,400;0,600;0,800;1,400;1,700&display=swap');
*{padding: 0;margin: 0;box-sizing: border-box;transition: 1.3s;}

body{background:#FEFAF1; font-family: 'Open Sans', sans-serif; text-align: center;}
header{background:#FEFAF1;padding: 0.5rem;}
header h1{font-family: 'Alfa Slab One', cursive;font-size: 4rem; padding: 2rem; color:#202855;float: right;}
header nav {background:·#FEFAF1;padding: 0.5em;color:whitesmoke;}
.navegador-1 {float: right;}
.inicio-1{font-weight:bolder;background-color: #FF6151;border-radius: 6px; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;font-weight: 400 ;text-decoration: none;}
.mapa-1{font-weight:bolder;background-color: #FF6151;border-radius: 6px; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.plan-1{font-weight:bolder;background-color: #FF6151;border-radius: 6px;padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.app-1{font-weight:bolder;background-color: #FF6151;border-radius: 6px; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.landing-1 {font-weight:bolder;background-color: #FF6151;border-radius: 6px; padding: 0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;}
.inicio-1:hover {background-color: #F79E1B;}
.mapa-1:hover{background-color: #F79E1B;}
.plan-1:hover{background-color: #F79E1B;}
.app-1:hover{background-color: #F79E1B;}
.landing-1:hover{background-color: #F79E1B;}
.contenidos {background-color: #FEFAF1;padding: 5rem; color:#202855;font-size: 1.2rem;font-weight: 600;margin: 0.5rem;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;}

h3 {font-size: 1.3rem;font-weight: 280;border-style:none;text-align:center;}

.descargar{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;}
.conocela {font-weight:bolder;background-color: #FF6151;border-radius: 6px; padding:1rem; padding-left: 2rem; padding-right: 2rem; color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400; align-content: center;}


.caja1 {font-weight:lighter ;background-color: #FF6151; background opacity: 0,2; border-radius: 150px; padding:0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;font-size: larger; margin: 5%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;}

.caja2 {font-weight:lighter ;background-color: #FF6151; background opacity: 0,2; border-radius: 150px; padding: 2rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;font-size: larger; margin: 5%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: space-around;}

h4 {font-size: 1.3rem;font-weight: 280;border-style:none;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: baseline
	align-content: stretch;font-weight:100; text-align: left;padding: 3rem;}

.telefono-1{width: 100%; height: 100%;margin: 1.5rem;}
.nueve{border-radius: 50px; width: 100%; height: 100%;}

.telefono-2 {width: 80%; height: 80%;margin: 1.5rem; margin: 2rem;}
.parrafo-2 {text-align: right; 
	display: flex;
	flex-direction: column;
	flex-wrap: wrap-reverse;
	justify-content: space-around;
	align-items: baseline;
	align-content: space-between; padding: 1.5rem;font-weight: 100;}

.carrusel { display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: space-around;}
h5{font-size: 1.5rem;}
h6{font-size: 0.9rem; padding: 1rem;}


.camila { text-align: center;background-color: #FF6151; border-radius: 6px; padding: 0.5rem; color:whitesmoke; margin: 1rem;} 
body h6 { font-weight: lighter;} 
.facundo { text-align: center;background-color: #FF6151; border-radius: 6px; padding: 0.5rem; color:whitesmoke;margin: 1rem;} 
.maite  { text-align: center;background-color: #FF6151; border-radius: 6px; padding: 1.1rem; color:whitesmoke; margin: 1rem;} 
.usuaria {border-radius: 50px; margin: 2rem; width: 70%; height: 70%}
.flecha{transform: rotate(90deg);}
.flecha2 {transform: rotate(90deg);}
footer a{background-color: #F79E1B;padding: 0.3rem;color:#202855;text-decoration: none;}
footer{background: #FF6651;font-size: 0.6rem;padding: 0.1rem;display: inline-block;display: block; width: 100%; bottom: 0rem; left: 0rem;}



/*Version escritorio*/

@media (min-width:576px) {

header h1{font-family: 'Alfa Slab One', cursive;font-size: 4rem; padding: 1rem; color:#202855;float: left;}
.contenidos {background-color: #FEFAF1;padding: 5rem; color:#202855;font-size: 1.2rem;font-weight: 600;margin: 0.5rem;}

.caja1 {font-weight:lighter ;background-color: #FF6151; background opacity: 0,2; border-radius: 150px; padding:0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;font-size: larger; margin: 5%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:space-around
	align-items: center;
	align-content: center;}

h4 {font-size: 1.8rem;font-weight: 280;border-style:none;display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-around;
align-items: baseline
align-content: stretch; text-align: left;padding: 7rem;}
.telefono-1{width: 50%; height: 50%;margin: 1.5rem;}
.nueve{border-radius: 50px; width: 60%; height: 60%;}

.caja2 {font-weight:lighter ;background-color: #FF6151; background opacity: 0,2; border-radius: 150px; padding:0.5rem;color: whitesmoke;font-family:'Open Sans', sans-serif;text-decoration: none;font-weight: 400;font-size: larger; margin: 5%;
	display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content:center
   align-items: center;
   align-content: center;}
.telefono-2 {width: 40%; height: 40%;margin: 1.5rem; margin-left: 6rem;} 
.parrafo-2 {text-align: right; 
	display: flex;
	flex-direction: column;
	flex-wrap: wrap-reverse;
	justify-content: space-around;
	align-items: baseline;
	align-content: space-between; padding: 7rem;font-weight: 100;}

.carrusel { display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content:space-around;
		align-items: center;
		align-content: center;}

		.camila { text-align: center;background-color: #FF6151; border-radius: 6px; padding: 0.5rem; color:whitesmoke;} 
		body h6 { font-weight: lighter;} 
		.facundo { text-align: center;background-color: #FF6151; border-radius: 6px; padding: 0.5rem; color:whitesmoke;} 
		.maite  { text-align: center;background-color: #FF6151; border-radius: 6px; padding: 1.1rem; color:whitesmoke;} 
		.flecha{transform: rotate(0deg);}
		.flecha2 {transform: rotate(0deg);}


.usuaria {border-radius: 50px; margin: 2rem; width: 30%; height: 30%}

	.contenidos {size:60%;display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;} 
	
		


footer {background-color: #F79E1B ;padding: 0.3rem;color:#202855;text-decoration: none;}   
footer a{background-color: #FF6651;}
    
    
    }