.icono {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px; /* Espacio entre íconos */
    width: auto;
}

.icono img {
    width: 35%; /* Tamaño para PC */
    height: auto;
}

/* Estilos para móviles */
@media (max-width: 1000px) {
    .icono {
        left: auto;          /* IMPORTANTE: anula el left */
        right: 5px;          /* lo fuerza al lado derecho */
        bottom: 15px;
        width: fit-content;  /* evita que se estire y se “centre” */
        align-items: flex-end;
    }

    .icono img {
        width: 35%; /* Tamaño más grande para pantallas pequeñas */
        height: auto;
    }
}