.icono {
  position: fixed;
  bottom: 0; /* Cambia "20px" a "0" para que esté al ras de la parte inferior de la pantalla */
  left: 0;
  z-index: 999;
  display: flex;
  flex-direction: row; /* Alinea las imágenes en una fila */
  align-items: flex-end; /* Alinea las imágenes en la parte inferior del contenedor */
  padding: 10px; /* Agregamos un poco de espacio alrededor de las imágenes en dispositivos móviles */
  background-color: rgba(255, 255, 255, 0.9); /* Agregamos un fondo blanco translúcido */
}

.imagen1,
.imagen2 {
  width: 70px;
  height: 70px;
  margin-right: 10px;
}

.imagen2 {
  margin-right: 0;
}

.icono a {
  margin-top: 4px;
}

.icono img {
  width: 100%;
  padding: 4px;
  background: transparent;
  cursor: pointer;
  border-radius: 0;
  transition: all 300ms;
}

.icono a:hover img {
  background: rgba(0, 0, 0, 0.1);
}
/* Esta regla oculta los iconos en pantallas más grandes */
@media (min-width: 1001px) {
  .icono {
    display: none;
  }
}

/* Esta regla muestra los iconos en dispositivos móviles */
@media (max-width: 1000px) {
  .icono {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.9);
  }
}