
/* components/_footer.css */


.c-footer {
	position: relative;
	margin-top: 100px;
}
.c-footer::before {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 100%;
	background-color: var(--color-white);
	left: calc( -50vw + 50% );
	top: 0;
	z-index: -1;
}

 .backgroudFooter{
width: 100%;
  background-color: #000;
  background-size: cover;


} 

.c-footer__subvenciones{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
	grid-gap: var(--gap-10);
}

	.c-footer__logos {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		
		grid-gap: var(--gap-10);
		width: 100%;
		max-width: 500px;
		margin-inline: auto;
	}
		.c-footer__logos li {
			margin: 0;
			text-align: center;
		}
		.c-footer__logos img {
			width: 90%;
			
		}
			
			.c-footer__legal{

				color:white;
			}
			.icon-img {
				transition: transform 0.3s;
			}
			
	.backgroudFooter a:hover{
		color: #D8DBC1 !important;
	}

	.backgroudFooter a:focus{
		color: #D8DBC1 !important;
	}


#fedis__movil{
	display:none;
}

@media ( min-width: 500px ) {
	.c-footer {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: var(--gap-20);
	}
	
	.c-footer__logos {
		grid-column: 1/-1;
	}

	
}

@media ( min-width: 992px ) {
	.c-footer {
		grid-template-columns: repeat( 12, 1fr );
	}

	.c-footer__sobre-coloriuris,
	.c-footer__contactar {
		grid-column: span 3;
	}
	.c-footer__logos {
		align-self: start;
		grid-column: span 6;
		max-width: initial;
		grid-gap: var(--gap-40);
		margin-top: 0;
	}
	
}

@media (max-width: 500px){
	.c-footer__subvenciones {
		text-align: left;
		display: grid;
    grid-template-columns: 1fr;
	  }
}




