.react-select__indicator-separator {
    display: none !important;
}

.react-select__indicators>.react-select__indicator>svg,
.react-select__control .react-select__placeholder {
    color: #344050 !important;
}

@keyframes moveAndFade {
    0% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }

    25% {
        transform: translateY(0) scale(0.98);
        opacity: 0.2;
    }

    50% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }

    75% {
        transform: translateY(0) scale(0.98);
        opacity: 0.6;
    }

    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

#logo path {
    animation: moveAndFade 3s infinite;
    /* Ajusta la duración según tu preferencia */
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(40deg);
    }

    30% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

#logo #path1 {
    animation: rotate .5s linear infinite;
    /* Ajusta la duración según tu preferencia */
}

#logo #path2 {
    animation: rotate 1s linear infinite reverse;
    /* Puedes ajustar la duración y dirección */
}

#logo #path3 {
    animation: rotate 1.5s linear infinite;
    /* Puedes ajustar la duración */
}