.input-loading-wrapper {
    }

        .input-loading-wrapper input[type="text"] {
            padding-right: 30px; /* espacio para el loader */
        }

    .input-loader {
        position: absolute;
        right: 8px;
        top: 65%;
        transform: translateY(-50%);
        width: 14px;
        height: 14px;
        border: 2px solid #ccc;
        border-top: 2px solid #000;
        border-radius: 50%;
        animation: spin 0.7s linear infinite;
        display: none;
        pointer-events: none; /* 👈 importante: no bloquea clicks */
    }

    @keyframes spin {
        0% {
            transform: translateY(-50%) rotate(0deg);
        }

        100% {
            transform: translateY(-50%) rotate(360deg);
        }
    }

    .input-error-message {
        color: #e74c3c;
        font-size: 12px;
        margin-top: 5px;
        display: none;
    }