/* diseño de footer */
footer{
  background-color: rgba(21, 21, 21,0.8);
  color: white;
  background-image: url(/img/bg-footer2.jpg);
  background-size: cover;
  background-position: center;
}
.contenedor-copy{
    background-color: rgb(58, 58, 58);
    
}
.copyright{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

/* diseño de footer */

/* iconos */
.iconosredes{
    font-size: 25px;
    display: inline-block;
}
.bi-instagram {
    color: #E4405F;
  }
.contactos__fuente{
  font-family: 'Sora', sans-serif;
  } 
/* animacion */
.icon-animate {
    animation: jump 1.0s ease-in-out infinite;
  }
  .icon-animate:hover {
    animation-play-state: paused; /*pausa la animacion/*
    /* animation: none; Detiene la animación */
  }
  
  @keyframes jump {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-5px);
    }
  }
/* iconos */



/*image hoover */
.image-container {
    overflow: hidden; /* Para recortar la imagen cuando se agranda */
}

.zoom-image {
    transition: transform 0.3s; /* Agregar una transición suave */
}

.zoom-image:hover {
    transform: scale(1.1); /* Escalar la imagen en un 110% */
} 


/* mapa */

.footer__map-container{
  display: flex;
  align-items: center;
}

.footer-map__img{
  position: absolute;
  width: 200%;
  left: -25px;
  top: -13px;
}

.footer-map__img-container{
  position: relative;
  width: 12%;
  height: 100%;
}

.footer__map-box{
  width: 80%;
  height: 100%;
}

.iframe-map{
  width: 100%;
  height: 250px;
}

.footer__col{
  height: 100%;
}



/* mapa */

/* image hoover */

/* Cambiar el tamaño de la imagen antes del breakpoint "md" */
@media (max-width: 768px) {
    .footer-map__img-container{
      display: none;
    }

    .footer__map-box{
      width: 100%;
    }
  }


/* experimento */

@media (max-width: 991px){
  .footer-map__img-container{
    width: 15%;
  }
  .footer-map__img{
    width: 250%;
    left: -35px;
  }
}