/* 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.8rem 0;
    position: fixed;
    z-index: 100;
    width: 100%;
}


.header_redes {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	margin: 0;
	padding: 0 1rem;
}


.header_redes i {
	font-size: 1.6rem;
	font-weight: normal;
}

.header_redes a {
	color:var(--blanco)
}

.header_redes a:hover, .header_redes a:focus, .header_redes a:active {
	color:var(--secundario)
}


.divider {
	border-bottom: var(--primario) solid 0.5rem;
	margin: 1.2rem 0 3rem 0;
	width: 8%;
}

#encabezado{
	z-index: 100;
}

section {
	padding: 10rem 0;
}

section#footer {
	padding: 5rem 0;
}

section#map{
	padding: 0;
	height: 45rem;
}

#footer {
	background-color: var(--primario);
	color:var(--blanco)
}

#footer p {
	font-size: 1.3rem;
	color:var(--blanco);
	font-weight: 300;
}

.footer_info {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	margin: 0 0 4rem 0;
}
@media (max-width:576px){
.footer_info {
	flex-wrap: wrap;
	gap:0.5rem;
	margin: 0 0 2rem 0;
	}	
}
.footer_redes {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	margin: 4rem 0 4rem 0;
}


#footer i {
	font-size: 1.6rem;
	font-weight: normal;
}

#footer a {
	color:var(--blanco)
}

#footer a:hover, #footer a:focus, #footer a:active {
	color:var(--secundario)
}
.footer_copyright span{
	text-transform: uppercase;
}

.footer_logo {
	margin: 1.5rem 0 0 0;
}