/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
    display: block;  
}  

body {
	margin:0 auto;
	background-color:var(--blanco);
}

header {
	background-color: var(--primario);
	padding: 0.5rem 0;
	position: fixed;
    z-index: 100;
    width: 100%;

}


section {
	padding: 8rem 0;
}

section#inicio {
	padding: 5rem 0 0 0;
}


section#footer {
	padding: 2rem 0;
	background-color: var(--primario);
	margin-bottom: 3rem;
	color:var(--blanco);
	font-size: 1.3rem;
}

section#footer .info{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:2rem;
}

section#footer .poweredby{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

@media (max-width:576px){
section#footer .info{
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}

section#footer .poweredby{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
}	
}

.btn-cta {
	background-color: var(--secundario);
	text-transform: uppercase;
	font-size: 1.5rem;
	border-radius: 50rem;
	border-color:var(--secundario);
	font-weight: 500;
	padding: 0.8rem 2.5rem; 
	margin: 1rem;
}
@media (max-width:576px){
.btn-cta {
	font-size: 1.2rem;

}
}


.elemento {
	opacity: 0;
}