.footer-image {
    position: sticky;
    top: -100px;
    width: 100%;
    background-color: transparent;
    z-index: 1; /* Asegúrese de que la imagen esté por encima del fondo rojo */
    line-height: 0; /* Evita el gap de baseline del elemento picture inline */
  }

  .footer-image img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    background-color: rgba(255, 255, 255, 0.5); /* Agregue un fondo transparente a la imagen */
  }
  .footer-container {
    background-color: #d90f16;
    position: absolute;
    top: 179px;
    /* left: calc(50% - 744.24px); */
    width: 100%;
    height: 527.6px;
}
.footerimg {
    width: 100%;
    position: relative;
    height: 706.6px;
    text-align: left;
    font-size: 14px;
    color: #fff;
    font-family: Lato;
}

/* Estilo para imágenes responsivas */
.responsive-img {
	width: 100%;
	max-width: 150px;
	height: auto;
}

@media (max-width: 1350px) {
	.responsive-img {
		max-width: 150px;
		width: auto;
	}
}

/* Media query para pantallas menores a 500px de ancho */
@media (max-width: 500px) {
	.responsive-img {
		/*max-width: 200px;*/
		width: auto;
	}
}



/* BS5: restaurar comportamiento de links del footer (BS5 default es underline siempre) */
.custom-footer a {
  text-decoration: none;
}
.custom-footer a:hover {
  text-decoration: underline;
}

/* CSS para el hover en los iconos de redes sociales */
a.btn.btn-outline-light.btn-floating.m-1 i.fab.fa-facebook-f:hover {
  color: red;
}

a.btn.btn-outline-light.btn-floating.m-1 i.fab.fa-instagram:hover {
  color: red;
}



@media (max-width: 768px) {
	.custom-footer .section.p-3.pt-0 {
		display: flex;
		flex-direction: column;
	}

	.custom-footer .col-md-4,
	.custom-footer .col-lg-4 {
		width: 100%;
	}

	.custom-footer .col-sm-2 {
		width: 50%;
	}

	.custom-footer .col-md-4:nth-child(2),
	.custom-footer .col-lg-4:nth-child(2),
	.custom-footer .col-sm-2:nth-child(2) {
		order: 2;
	}

	.custom-footer .col-md-4:nth-child(3),
	.custom-footer .col-lg-4:nth-child(3),
	.custom-footer .col-sm-2:nth-child(3) {
		order: 3;
	}

	.custom-footer .col-md-4:nth-child(2) .row,
	.custom-footer .col-lg-4:nth-child(2) .row,
	.custom-footer .col-sm-2:nth-child(2) .row {
		display: flex;
		justify-content: center;
	}
}